/* Painter Pro service controls: compact switching and per-service pricing.
   This layer changes only the shared header controls and selection dialog. */

.painting-shared-estimate-top .painting-service-header-actions{
  display:flex!important;
  align-items:stretch!important;
  gap:8px!important;
  padding:9px!important;
  min-width:0;
}
.painting-service-header-actions .painting-header-total{
  display:grid!important;
  align-content:center;
  min-width:82px;
  padding:0 10px!important;
  border-right:1px solid #294052;
  text-align:right;
}
.painting-service-header-actions .painting-header-total small{
  color:#94a8b7!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.painting-service-header-actions .painting-header-total strong{
  color:#ff861f!important;
  font-size:19px!important;
  line-height:1.1!important;
}
.painting-header-service-controls{
  display:grid;
  grid-template-columns:minmax(190px,1.25fr) minmax(128px,.8fr) auto;
  align-items:stretch;
  gap:7px;
  min-width:0;
}
.painting-header-service-select,
.painting-header-method{
  display:grid!important;
  align-content:center;
  gap:3px;
  min-width:0;
  min-height:48px;
  margin:0!important;
  padding:6px 9px!important;
  border:1px solid #334b5d!important;
  border-radius:7px!important;
  background:#0a1824!important;
  color:#fff!important;
  text-align:left!important;
}
.painting-header-service-select>small,
.painting-header-method>small{
  color:#91a7b7!important;
  font-size:9.5px!important;
  font-style:normal!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.painting-header-service-select>span{
  display:grid!important;
  grid-template-columns:18px minmax(0,1fr);
  align-items:center;
  gap:6px;
  padding:0!important;
}
.painting-header-service-select svg{width:17px;height:17px;color:#ff861f}
.painting-header-service-select select{
  width:100%;
  min-width:0;
  height:24px!important;
  padding:0 24px 0 0!important;
  border:0!important;
  background-color:transparent!important;
  color:#f8fbfd!important;
  font-size:13.5px!important;
  font-weight:750!important;
  box-shadow:none!important;
}
.painting-header-method strong{
  overflow:hidden;
  color:#f8fbfd!important;
  font-size:13px!important;
  line-height:1.2!important;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.painting-header-service-select:hover,
.painting-header-service-select:focus-within,
.painting-header-method:hover,
.painting-header-method:focus-visible{
  border-color:#ff861f!important;
  background:#18130f!important;
}
.painting-header-add-service{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  min-height:48px!important;
  padding:8px 13px!important;
  border:1px solid #ff861f!important;
  border-radius:7px!important;
  background:#ff861f!important;
  color:#15100b!important;
  font-size:12.5px!important;
  font-weight:850!important;
  white-space:nowrap;
}
.painting-header-add-service:hover{background:#ff9b3d!important;border-color:#ff9b3d!important}
.painting-header-add-service svg{width:16px;height:16px}
.painting-header-add-service:disabled{opacity:.48;cursor:not-allowed}

.painting-service-pricing-dialog{
  position:fixed;
  z-index:1400;
  inset:0;
  display:grid;
  place-items:center;
  padding:22px;
}
.painting-service-pricing-backdrop{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
  background:rgba(1,5,9,.82);
}
.painting-service-pricing-dialog>section{
  position:relative;
  z-index:1;
  width:min(650px,100%);
  max-height:calc(100svh - 44px);
  overflow:auto;
  border:1px solid #4a6070;
  border-radius:13px;
  background:#09131d;
  box-shadow:0 24px 70px rgba(0,0,0,.68);
}
.painting-service-pricing-dialog>section>header{
  position:relative!important;
  inset:auto!important;
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr) 36px!important;
  gap:12px!important;
  align-items:start!important;
  margin:0!important;
  padding:18px!important;
  border:0!important;
  border-bottom:1px solid #304656!important;
  background:#0b1823!important;
}
.painting-service-pricing-dialog>section>header>span{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border:1px solid #ff861f;
  border-radius:50%;
  color:#ff861f;
}
.painting-service-pricing-dialog>section>header>span svg{width:22px;height:22px}
.painting-service-pricing-dialog header small{color:#ff9b3d;font-size:10.5px;font-weight:850;text-transform:uppercase}
.painting-service-pricing-dialog header h2{margin:3px 0 4px!important;color:#fff!important;font-size:21px!important;line-height:1.15!important}
.painting-service-pricing-dialog header p{margin:0!important;color:#a9bac6!important;font-size:12.5px!important;line-height:1.35!important}
.painting-service-pricing-dialog header>button{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  padding:0;
  border:1px solid #425766;
  border-radius:7px;
  background:#101d27;
  color:#eef5f8;
}
.painting-service-pricing-dialog>section>label{
  display:grid;
  gap:6px;
  margin:16px 18px 10px;
  color:#a7b8c4;
  font-size:10.5px;
  font-weight:800;
  text-transform:uppercase;
}
.painting-service-pricing-dialog>section>label select{
  min-height:43px;
  padding:0 12px;
  border:1px solid #4b6170;
  border-radius:7px;
  background:#071019;
  color:#fff;
  font-size:14px;
  font-weight:700;
}
.painting-service-pricing-methods{display:grid;gap:8px;padding:4px 18px 18px}
.painting-service-pricing-methods>button{
  display:grid;
  grid-template-columns:38px minmax(0,1fr) 20px;
  align-items:center;
  gap:11px;
  min-height:62px;
  padding:10px 12px;
  border:1px solid #344a5a;
  border-radius:8px;
  background:#0a1721;
  color:#dce6eb;
  text-align:left;
}
.painting-service-pricing-methods>button:hover,
.painting-service-pricing-methods>button:focus-visible,
.painting-service-pricing-methods>button.selected{border-color:#ff861f;background:#1b140f;color:#fff}
.painting-service-pricing-methods>button>svg:first-child{width:24px;height:24px;color:#ff861f}
.painting-service-pricing-methods>button>svg:last-child{width:18px;height:18px;color:#ff861f}
.painting-service-pricing-methods span{display:grid;gap:3px;min-width:0}
.painting-service-pricing-methods strong{font-size:14px;line-height:1.2}
.painting-service-pricing-methods small{color:#9eb0bc;font-size:11.5px;line-height:1.3}
.painting-service-pricing-dialog footer{
  position:relative!important;
  inset:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin:0!important;
  padding:13px 18px!important;
  border:0!important;
  border-top:1px solid #304656!important;
  background:#0b1823!important;
}
.painting-service-pricing-dialog footer p{display:flex;align-items:center;gap:7px;max-width:310px;margin:0;color:#a9bac6;font-size:11px;line-height:1.3}
.painting-service-pricing-dialog footer p svg{flex:0 0 auto;width:17px;height:17px;color:#ff861f}
.painting-service-pricing-dialog footer>div{display:flex;gap:8px}
.painting-service-pricing-dialog footer button{min-height:39px}

.painting-time-materials-embedded{min-height:0!important;border-top:1px solid #263b4b}
.painting-time-materials-embedded .tm-main-tools{padding-top:10px!important}

@media(max-width:1366px){
  .painting-shared-estimate-top .painting-service-header-actions{display:grid!important;grid-template-columns:76px minmax(0,1fr)!important}
  .painting-service-header-actions .painting-header-total{border-right:1px solid #294052!important}
  .painting-header-service-controls{grid-template-columns:minmax(165px,1.2fr) minmax(116px,.8fr) auto}
  .painting-header-add-service{padding-inline:10px!important;font-size:11.5px!important}
}
@media(max-width:900px){
  .painting-shared-estimate-top .painting-service-header-actions{grid-template-columns:1fr!important}
  .painting-service-header-actions .painting-header-total{min-height:42px;border-right:0!important;border-bottom:1px solid #294052;text-align:left}
  .painting-header-service-controls{grid-template-columns:minmax(0,1fr) minmax(0,.8fr)}
  .painting-header-add-service{grid-column:1/-1}
}
@media(max-width:620px){
  .painting-header-service-controls{grid-template-columns:1fr}
  .painting-header-add-service{grid-column:auto}
  .painting-service-pricing-dialog{padding:10px}
  .painting-service-pricing-dialog>section{max-height:calc(100svh - 20px)}
  .painting-service-pricing-dialog footer{align-items:stretch!important;flex-direction:column!important}
  .painting-service-pricing-dialog footer p{max-width:none}
  .painting-service-pricing-dialog footer>div{display:grid;grid-template-columns:1fr 1fr}
}