/* Labor & Materials: complete proposal rail and WBE-orange interaction system. */
.time-materials-page{--tm-cyan:#ff851b}

.time-materials-page .tm-step-rail button.active b,
.time-materials-page .tm-step-rail button.active strong{border-color:#ff851b;color:#ff9a3d}
.time-materials-page .tm-step-rail button.active b{box-shadow:0 0 18px rgba(255,133,27,.18)}
.time-materials-page .tm-step-intro>span,
.time-materials-page .tm-pricing-section>header>span{border-color:#ff851b;color:#ff9a3d;background:rgba(255,133,27,.07)}
.time-materials-page .tm-mode-choice button.active{border-color:#ff851b;background:#18130f;box-shadow:0 0 0 1px rgba(255,133,27,.14)}
.time-materials-page .tm-mode-choice button.active>svg,
.time-materials-page .tm-area-summary button,
.time-materials-page .tm-add-line{color:#ff9a3d}

.time-materials-page :is(.tm-scope-context,.tm-scope-row,.tm-scope-card footer) :is(input,select):focus{border-color:#ff851b!important;box-shadow:0 0 0 2px rgba(255,133,27,.14)!important}
.time-materials-page .tm-scope-card>header svg,
.time-materials-page .tm-scope-card>header>span strong{color:#ff9a3d}
.time-materials-page .tm-scope-row>.tm-scope-include>span{border-color:#596472;background:#0a1119}
.time-materials-page .tm-scope-include input:checked+span{border-color:#ff851b;background:#ff851b}
.time-materials-page .tm-scope-include input:checked+span::after{color:#15100b}

.time-materials-page .tm-summary-toggle input{
  appearance:none;
  position:relative;
  flex:0 0 38px;
  width:38px;
  height:22px;
  margin:0;
  border:1px solid #596472!important;
  border-radius:999px;
  background:#24313c!important;
  cursor:pointer;
  transition:background .16s ease,border-color .16s ease;
}
.time-materials-page .tm-summary-toggle input::after{
  content:"";
  position:absolute;
  top:3px;
  left:3px;
  width:14px;
  height:14px;
  border-radius:50%;
  background:#dce4ea;
  transition:transform .16s ease;
}
.time-materials-page .tm-summary-toggle input:checked{border-color:#ff851b!important;background:#ff851b!important}
.time-materials-page .tm-summary-toggle input:checked::after{transform:translateX(16px);background:#fff}
.time-materials-page .tm-summary-toggle input:focus-visible{outline:2px solid #ffad61;outline-offset:2px}

.time-materials-page .tm-customer-total{border-color:#ff851b;background:#24170d}
.time-materials-page .tm-customer-total small{color:#ffad61!important}
.time-materials-page .tm-customer-display label>span svg,
.time-materials-page .tm-pricing-adjustments>summary svg{color:#ff9a3d}
.time-materials-page .tm-customer-display select:focus{outline:none!important;border-color:#ff851b!important;box-shadow:0 0 0 2px rgba(255,133,27,.14)!important}
.time-materials-page .tm-back-to-proposals{border-color:#ff851b;color:#ff9a3d;background:#17120e}
.time-materials-page .tm-back-to-proposals:hover{background:#24170d;color:#fff}
.time-materials-page .tm-budget-metric.cyan{color:#ff9a3d}

.time-materials-page .tm-standard-rail-actions{display:grid;gap:8px;padding:12px;border-top:1px solid #314454;background:#0b121a}
.time-materials-page .tm-rail-action-card{display:grid;grid-template-columns:34px minmax(0,1fr) 16px;align-items:center;gap:9px;width:100%;min-height:58px;padding:9px 10px;border:1px solid #3b4652;border-radius:7px;background:#10151b;color:#f7fbff;text-align:left;transition:border-color .16s ease,background .16s ease,transform .16s ease}
.time-materials-page .tm-rail-action-card>svg:first-child{width:32px;height:32px;padding:7px;border:1px solid #ff851b;border-radius:7px;color:#ff9a3d}
.time-materials-page .tm-rail-action-card>svg:last-child{width:15px;height:15px;color:#ff9a3d}
.time-materials-page .tm-rail-action-card>span{display:grid;gap:2px;min-width:0}
.time-materials-page .tm-rail-action-card strong{font-size:12.5px;line-height:1.2;color:#fff}
.time-materials-page .tm-rail-action-card small{font-size:10.5px!important;line-height:1.25!important;color:#aebbc5!important;text-transform:none!important;letter-spacing:0!important}
.time-materials-page .tm-rail-action-card:hover{border-color:#ff851b;background:#1c1510;transform:translateY(-1px)}
.time-materials-page .tm-rail-action-card.primary-card{border-color:#ff851b;background:#21150c}
.time-materials-page .tm-rail-action-card.primary-card:hover{background:#2c1a0b}
.time-materials-page .tm-rail-utilities{display:grid;gap:4px;padding-top:5px;border-top:1px solid #29343e}
.time-materials-page .tm-rail-utilities button{display:flex;align-items:center;gap:7px;min-height:30px;padding:5px 2px;border:0;background:transparent;color:#aebbc5;font-size:10.5px;font-weight:650;text-align:left}
.time-materials-page .tm-rail-utilities button svg{width:14px;height:14px}
.time-materials-page .tm-rail-utilities button:hover{color:#ff9a3d}
.time-materials-page .tm-rail-utilities button:last-child:hover{color:#ff7b78}

@media(max-width:1120px){
  .time-materials-page .tm-standard-rail-actions{grid-column:1/-1}
}