:root{--status-action-bg:#fff0ef;--status-action-border:#e06a62;--status-action-text:#9e302b;--status-waiting-bg:#fff7e3;--status-waiting-border:#d99a28;--status-waiting-text:#805a0e;--status-active-bg:#e9f8fb;--status-active-border:#32a6bf;--status-active-text:#176d82;--status-ready-bg:#edf5fd;--status-ready-border:#4e91ca;--status-ready-text:#235c91;--status-complete-bg:#eaf7ef;--status-complete-border:#4caa70;--status-complete-text:#236a42;--status-info-bg:#f1f5f7;--status-info-border:#a8bcc6;--status-info-text:#526d7b;--status-handled-bg:#edf1f3;--status-handled-border:#a5b5bd;--status-handled-text:#657981}
.status-tone{display:inline-flex;align-items:center;min-height:24px;padding:4px 7px;border:1px solid var(--status-info-border);border-radius:4px;background:var(--status-info-bg);color:var(--status-info-text);font-size:8px;font-style:normal;font-weight:900;line-height:1;text-transform:uppercase;letter-spacing:0}
.status-tone.is-action,.is-tone-action{--status-current-bg:var(--status-action-bg);--status-current-border:var(--status-action-border);--status-current-text:var(--status-action-text)}.status-tone.is-waiting,.is-tone-waiting{--status-current-bg:var(--status-waiting-bg);--status-current-border:var(--status-waiting-border);--status-current-text:var(--status-waiting-text)}.status-tone.is-active,.is-tone-active{--status-current-bg:var(--status-active-bg);--status-current-border:var(--status-active-border);--status-current-text:var(--status-active-text)}.status-tone.is-ready,.is-tone-ready{--status-current-bg:var(--status-ready-bg);--status-current-border:var(--status-ready-border);--status-current-text:var(--status-ready-text)}.status-tone.is-complete,.is-tone-complete{--status-current-bg:var(--status-complete-bg);--status-current-border:var(--status-complete-border);--status-current-text:var(--status-complete-text)}.status-tone.is-info,.is-tone-info{--status-current-bg:var(--status-info-bg);--status-current-border:var(--status-info-border);--status-current-text:var(--status-info-text)}.status-tone.is-handled,.is-tone-handled{--status-current-bg:var(--status-handled-bg);--status-current-border:var(--status-handled-border);--status-current-text:var(--status-handled-text)}
.status-tone[class*="is-"]{border-color:var(--status-current-border);background:var(--status-current-bg);color:var(--status-current-text)}
.staff-notification-card[class*="is-tone-"]{border-left:4px solid var(--status-current-border)}.staff-notification-card.is-tone-action>summary{background:var(--status-action-bg)}.staff-notification-card.is-tone-waiting>summary{background:var(--status-waiting-bg)}.staff-notification-card.is-tone-active>summary{background:var(--status-active-bg)}.staff-notification-card.is-tone-ready>summary,.staff-notification-card.is-tone-complete>summary{background:var(--status-complete-bg)}.staff-notification-card.is-tone-handled>summary{background:var(--status-handled-bg)}
.status-legend{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 12px}.status-legend .status-tone{font-size:8px}
.booking-record-next-step.is-ready{border-color:var(--status-ready-border)!important;background:var(--status-ready-bg)!important;color:var(--status-ready-text)!important}.booking-record-next-step.is-active{border-color:var(--status-active-border)!important;background:var(--status-active-bg)!important;color:var(--status-active-text)!important}.booking-record-next-step.is-attention{border-color:var(--status-waiting-border)!important;background:var(--status-waiting-bg)!important;color:var(--status-waiting-text)!important}.booking-record-next-step.is-complete{border-color:var(--status-complete-border)!important;background:var(--status-complete-bg)!important;color:var(--status-complete-text)!important}
.technician-job-card.is-ready{border-color:var(--status-ready-border)!important}.technician-job-card.is-active{border-color:var(--status-active-border)!important}.technician-job-card.is-waiting{border-color:var(--status-waiting-border)!important}.technician-job-card.is-attention{border-color:var(--status-action-border)!important;background:var(--status-action-bg)!important}.technician-job-card.is-complete{border-color:var(--status-complete-border)!important}.technician-job-card.is-active .technician-stage-badge{background:var(--status-active-bg)!important;color:var(--status-active-text)!important}.technician-job-card.is-waiting .technician-stage-badge{background:var(--status-waiting-bg)!important;color:var(--status-waiting-text)!important}.technician-job-card.is-attention .technician-stage-badge{background:var(--status-action-bg)!important;color:var(--status-action-text)!important}.technician-job-card.is-complete .technician-stage-badge{background:var(--status-complete-bg)!important;color:var(--status-complete-text)!important}
.status-pill.approved,.status-pill.accepted,.status-pill.paid{background:var(--status-complete-bg)!important;color:var(--status-complete-text)!important}.status-pill.declined,.status-pill.overdue{background:var(--status-action-bg)!important;color:var(--status-action-text)!important}.status-pill.sent,.status-pill.outstanding,.status-pill.part-paid{background:var(--status-waiting-bg)!important;color:var(--status-waiting-text)!important}.status-pill.draft{background:var(--status-info-bg)!important;color:var(--status-info-text)!important}
.dashboard-monitor-pending{border-color:var(--status-waiting-border)!important;border-left-color:var(--status-waiting-border)!important;background:var(--status-waiting-bg)!important;color:var(--status-waiting-text)!important}.dashboard-monitor-action{border-color:var(--status-action-border)!important;border-left-color:var(--status-action-border)!important;background:var(--status-action-bg)!important;color:var(--status-action-text)!important}
.technician-customer-action[class*="is-tone-"]{border-left-color:var(--status-current-border)!important;background:var(--status-current-bg)!important}.technician-customer-action.is-tone-action summary i{color:var(--status-action-text)!important}.technician-customer-action.is-tone-waiting summary i{color:var(--status-waiting-text)!important}.technician-customer-action.is-tone-active summary i{color:var(--status-active-text)!important}.technician-customer-action.is-tone-complete summary i{color:var(--status-complete-text)!important}
@media(max-width:560px){.status-legend{gap:5px}.status-tone{min-height:26px;font-size:8px}}