/* Painting Labor & Materials: deep-navy four-step estimating workflow. */
.time-materials-page{
  --tm-bg:#070b10;
  --tm-surface:#0b121a;
  --tm-surface-2:#101923;
  --tm-border:#2d3b4b;
  --tm-border-soft:#213040;
  background:#070b10!important;
  border-color:#182432!important;
}
.time-materials-page .tm-page-header,
.time-materials-page .tm-project-strip,
.time-materials-page .tm-main-tools,
.time-materials-page .tm-step-rail,
.time-materials-page .tm-workspace{background:#070b10!important}
.time-materials-page .tm-project-strip{background:#0a1119!important}
.time-materials-page .tm-record-strip .proposal-estimator-note-trigger,
.time-materials-page .tm-record-strip .proposal-estimator-work-order{background:#0b121a!important;border-color:#2d3b4b!important}
.time-materials-page .tm-record-strip .proposal-estimator-note-trigger:hover,
.time-materials-page .tm-record-strip .proposal-estimator-work-order:hover{background:#1a1510!important;border-color:#ff851b!important}

.time-materials-page .tm-four-step-rail{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding:15px 22px}
.time-materials-page .tm-four-step-rail button:not(:last-child)::after{width:24px}
.time-materials-page .tm-four-step-rail b{flex-basis:38px;height:38px;font-size:15px}
.time-materials-page .tm-four-step-rail b svg{width:17px;height:17px}
.time-materials-page .tm-four-step-rail strong{font-size:13px}.time-materials-page .tm-four-step-rail small{font-size:10.5px!important}

.time-materials-page .tm-step-intro{padding:14px 16px;background:#0b121a;border-color:#2d3b4b}
.time-materials-page .tm-step-intro>span{flex-basis:42px;height:42px;border-radius:7px;background:#0b1821}
.time-materials-page .tm-step-intro h2{font-size:18px!important}.time-materials-page .tm-step-intro p{font-size:12px}
.time-materials-page .tm-scope-context{display:grid;grid-template-columns:minmax(145px,.8fr) minmax(180px,1fr) minmax(180px,1fr) auto;gap:13px;align-items:end;padding:0 3px}
.time-materials-page .tm-scope-context label{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;color:#b8d6e9;font-size:11.5px;white-space:nowrap}
.time-materials-page .tm-scope-context input,.time-materials-page .tm-scope-context select,
.time-materials-page .tm-scope-row input,.time-materials-page .tm-scope-row select,
.time-materials-page .tm-scope-card footer input{height:36px!important;min-height:36px!important;border:1px solid #36586e!important;border-radius:6px!important;background:#06111a!important;color:#fff!important;padding:7px 9px!important;font-size:12px!important;box-shadow:none!important}
.time-materials-page :is(.tm-scope-context,.tm-scope-row,.tm-scope-card footer) :is(input,select):focus{outline:none!important;border-color:#00d9ef!important;box-shadow:0 0 0 2px rgba(0,217,239,.13)!important}
.time-materials-page .tm-outline-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:7px 12px;border:1px dashed #527086;border-radius:6px;background:transparent;color:#eef8ff;font-size:11.5px;font-weight:700;white-space:nowrap}
.time-materials-page .tm-outline-action:hover{border-color:#ff851b;color:#ff9d46;background:#17120d}

.time-materials-page .tm-scope-card{border:1px solid #2d3b4b;border-radius:8px;background:#0b121a;overflow:hidden}
.time-materials-page .tm-scope-card>header{position:relative!important;inset:auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:12px 14px!important;border:0!important;border-bottom:1px solid #2d3b4b!important;background:#101923!important}
.time-materials-page .tm-scope-card>header>div{display:flex;align-items:center;gap:10px}.time-materials-page .tm-scope-card>header svg{color:#00d9ef}.time-materials-page .tm-scope-card h3{margin:0!important;color:#fff!important;font-size:15px!important}.time-materials-page .tm-scope-card>header>span{font-size:11px;color:#b9d0df}.time-materials-page .tm-scope-card>header>span strong{margin-left:4px;color:#25dced}
.time-materials-page .tm-scope-table-head,.time-materials-page .tm-scope-row{display:grid;grid-template-columns:54px minmax(110px,1fr) 80px 88px minmax(115px,1fr) minmax(105px,.9fr) 84px minmax(105px,.9fr);gap:8px;align-items:center}
.time-materials-page .tm-scope-table-head{padding:8px 11px;border-bottom:1px solid #2d3b4b;background:#101923;color:#c5ced9;font-size:9.5px;font-weight:750;text-transform:uppercase;letter-spacing:.02em}
.time-materials-page .tm-scope-table-head span:first-child{text-align:center}
.time-materials-page .tm-scope-row{position:relative;min-height:48px;padding:6px 11px;border-bottom:1px solid #213a49}
.time-materials-page .tm-scope-row:last-child{border-bottom:0}.time-materials-page .tm-scope-row:hover{background:#0d1620}
.time-materials-page .tm-scope-row>label:not(.tm-scope-include):not(.tm-scope-task){display:block;min-width:0}.time-materials-page .tm-scope-row>label>span{display:none}
.time-materials-page .tm-scope-task{display:grid;gap:2px;min-width:0;color:#fff}.time-materials-page .tm-scope-task strong{font-size:12px}.time-materials-page .tm-scope-task small{font-size:10px;color:#9fb3c0}
.time-materials-page .tm-scope-include{display:grid;place-items:center}.time-materials-page .tm-scope-include input{position:absolute;opacity:0;pointer-events:none}.time-materials-page .tm-scope-row>.tm-scope-include>span{display:grid;place-items:center;width:18px;height:18px;border:1px solid #4c697b;border-radius:4px;background:#07141d}.time-materials-page .tm-scope-include input:checked+span{border-color:#00d8ee;background:#00d8ee}.time-materials-page .tm-scope-include input:checked+span::after{content:"✓";color:#06202a;font-size:13px;font-weight:900}.time-materials-page .tm-scope-include input:focus-visible+span{outline:2px solid #ff851b;outline-offset:2px}
.time-materials-page .tm-scope-remove{position:absolute;right:3px;top:3px;width:24px;height:24px;display:grid;place-items:center;border:0!important;background:transparent!important;color:#ff7b78!important}.time-materials-page .tm-scope-remove:hover{color:#fff!important;background:#8c2626!important}.time-materials-page .tm-scope-remove svg{width:13px;height:13px}
.time-materials-page .tm-scope-card>footer{position:relative!important;inset:auto!important;display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:10px 16px!important;padding:10px 12px!important;border:0!important;border-top:1px solid #2a4658!important;background:#05141e!important}
.time-materials-page .tm-scope-card>footer>label{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;color:#bcd5e5;font-size:11px}.time-materials-page .tm-scope-card>footer>p{grid-column:1/-1;display:flex;align-items:center;gap:7px;margin:0;padding:8px 10px;border:1px solid #175f83;border-radius:6px;background:#07243a;color:#89d7ff;font-size:10.5px}.time-materials-page .tm-scope-card>footer>p svg{width:16px;height:16px;flex:0 0 auto}

.time-materials-page .tm-area-summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:9px 12px;border:1px solid #2d3b4b;border-radius:7px;background:#0b121a}.time-materials-page .tm-area-summary strong{padding-right:13px;border-right:1px solid #2d3b4b;color:#fff;font-size:12px}.time-materials-page .tm-area-summary span{min-width:0;color:#c5ced9;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.time-materials-page .tm-area-summary button{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:#20dcef;font-size:11px;font-weight:700}.time-materials-page .tm-area-summary button svg{width:14px;height:14px}
.time-materials-page .tm-mode-choice button{background:#0b121a;border-color:#2d3b4b}.time-materials-page .tm-mode-choice button.active{border-color:#00d9ef;background:#0b1821;box-shadow:none}
.time-materials-page .tm-pricing-section,.time-materials-page .tm-review-group{background:#0b121a;border-color:#2d3b4b}.time-materials-page .tm-pricing-section>header,.time-materials-page .tm-review-group>header{background:#101923!important;border-color:#2d3b4b!important}
.time-materials-page .tm-line:hover{background:#0d1620}.time-materials-page .tm-line input,.time-materials-page .tm-line select{background:#0a1119!important;border-color:#3a4b5e!important}
.time-materials-page .tm-standard-summary,.time-materials-page .tm-rail-section,.time-materials-page .tm-standard-summary>footer{background:#0b121a!important}
.time-materials-page .tm-service-card{background:#0d1116}.time-materials-page .tm-customer-total{background:#062833}

@media(max-width:1360px){
  .time-materials-page .tm-scope-table-head,.time-materials-page .tm-scope-row{grid-template-columns:48px minmax(100px,1fr) 72px 78px minmax(100px,1fr) minmax(92px,.9fr) 76px minmax(92px,.9fr);gap:6px}
  .time-materials-page .tm-scope-row input,.time-materials-page .tm-scope-row select{padding:6px!important;font-size:11px!important}
}
@media(max-width:1120px){.time-materials-page .tm-four-step-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.time-materials-page .tm-scope-card{overflow-x:auto}.time-materials-page .tm-scope-table-head,.time-materials-page .tm-scope-row{min-width:920px}.time-materials-page .tm-scope-context{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.time-materials-page .tm-four-step-rail{grid-template-columns:1fr}.time-materials-page .tm-four-step-rail button{display:flex;justify-items:initial;text-align:left}.time-materials-page .tm-four-step-rail button:not(:last-child)::after{display:none}.time-materials-page .tm-scope-context{grid-template-columns:1fr}.time-materials-page .tm-scope-context label{grid-template-columns:1fr}.time-materials-page .tm-area-summary{grid-template-columns:1fr}.time-materials-page .tm-area-summary strong{border-right:0;padding-right:0}.time-materials-page .tm-scope-card>footer{grid-template-columns:1fr!important}.time-materials-page .tm-scope-card>footer>label{grid-template-columns:1fr}.time-materials-page .tm-step-actions{display:grid}.time-materials-page .tm-step-actions>*{width:100%}}