/* Semantic color contract. Only color properties use !important to override legacy page colors.
 * Layout, dimensions and component behavior remain owned by each page. */
:root{
--ui-default-base:#ea603c;
--ui-default-hover:#d94f2c;
--ui-default-on:#fff;
--ui-default-hover-on:#fff;
--ui-default-soft:#fff4ef;
--ui-default-text:#9a3412;
--ui-default-border:#f4c7b8;
--ui-primary-base:#0d6efd;
--ui-primary-hover:#0a58ca;
--ui-primary-on:#fff;
--ui-primary-soft:#cfe2ff;
--ui-primary-text:#084298;
--ui-primary-border:#9ec5fe;
--ui-secondary-base:#6c757d;
--ui-secondary-hover:#565e64;
--ui-secondary-on:#fff;
--ui-secondary-soft:#e2e3e5;
--ui-secondary-text:#41464b;
--ui-secondary-border:#c4c8cb;
--ui-success-base:#198754;
--ui-success-hover:#146c43;
--ui-success-on:#fff;
--ui-success-soft:#d1e7dd;
--ui-success-text:#0f5132;
--ui-success-border:#a3cfbb;
--ui-danger-base:#dc3545;
--ui-danger-hover:#b02a37;
--ui-danger-on:#fff;
--ui-danger-soft:#f8d7da;
--ui-danger-text:#842029;
--ui-danger-border:#f1aeb5;
--ui-warning-base:#ffc107;
--ui-warning-hover:#ffca2c;
--ui-warning-on:#212529;
--ui-warning-soft:#fff3cd;
--ui-warning-text:#664d03;
--ui-warning-border:#ffe69c;
--ui-info-base:#0dcaf0;
--ui-info-hover:#31d2f2;
--ui-info-on:#212529;
--ui-info-soft:#cff4fc;
--ui-info-text:#055160;
--ui-info-border:#9eeaf9;
--ui-light-base:#f8f9fa;
--ui-light-hover:#d3d4d5;
--ui-light-on:#212529;
--ui-light-soft:#fcfcfd;
--ui-light-text:#495057;
--ui-light-border:#dee2e6;
--ui-dark-base:#212529;
--ui-dark-hover:#424649;
--ui-dark-on:#fff;
--ui-dark-soft:#d3d3d4;
--ui-dark-text:#141619;
--ui-dark-border:#adb5bd;
}
.btn{cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}
.btn:focus-visible{outline:3px solid var(--ui-focus,var(--ui-default-border));outline-offset:3px}
.btn:disabled,.btn.disabled{opacity:.55;cursor:not-allowed}
a.btn.disabled{pointer-events:none}
.btn-default,.btn-outline-default{--ui-focus:var(--ui-default-border);background-image:none!important}
.btn-default{background-color:var(--ui-default-base)!important;border-color:var(--ui-default-base)!important;color:var(--ui-default-on)!important}
.btn-outline-default{background-color:transparent!important;border-color:var(--ui-default-base)!important;color:var(--ui-default-base)!important}
.btn-default:is(:hover,:active,.active,[aria-pressed="true"]):not(:disabled):not(.disabled){background-color:var(--ui-default-hover)!important;border-color:var(--ui-default-hover)!important;color:var(--ui-default-hover-on)!important}
.alert-default,.list-group-item-default{background-color:var(--ui-default-soft)!important;border-color:var(--ui-default-border)!important;color:var(--ui-default-text)!important}
.badge-default,.bg-default{background-color:var(--ui-default-base)!important}
.badge-default{color:var(--ui-default-on)!important}
.text-default{color:var(--ui-default-base)!important}
.border-default{border-color:var(--ui-default-base)!important}
.btn-primary,.btn-outline-primary{--ui-focus:var(--ui-primary-border);background-image:none!important}
.btn-primary{background-color:var(--ui-primary-base)!important;border-color:var(--ui-primary-base)!important;color:var(--ui-primary-on)!important}
.btn-outline-primary{background-color:transparent!important;border-color:var(--ui-primary-base)!important;color:var(--ui-primary-base)!important}
.btn-primary:is(:hover,:active,.active,[aria-pressed="true"]):not(:disabled):not(.disabled){background-color:var(--ui-primary-hover)!important;border-color:var(--ui-primary-hover)!important;color:var(--ui-primary-on)!important}
.alert-primary,.list-group-item-primary{background-color:var(--ui-primary-soft)!important;border-color:var(--ui-primary-border)!important;color:var(--ui-primary-text)!important}
.badge-primary,.bg-primary{background-color:var(--ui-primary-base)!important}
.badge-primary{color:var(--ui-primary-on)!important}
.text-primary{color:var(--ui-primary-base)!important}
.border-primary{border-color:var(--ui-primary-base)!important}
.btn-secondary,.btn-outline-secondary{--ui-focus:var(--ui-secondary-border);background-image:none!important}
.btn-secondary{background-color:var(--ui-secondary-base)!important;border-color:var(--ui-secondary-base)!important;color:var(--ui-secondary-on)!important}
.btn-outline-secondary{background-color:transparent!important;border-color:var(--ui-secondary-base)!important;color:var(--ui-secondary-base)!important}
.btn-secondary:is(:hover,:active,.active,[aria-pressed="true"]):not(:disabled):not(.disabled){background-color:var(--ui-secondary-hover)!important;border-color:var(--ui-secondary-hover)!important;color:var(--ui-secondary-on)!important}
.alert-secondary,.list-group-item-secondary{background-color:var(--ui-secondary-soft)!important;border-color:var(--ui-secondary-border)!important;color:var(--ui-secondary-text)!important}
.badge-secondary,.bg-secondary{background-color:var(--ui-secondary-base)!important}
.badge-secondary{color:var(--ui-secondary-on)!important}
.text-secondary{color:var(--ui-secondary-base)!important}
.border-secondary{border-color:var(--ui-secondary-base)!important}
.btn-success,.btn-outline-success{--ui-focus:var(--ui-success-border);background-image:none!important}
.btn-success{background-color:var(--ui-success-base)!important;border-color:var(--ui-success-base)!important;color:var(--ui-success-on)!important}
.btn-outline-success{background-color:transparent!important;border-color:var(--ui-success-base)!important;color:var(--ui-success-base)!important}
.btn-success:is(:hover,:active,.active,[aria-pressed="true"]):not(:disabled):not(.disabled){background-color:var(--ui-success-hover)!important;border-color:var(--ui-success-hover)!important;color:var(--ui-success-on)!important}
.alert-success,.list-group-item-success{background-color:var(--ui-success-soft)!important;border-color:var(--ui-success-border)!important;color:var(--ui-success-text)!important}
.badge-success,.bg-success{background-color:var(--ui-success-base)!important}
.badge-success{color:var(--ui-success-on)!important}
.text-success{color:var(--ui-success-base)!important}
.border-success{border-color:var(--ui-success-base)!important}
.btn-danger,.btn-outline-danger{--ui-focus:var(--ui-danger-border);background-image:none!important}
.btn-danger{background-color:var(--ui-danger-base)!important;border-color:var(--ui-danger-base)!important;color:var(--ui-danger-on)!important}
.btn-outline-danger{background-color:transparent!important;border-color:var(--ui-danger-base)!important;color:var(--ui-danger-base)!important}
.btn-danger:is(:hover,:active,.active,[aria-pressed="true"]):not(:disabled):not(.disabled){background-color:var(--ui-danger-hover)!important;border-color:var(--ui-danger-hover)!important;color:var(--ui-danger-on)!important}
.alert-danger,.list-group-item-danger{background-color:var(--ui-danger-soft)!important;border-color:var(--ui-danger-border)!important;color:var(--ui-danger-text)!important}
.badge-danger,.bg-danger{background-color:var(--ui-danger-base)!important}
.badge-danger{color:var(--ui-danger-on)!important}
.text-danger{color:var(--ui-danger-base)!important}
.border-danger{border-color:var(--ui-danger-base)!important}
.btn-warning,.btn-outline-warning{--ui-focus:var(--ui-warning-border);background-image:none!important}
.btn-warning{background-color:var(--ui-warning-base)!important;border-color:var(--ui-warning-base)!important;color:var(--ui-warning-on)!important}
.btn-outline-warning{background-color:transparent!important;border-color:var(--ui-warning-base)!important;color:var(--ui-warning-base)!important}
.btn-warning:is(:hover,:active,.active,[aria-pressed="true"]):not(:disabled):not(.disabled){background-color:var(--ui-warning-hover)!important;border-color:var(--ui-warning-hover)!important;color:var(--ui-warning-on)!important}
.alert-warning,.list-group-item-warning{background-color:var(--ui-warning-soft)!important;border-color:var(--ui-warning-border)!important;color:var(--ui-warning-text)!important}
.badge-warning,.bg-warning{background-color:var(--ui-warning-base)!important}
.badge-warning{color:var(--ui-warning-on)!important}
.text-warning{color:var(--ui-warning-base)!important}
.border-warning{border-color:var(--ui-warning-base)!important}
.btn-info,.btn-outline-info{--ui-focus:var(--ui-info-border);background-image:none!important}
.btn-info{background-color:var(--ui-info-base)!important;border-color:var(--ui-info-base)!important;color:var(--ui-info-on)!important}
.btn-outline-info{background-color:transparent!important;border-color:var(--ui-info-base)!important;color:var(--ui-info-base)!important}
.btn-info:is(:hover,:active,.active,[aria-pressed="true"]):not(:disabled):not(.disabled){background-color:var(--ui-info-hover)!important;border-color:var(--ui-info-hover)!important;color:var(--ui-info-on)!important}
.alert-info,.list-group-item-info{background-color:var(--ui-info-soft)!important;border-color:var(--ui-info-border)!important;color:var(--ui-info-text)!important}
.badge-info,.bg-info{background-color:var(--ui-info-base)!important}
.badge-info{color:var(--ui-info-on)!important}
.text-info{color:var(--ui-info-base)!important}
.border-info{border-color:var(--ui-info-base)!important}
.btn-light,.btn-outline-light{--ui-focus:var(--ui-light-border);background-image:none!important}
.btn-light{background-color:var(--ui-light-base)!important;border-color:var(--ui-light-base)!important;color:var(--ui-light-on)!important}
.btn-outline-light{background-color:transparent!important;border-color:var(--ui-light-base)!important;color:var(--ui-light-base)!important}
.btn-light:is(:hover,:active,.active,[aria-pressed="true"]):not(:disabled):not(.disabled){background-color:var(--ui-light-hover)!important;border-color:var(--ui-light-hover)!important;color:var(--ui-light-on)!important}
.alert-light,.list-group-item-light{background-color:var(--ui-light-soft)!important;border-color:var(--ui-light-border)!important;color:var(--ui-light-text)!important}
.badge-light,.bg-light{background-color:var(--ui-light-base)!important}
.badge-light{color:var(--ui-light-on)!important}
.text-light{color:var(--ui-light-base)!important}
.border-light{border-color:var(--ui-light-base)!important}
.btn-dark,.btn-outline-dark{--ui-focus:var(--ui-dark-border);background-image:none!important}
.btn-dark{background-color:var(--ui-dark-base)!important;border-color:var(--ui-dark-base)!important;color:var(--ui-dark-on)!important}
.btn-outline-dark{background-color:transparent!important;border-color:var(--ui-dark-base)!important;color:var(--ui-dark-base)!important}
.btn-dark:is(:hover,:active,.active,[aria-pressed="true"]):not(:disabled):not(.disabled){background-color:var(--ui-dark-hover)!important;border-color:var(--ui-dark-hover)!important;color:var(--ui-dark-on)!important}
.alert-dark,.list-group-item-dark{background-color:var(--ui-dark-soft)!important;border-color:var(--ui-dark-border)!important;color:var(--ui-dark-text)!important}
.badge-dark,.bg-dark{background-color:var(--ui-dark-base)!important}
.badge-dark{color:var(--ui-dark-on)!important}
.text-dark{color:var(--ui-dark-base)!important}
.border-dark{border-color:var(--ui-dark-base)!important}
.text-default-emphasis{color:var(--ui-default-text)!important}
.bg-default-subtle{background-color:var(--ui-default-soft)!important}
.border-default-subtle{border-color:var(--ui-default-border)!important}
.btn-outline-default:is(:hover,:active,.active,[aria-pressed="true"]):not(:disabled):not(.disabled){background-color:var(--ui-default-base)!important;border-color:var(--ui-default-base)!important;color:var(--ui-default-on)!important}
.text-primary-emphasis{color:var(--ui-primary-text)!important}
.bg-primary-subtle{background-color:var(--ui-primary-soft)!important}
.border-primary-subtle{border-color:var(--ui-primary-border)!important}
.btn-outline-primary:is(:hover,:active,.active,[aria-pressed="true"]):not(:disabled):not(.disabled){background-color:var(--ui-primary-base)!important;border-color:var(--ui-primary-base)!important;color:var(--ui-primary-on)!important}
.text-secondary-emphasis{color:var(--ui-secondary-text)!important}
.bg-secondary-subtle{background-color:var(--ui-secondary-soft)!important}
.border-secondary-subtle{border-color:var(--ui-secondary-border)!important}
.btn-outline-secondary:is(:hover,:active,.active,[aria-pressed="true"]):not(:disabled):not(.disabled){background-color:var(--ui-secondary-base)!important;border-color:var(--ui-secondary-base)!important;color:var(--ui-secondary-on)!important}
.text-success-emphasis{color:var(--ui-success-text)!important}
.bg-success-subtle{background-color:var(--ui-success-soft)!important}
.border-success-subtle{border-color:var(--ui-success-border)!important}
.btn-outline-success:is(:hover,:active,.active,[aria-pressed="true"]):not(:disabled):not(.disabled){background-color:var(--ui-success-base)!important;border-color:var(--ui-success-base)!important;color:var(--ui-success-on)!important}
.text-danger-emphasis{color:var(--ui-danger-text)!important}
.bg-danger-subtle{background-color:var(--ui-danger-soft)!important}
.border-danger-subtle{border-color:var(--ui-danger-border)!important}
.btn-outline-danger:is(:hover,:active,.active,[aria-pressed="true"]):not(:disabled):not(.disabled){background-color:var(--ui-danger-base)!important;border-color:var(--ui-danger-base)!important;color:var(--ui-danger-on)!important}
.text-warning-emphasis{color:var(--ui-warning-text)!important}
.bg-warning-subtle{background-color:var(--ui-warning-soft)!important}
.border-warning-subtle{border-color:var(--ui-warning-border)!important}
.btn-outline-warning:is(:hover,:active,.active,[aria-pressed="true"]):not(:disabled):not(.disabled){background-color:var(--ui-warning-base)!important;border-color:var(--ui-warning-base)!important;color:var(--ui-warning-on)!important}
.text-info-emphasis{color:var(--ui-info-text)!important}
.bg-info-subtle{background-color:var(--ui-info-soft)!important}
.border-info-subtle{border-color:var(--ui-info-border)!important}
.btn-outline-info:is(:hover,:active,.active,[aria-pressed="true"]):not(:disabled):not(.disabled){background-color:var(--ui-info-base)!important;border-color:var(--ui-info-base)!important;color:var(--ui-info-on)!important}
.text-light-emphasis{color:var(--ui-light-text)!important}
.bg-light-subtle{background-color:var(--ui-light-soft)!important}
.border-light-subtle{border-color:var(--ui-light-border)!important}
.btn-outline-light:is(:hover,:active,.active,[aria-pressed="true"]):not(:disabled):not(.disabled){background-color:var(--ui-light-base)!important;border-color:var(--ui-light-base)!important;color:var(--ui-light-on)!important}
.text-dark-emphasis{color:var(--ui-dark-text)!important}
.bg-dark-subtle{background-color:var(--ui-dark-soft)!important}
.border-dark-subtle{border-color:var(--ui-dark-border)!important}
.btn-outline-dark:is(:hover,:active,.active,[aria-pressed="true"]):not(:disabled):not(.disabled){background-color:var(--ui-dark-base)!important;border-color:var(--ui-dark-base)!important;color:var(--ui-dark-on)!important}

/* Soft buttons: presentation-only classes; retain component dimensions and action hooks. */
:root{
--ui-button-default-bg:#fff4ef;
--ui-button-default-hover:#ffe4dd;
--ui-button-default-text:#b8431e;
--ui-button-default-border:#fed7c3;
--ui-button-primary-bg:#eff6ff;
--ui-button-primary-hover:#dbeafe;
--ui-button-primary-text:#1d4ed8;
--ui-button-primary-border:#bfdbfe;
--ui-button-secondary-bg:#f8fafc;
--ui-button-secondary-hover:#e2e8f0;
--ui-button-secondary-text:#475569;
--ui-button-secondary-border:#cbd5e1;
--ui-button-success-bg:#f0fdf4;
--ui-button-success-hover:#dcfce7;
--ui-button-success-text:#15803d;
--ui-button-success-border:#bbf7d0;
--ui-button-danger-bg:#fef2f2;
--ui-button-danger-hover:#fee2e2;
--ui-button-danger-text:#b91c1c;
--ui-button-danger-border:#fecaca;
--ui-button-warning-bg:#fffbeb;
--ui-button-warning-hover:#fef3c7;
--ui-button-warning-text:#b45309;
--ui-button-warning-border:#fde68a;
--ui-button-info-bg:#ecfeff;
--ui-button-info-hover:#cffafe;
--ui-button-info-text:#0e7490;
--ui-button-info-border:#a5f3fc;
--ui-button-light-bg:#f8fafc;
--ui-button-light-hover:#f1f5f9;
--ui-button-light-text:#475569;
--ui-button-light-border:#e2e8f0;
--ui-button-dark-bg:#f1f5f9;
--ui-button-dark-hover:#e2e8f0;
--ui-button-dark-text:#1e293b;
--ui-button-dark-border:#94a3b8;
}
.btn-soft-default,.btn-soft-primary,.btn-soft-secondary,.btn-soft-success,.btn-soft-danger,.btn-soft-warning,.btn-soft-info,.btn-soft-light,.btn-soft-dark{background-color:var(--soft-bg)!important;background-image:none!important;border-color:var(--soft-border)!important;color:var(--soft-text)!important;transition:background-color .15s,border-color .15s,color .15s}
.btn-soft-default{--soft-bg:var(--ui-button-default-bg);--soft-hover:var(--ui-button-default-hover);--soft-text:var(--ui-button-default-text);--soft-border:var(--ui-button-default-border);--ui-focus:var(--soft-text)}
.btn-soft-primary{--soft-bg:var(--ui-button-primary-bg);--soft-hover:var(--ui-button-primary-hover);--soft-text:var(--ui-button-primary-text);--soft-border:var(--ui-button-primary-border);--ui-focus:var(--soft-text)}
.btn-soft-secondary{--soft-bg:var(--ui-button-secondary-bg);--soft-hover:var(--ui-button-secondary-hover);--soft-text:var(--ui-button-secondary-text);--soft-border:var(--ui-button-secondary-border);--ui-focus:var(--soft-text)}
.btn-soft-success{--soft-bg:var(--ui-button-success-bg);--soft-hover:var(--ui-button-success-hover);--soft-text:var(--ui-button-success-text);--soft-border:var(--ui-button-success-border);--ui-focus:var(--soft-text)}
.btn-soft-danger{--soft-bg:var(--ui-button-danger-bg);--soft-hover:var(--ui-button-danger-hover);--soft-text:var(--ui-button-danger-text);--soft-border:var(--ui-button-danger-border);--ui-focus:var(--soft-text)}
.btn-soft-warning{--soft-bg:var(--ui-button-warning-bg);--soft-hover:var(--ui-button-warning-hover);--soft-text:var(--ui-button-warning-text);--soft-border:var(--ui-button-warning-border);--ui-focus:var(--soft-text)}
.btn-soft-info{--soft-bg:var(--ui-button-info-bg);--soft-hover:var(--ui-button-info-hover);--soft-text:var(--ui-button-info-text);--soft-border:var(--ui-button-info-border);--ui-focus:var(--soft-text)}
.btn-soft-light{--soft-bg:var(--ui-button-light-bg);--soft-hover:var(--ui-button-light-hover);--soft-text:var(--ui-button-light-text);--soft-border:var(--ui-button-light-border);--ui-focus:var(--soft-text)}
.btn-soft-dark{--soft-bg:var(--ui-button-dark-bg);--soft-hover:var(--ui-button-dark-hover);--soft-text:var(--ui-button-dark-text);--soft-border:var(--ui-button-dark-border);--ui-focus:var(--soft-text)}
.btn-soft-default:is(:active,.active,[aria-pressed="true"],[aria-selected="true"]):not(:disabled):not(.disabled):not([aria-disabled="true"]),.btn-soft-primary:is(:active,.active,[aria-pressed="true"],[aria-selected="true"]):not(:disabled):not(.disabled):not([aria-disabled="true"]),.btn-soft-secondary:is(:active,.active,[aria-pressed="true"],[aria-selected="true"]):not(:disabled):not(.disabled):not([aria-disabled="true"]),.btn-soft-success:is(:active,.active,[aria-pressed="true"],[aria-selected="true"]):not(:disabled):not(.disabled):not([aria-disabled="true"]),.btn-soft-danger:is(:active,.active,[aria-pressed="true"],[aria-selected="true"]):not(:disabled):not(.disabled):not([aria-disabled="true"]),.btn-soft-warning:is(:active,.active,[aria-pressed="true"],[aria-selected="true"]):not(:disabled):not(.disabled):not([aria-disabled="true"]),.btn-soft-info:is(:active,.active,[aria-pressed="true"],[aria-selected="true"]):not(:disabled):not(.disabled):not([aria-disabled="true"]),.btn-soft-light:is(:active,.active,[aria-pressed="true"],[aria-selected="true"]):not(:disabled):not(.disabled):not([aria-disabled="true"]),.btn-soft-dark:is(:active,.active,[aria-pressed="true"],[aria-selected="true"]):not(:disabled):not(.disabled):not([aria-disabled="true"]){background-color:var(--soft-hover)!important}
@media(hover:hover) and (pointer:fine){
.btn-soft-default:hover:not(:disabled):not(.disabled):not([aria-disabled="true"]),.btn-soft-primary:hover:not(:disabled):not(.disabled):not([aria-disabled="true"]),.btn-soft-secondary:hover:not(:disabled):not(.disabled):not([aria-disabled="true"]),.btn-soft-success:hover:not(:disabled):not(.disabled):not([aria-disabled="true"]),.btn-soft-danger:hover:not(:disabled):not(.disabled):not([aria-disabled="true"]),.btn-soft-warning:hover:not(:disabled):not(.disabled):not([aria-disabled="true"]),.btn-soft-info:hover:not(:disabled):not(.disabled):not([aria-disabled="true"]),.btn-soft-light:hover:not(:disabled):not(.disabled):not([aria-disabled="true"]),.btn-soft-dark:hover:not(:disabled):not(.disabled):not([aria-disabled="true"]){background-color:var(--soft-hover)!important}
}
.btn-soft-default:focus-visible,.btn-soft-primary:focus-visible,.btn-soft-secondary:focus-visible,.btn-soft-success:focus-visible,.btn-soft-danger:focus-visible,.btn-soft-warning:focus-visible,.btn-soft-info:focus-visible,.btn-soft-light:focus-visible,.btn-soft-dark:focus-visible{outline:2px solid var(--soft-text)!important;outline-offset:3px}
.btn-soft-default:is(:disabled,.disabled,[aria-disabled="true"]),.btn-soft-primary:is(:disabled,.disabled,[aria-disabled="true"]),.btn-soft-secondary:is(:disabled,.disabled,[aria-disabled="true"]),.btn-soft-success:is(:disabled,.disabled,[aria-disabled="true"]),.btn-soft-danger:is(:disabled,.disabled,[aria-disabled="true"]),.btn-soft-warning:is(:disabled,.disabled,[aria-disabled="true"]),.btn-soft-info:is(:disabled,.disabled,[aria-disabled="true"]),.btn-soft-light:is(:disabled,.disabled,[aria-disabled="true"]),.btn-soft-dark:is(:disabled,.disabled,[aria-disabled="true"]){opacity:.55;cursor:not-allowed}
@media(prefers-reduced-motion:reduce){.btn-soft-default,.btn-soft-primary,.btn-soft-secondary,.btn-soft-success,.btn-soft-danger,.btn-soft-warning,.btn-soft-info,.btn-soft-light,.btn-soft-dark{transition:none}}

/* Order navigation and purchase: stronger hierarchy than secondary soft actions. */
:is(.service-orders-card,.legacy-orders-card){--ui-order-accent:#ff5f37;--ui-order-hover:#ed4f29}
:is(.service-orders-card,.legacy-orders-card) .order-tab{background:var(--ui-button-default-bg);color:var(--ui-button-default-text);border-color:var(--ui-button-default-border)}
:is(.service-orders-card,.legacy-orders-card) .order-tab[aria-selected="true"],:is(.service-orders-card,.legacy-orders-card) .order-purchase:not(:disabled){background:var(--ui-order-accent);color:var(--ui-default-on);border-color:var(--ui-order-accent)}
:is(.service-orders-card,.legacy-orders-card) .order-purchase{transition:background-color .15s,border-color .15s,color .15s}
:is(.service-orders-card,.legacy-orders-card) .order-purchase:disabled{background:#e2e8f0;color:#64748b;border-color:#cbd5e1;opacity:1;cursor:not-allowed}
:is(.service-orders-card,.legacy-orders-card) .order-purchase[aria-busy="true"]{background:var(--ui-order-accent);color:var(--ui-default-on);border-color:var(--ui-order-accent);opacity:1;cursor:wait}
:is(.service-orders-card,.legacy-orders-card) .order-purchase[aria-busy="true"]::before{content:"";display:inline-block;vertical-align:-2px;width:14px;height:14px;margin-right:8px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:order-purchase-spin .7s linear infinite}
:is(.service-orders-card,.legacy-orders-card) :is(.order-tab,.order-purchase):focus-visible{outline:2px solid var(--ui-button-default-text);outline-offset:3px}
@media(hover:hover) and (pointer:fine){
:is(.service-orders-card,.legacy-orders-card) .order-tab[aria-selected="false"]:hover{background:var(--ui-button-default-hover)}
:is(.service-orders-card,.legacy-orders-card) .order-tab[aria-selected="true"]:hover,:is(.service-orders-card,.legacy-orders-card) .order-purchase:not(:disabled):hover{background:var(--ui-order-hover);border-color:var(--ui-order-hover)}
}
@keyframes order-purchase-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){:is(.service-orders-card,.legacy-orders-card) .order-purchase{transition:none}:is(.service-orders-card,.legacy-orders-card) .order-purchase[aria-busy="true"]::before{animation:none}}

/* Support conversation roles retain the shared neutral/brand palette. */
.support-message-customer{--support-message-bg:#f8fafc;--support-message-border:#e2e8f0;--support-message-accent:#475569}
.support-message-staff{--support-message-bg:var(--ui-button-default-bg);--support-message-border:var(--ui-button-default-border);--support-message-accent:var(--ui-button-default-text)}

/* Latest notices: orange, blue and violet accents without recoloring message content. */
.home-notice--1{--home-notice-bg:#ffeadc;--home-notice-hover:#ffdfc8;--home-notice-edge:#ff5f37;--home-notice-outline:#fdc6a5;--home-notice-icon-bg:#ffd6b9;--home-notice-accent:#9a3412;--home-notice-label-bg:#ffd6b9;--home-notice-label-border:#fbb68a;--home-notice-rail:6px}
.home-notice--2{--home-notice-bg:#eff6ff;--home-notice-hover:#e2edff;--home-notice-edge:#3b82f6;--home-notice-outline:#bfdbfe;--home-notice-icon-bg:#dbeafe;--home-notice-accent:#1d4ed8;--home-notice-label-bg:#dbeafe;--home-notice-label-border:#93c5fd;--home-notice-rail:4px}
.home-notice--3{--home-notice-bg:#f5f3ff;--home-notice-hover:#ede9fe;--home-notice-edge:#a78bfa;--home-notice-outline:#ddd6fe;--home-notice-icon-bg:#ede9fe;--home-notice-accent:#6d28d9;--home-notice-label-bg:#ede9fe;--home-notice-label-border:#c4b5fd;--home-notice-rail:3px}