/* Labor & Materials aligned with the shared Painter Pro estimator standard. */
.time-materials-page,
.time-materials-page *{
  font-family:Inter,"Segoe UI",Arial,sans-serif;
  font-synthesis:none;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  text-shadow:none;
}
.time-materials-page .tm-main-tools{padding:10px 18px 0;background:#070b10}
.time-materials-page .tm-record-strip{margin:0;position:relative;z-index:5}
.time-materials-page .proposal-estimator-note-trigger,
.time-materials-page .proposal-estimator-work-order{transition:border-color .16s ease,background .16s ease,color .16s ease}
.time-materials-page .proposal-estimator-note-trigger:hover,
.time-materials-page .proposal-estimator-work-order:hover{border-color:#ff851b!important;background:#1b1713!important;color:#fff!important}
.time-materials-page .proposal-estimator-note-trigger:hover>svg,
.time-materials-page .proposal-estimator-work-order:hover>svg{color:#ff851b}
.time-materials-page .proposal-estimator-note-trigger:focus-visible,
.time-materials-page .proposal-estimator-work-order:focus-visible{outline:2px solid #ff851b!important;outline-offset:2px}
.time-materials-page .proposal-estimator-note-dialog[hidden]{display:none!important}
.time-materials-page .proposal-estimator-note-dialog{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:20px}
.time-materials-page .proposal-estimator-note-backdrop{position:absolute;inset:0;background:rgba(1,7,12,.74);backdrop-filter:blur(2px)}
.time-materials-page .proposal-estimator-note-dialog>section{position:relative;z-index:1;width:min(480px,100%);padding:17px;border:1px solid #4b6375;border-radius:11px;background:#0a1721;box-shadow:0 24px 70px rgba(0,0,0,.62);color:#f7fbff}
.time-materials-page .proposal-estimator-note-dialog header{position:relative!important;inset:auto!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:14px!important;margin:0 0 14px!important;padding:0!important;border:0!important;background:transparent!important}
.time-materials-page .proposal-estimator-note-dialog header small{display:block;color:#26dfee;font-size:11px;font-weight:700}
.time-materials-page .proposal-estimator-note-dialog h3{margin:3px 0 0;font-size:19px;line-height:1.2;color:#fff}
.time-materials-page .proposal-estimator-note-dialog header button{display:grid;place-items:center;width:34px;height:34px;border:1px solid #415769;border-radius:7px;background:#10212d;color:#fff}
.time-materials-page .proposal-estimator-note-dialog label{display:grid;gap:6px;color:#b8c8d4;font-size:11px;font-weight:700;text-transform:uppercase}
.time-materials-page .proposal-estimator-note-dialog textarea{min-height:132px;resize:vertical;border:1px solid #466073;border-radius:8px;background:#06121b;color:#fff;padding:11px;font:500 13px/1.5 Inter,"Segoe UI",Arial,sans-serif;text-transform:none;box-shadow:none}
.time-materials-page .proposal-estimator-note-dialog textarea:focus{outline:2px solid #ff851b;outline-offset:1px}
.time-materials-page .proposal-estimator-note-dialog footer{position:relative!important;inset:auto!important;display:flex!important;justify-content:flex-end!important;gap:8px!important;margin:14px 0 0!important;padding:0!important;border:0!important;background:transparent!important}
.time-materials-page .proposal-estimator-note-dialog footer button{min-height:38px;padding:0 15px;border-radius:7px;font-weight:700}
.time-materials-page .tm-work-order-preview{display:grid;gap:13px}
.time-materials-page .tm-work-order-preview>p{display:grid;gap:3px;margin:0;padding:11px;border:1px solid #304454;border-radius:8px;background:#07131c}
.time-materials-page .tm-work-order-preview>p strong{font-size:14px;color:#fff}.time-materials-page .tm-work-order-preview>p span{font-size:12px;color:#b4c4cf}
.time-materials-page .tm-work-order-preview dl{display:grid;gap:0;margin:0;border:1px solid #304454;border-radius:8px;overflow:hidden}
.time-materials-page .tm-work-order-preview dl>div{display:flex;justify-content:space-between;gap:12px;padding:9px 11px;border-bottom:1px solid #263847}
.time-materials-page .tm-work-order-preview dl>div:last-child{border-bottom:0}.time-materials-page .tm-work-order-preview dt{color:#b8c8d4;font-size:12px}.time-materials-page .tm-work-order-preview dd{margin:0;color:#fff;font-size:12px;font-weight:700}
.time-materials-page .tm-work-order-preview article{padding:11px;border:1px solid #304454;border-radius:8px;background:#07131c}.time-materials-page .tm-work-order-preview article strong{font-size:12px;color:#ff9a3d}.time-materials-page .tm-work-order-preview article p{margin:6px 0 0;color:#c5d1d9;font-size:12px;line-height:1.45;white-space:pre-wrap}

.time-materials-page .tm-workspace{grid-template-columns:minmax(0,1fr) 342px;gap:14px;padding:14px 18px 18px}
.time-materials-page .tm-standard-summary{position:sticky;top:72px;display:block;padding:0;border:1px solid #334858;border-radius:8px;background:#07141e;box-shadow:none;overflow:visible}
.time-materials-page .tm-standard-summary>hr{display:none}
.time-materials-page .tm-rail-section{padding:12px;border-bottom:1px solid #314454;background:#07141e}
.time-materials-page .tm-rail-section:first-child{border-radius:8px 8px 0 0}
.time-materials-page .tm-rail-section>header{position:relative!important;inset:auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0 0 9px!important;padding:0!important;border:0!important;background:transparent!important}
.time-materials-page .tm-rail-section>header small{color:#f7fbff!important;font-size:11px!important;font-weight:700!important;letter-spacing:0!important;text-transform:uppercase!important}
.time-materials-page .tm-rail-section>header strong{color:#19dcec;font-size:11.5px;font-weight:700}
.time-materials-page .tm-service-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;background:#121313;border-bottom:1px solid #4d5961}
.time-materials-page .tm-service-card>svg{width:38px;height:38px;padding:9px;border:1px solid #ff851b;border-radius:50%;color:#ff851b}
.time-materials-page .tm-service-card>span{display:grid;gap:2px;min-width:0}.time-materials-page .tm-service-card span strong{font-size:13px;font-weight:700;line-height:1.2;color:#fff}.time-materials-page .tm-service-card span small{font-size:10.5px!important;color:#b664ea!important}.time-materials-page .tm-service-card>b{color:#d85bea;font-size:15px;white-space:nowrap}
.time-materials-page .tm-rail-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #263948;color:#bfccd5;font-size:12px}
.time-materials-page .tm-rail-row:last-child{border-bottom:0}.time-materials-page .tm-rail-row strong{color:#fff;font-size:12px;text-align:right}.time-materials-page .tm-rail-row em{color:#27e483;font-style:normal}
.time-materials-page .tm-save-state{display:flex;align-items:center;gap:7px;padding:8px 0;color:#fff;font-size:11px}.time-materials-page .tm-save-state>svg{width:15px;height:15px;color:#20e77f}.time-materials-page .tm-save-state span{display:grid;gap:2px}.time-materials-page .tm-save-state small{color:#20e77f!important;font-size:10.5px!important}
.time-materials-page .tm-service-breakdown,.time-materials-page .tm-back-to-proposals{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:38px;padding:8px 10px;border:1px solid #3a5669;border-radius:6px;background:#0a202d;color:#f5f8fb;font-size:11.5px;font-weight:700}
.time-materials-page .tm-service-breakdown:hover{border-color:#ff851b;color:#ff9a3d}
.time-materials-page .tm-customer-total{display:grid;gap:4px;margin:7px 0;padding:11px;border:1px solid #18cce6;border-radius:6px;background:#07303b}.time-materials-page .tm-customer-total small{color:#25d9ec!important;font-size:10.5px!important}.time-materials-page .tm-customer-total strong{color:#fff;font-size:25px;line-height:1}
.time-materials-page .tm-customer-display label{display:grid;gap:9px}.time-materials-page .tm-customer-display label>span{display:flex;align-items:center;gap:7px;color:#fff;font-size:12px}.time-materials-page .tm-customer-display label>span svg{width:17px;height:17px;color:#d25bea}.time-materials-page .tm-customer-display select{width:100%;height:39px!important;min-height:39px!important;border:1px solid #3b586b!important;border-radius:6px!important;background:#0b2230!important;color:#fff!important;padding:0 10px!important;font-size:12px!important;box-shadow:none!important}
.time-materials-page .tm-pricing-adjustments>summary,.time-materials-page .tm-budget-health>summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;list-style:none;cursor:pointer;color:#fff}.time-materials-page .tm-pricing-adjustments>summary::-webkit-details-marker,.time-materials-page .tm-budget-health>summary::-webkit-details-marker{display:none}.time-materials-page .tm-pricing-adjustments>summary>span,.time-materials-page .tm-budget-health>summary>span{display:flex;align-items:center;gap:7px}.time-materials-page .tm-pricing-adjustments>summary svg,.time-materials-page .tm-budget-health>summary svg{width:17px;height:17px;color:#20d77d}.time-materials-page .tm-pricing-adjustments>summary>svg,.time-materials-page .tm-budget-health>summary>svg{justify-self:end}.time-materials-page .tm-budget-health>summary{grid-template-columns:minmax(0,1fr) auto 17px}.time-materials-page .tm-budget-health>summary>b{color:#29e58a;font-size:11.5px}
.time-materials-page .tm-adjustment-fields{display:grid;gap:3px;margin-top:10px;padding-top:5px;border-top:1px solid #29402f}
.time-materials-page .tm-budget-health{margin:0;background:#0a241b;border-color:#296044}
.time-materials-page .tm-budget-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px}
.time-materials-page .tm-budget-metric{display:grid;grid-template-columns:27px minmax(0,1fr);grid-template-areas:"icon label" "value value";gap:5px 7px;align-items:center;min-height:73px;padding:8px;border:1px solid #355347;border-radius:7px;background:#081713;overflow:hidden}.time-materials-page .tm-budget-metric>svg{grid-area:icon;width:27px;height:27px;padding:6px;border:1px solid currentColor;border-radius:50%}.time-materials-page .tm-budget-metric>span{grid-area:label;color:#d8e2e7;font-size:10.5px;font-weight:700;line-height:1.15}.time-materials-page .tm-budget-metric>strong{grid-area:value;color:#fff;font-size:13px;text-align:right;white-space:nowrap}.time-materials-page .tm-budget-metric.cyan{color:#22c7f2}.time-materials-page .tm-budget-metric.purple{color:#a855f7}.time-materials-page .tm-budget-metric.green{color:#31d17c}.time-materials-page .tm-budget-metric.yellow{color:#f3c614}.time-materials-page .tm-budget-health>small{display:block;margin-top:9px;color:#aebdc6!important;font-size:10px!important;line-height:1.35!important}
.time-materials-page .tm-back-to-proposals{margin:12px;width:calc(100% - 24px);justify-content:center;gap:7px;border-color:#19cde6;color:#20dbea}.time-materials-page .tm-back-to-proposals:hover{background:#0b2c37;color:#fff}
.time-materials-page .tm-standard-summary>footer{position:relative!important;inset:auto!important;display:grid!important;gap:9px!important;padding:12px!important;border:0!important;border-top:1px solid #314454!important;background:#07141e!important}
.time-materials-page .tm-standard-summary>footer>span{display:flex;align-items:end;justify-content:space-between;gap:10px}.time-materials-page .tm-standard-summary>footer>span small{color:#b9c8d2!important;font-size:11px!important}.time-materials-page .tm-standard-summary>footer>span strong{color:#fff;font-size:23px;line-height:1}.time-materials-page .tm-standard-summary>footer .primary{width:100%;min-height:42px!important;background:#ff851b!important;border-color:#ff851b!important;color:#121212!important;font-size:12px!important}

@media(max-width:1240px){.time-materials-page .tm-workspace{grid-template-columns:minmax(0,1fr) 318px}}
@media(max-width:1120px){.time-materials-page .tm-workspace{grid-template-columns:1fr}.time-materials-page .tm-standard-summary{position:relative;top:auto;display:block}.time-materials-page .tm-record-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.time-materials-page .tm-main-tools{padding:10px 12px 0}.time-materials-page .tm-record-strip{grid-template-columns:1fr}.time-materials-page .tm-workspace{padding:12px}.time-materials-page .tm-budget-grid{grid-template-columns:1fr}}