/* Seraph A: navy / blue / cyan. Status colors retain their semantic meaning. */
:root { --seraph-navy:#091D49; --seraph-blue:#087BFF; --seraph-cyan:#00C2EF; --seraph-bg:#F4F7FC; }
.p-shell,.p-shell.simple-mobile { --ink:#102448; --muted:#627491; --line:#DFE8F5; --accent:#087BFF; background:#F4F7FC; color:#102448; }
.p-shell .p-sidebar { background:#091D49; }
.p-shell .p-sidebar nav button.selected { background:#17376A; border-left-color:#00C2EF; color:white; }
.p-shell a { color:#0869D8; }
.p-shell .p-brand { color:white; }
.p-shell .p-brand img { width:44px; height:44px; flex-shrink:0; }
.p-shell .primary,.p-shell.simple-mobile .primary { background:#087BFF; border-color:#087BFF; color:white; }
.p-shell button:focus-visible,.p-shell a:focus-visible,.auth-form input:focus-visible { outline:3px solid #00A2D7; outline-offset:2px; }
.p-shell .p-main,.p-shell .mobile-order-detail,.p-shell .p-repair-detail { background:#F4F7FC; }
.p-shell .mobile-tabs button.selected,.p-shell .simple-header-actions button.selected { color:#087BFF; }
.p-shell .simple-brand { color:#091D49; display:flex; gap:8px; align-items:center; }
.simple-brand img { width:30px; height:30px; border-radius:8px; }
.p-shell .simple-next,.p-shell .simple-location { background:#EDF5FF; border-color:#CFE2FC; }
.p-shell .simple-stop>b { background:#E4F1FF; color:#0869D8; }
.p-shell .simple-detail-head button { color:#0869D8; }
.auth-page { background:#F4F7FC; color:#102448; }
.auth-card .auth-mark { background:transparent; padding:0; }
.auth-mark img { display:block; width:64px; height:64px; border-radius:14px; }
.auth-form button { background:#087BFF; color:white; }
.auth-card .auth-eyebrow { color:#091D49; }
.auth-card .owner-signin { color:#0869D8; border-color:#CFE2FC; }
.seraph-download { border-color:#DFE8F5; }
.brand img { width:44px; height:44px; vertical-align:middle; margin-right:10px; }