/* Appearance changes only application chrome. Documents keep their original colours. */
.friends-appearance-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;min-width:0;max-width:100%;margin-left:auto}
.friends-sticker-space{display:flex;align-items:center;gap:2px;flex:none;position:relative}
.friends-sticker-next{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;min-height:80px;width:108px;padding:0;border:0;border-radius:12px;background:transparent;color:inherit;cursor:pointer}
.friends-sticker-next svg{display:block;width:98px;height:70px;overflow:visible;flex:none}
.friends-sticker-caption{font-size:10px;line-height:1.15;letter-spacing:.03em;font-weight:650;white-space:nowrap;margin-top:0;color:var(--muted,#687986)}
.friends-sticker-next:hover{background:var(--fa-raised,#eaf0f5);transform:none}
.friends-sticker-pause{border:1px solid var(--fa-line,#d5e0e6);border-radius:7px;min-height:28px;width:26px;padding:2px;align-self:flex-end;margin-bottom:6px;background:var(--fa-raised,#eaf0f5);color:var(--fa-muted,#52657a);font-size:11px;line-height:1;cursor:pointer}
.friends-sticker-pause:disabled{cursor:default;opacity:.6}
.friends-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:300px;width:100%;max-width:100%;padding:24px;box-sizing:border-box;text-align:center;color:var(--fa-text,var(--ink,#152c46))}
.friends-loading-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:240px;max-width:100%;padding:16px 18px 12px;box-sizing:border-box;border-radius:32px;background:var(--fa-soft,#edf6f3);border:1px solid var(--fa-line,#d9e8e3)}
.friends-loading-stage svg{display:block;width:190px;max-width:100%;height:auto;overflow:visible}
.friends-loading-quote{display:block;padding:6px 12px;border-radius:18px;background:var(--fa-panel,#fff);color:var(--fa-muted,#52657a);font-size:12px;line-height:1.4;font-weight:650;box-shadow:0 3px 12px #00000009}
.friends-loading-label{font-size:15px;line-height:1.5;overflow-wrap:anywhere}
.friends-loading-dots{display:flex;gap:6px;align-items:center;min-height:10px}
.friends-loading-dots i{display:block;width:6px;height:6px;border-radius:50%;background:var(--fa-accent,#347f77);animation:fa-loading-dot 1.2s ease-in-out infinite}
.friends-loading-dots i:nth-child(2){animation-delay:.16s}.friends-loading-dots i:nth-child(3){animation-delay:.32s}
.travel-frame-loading.has-funny-loading{flex-direction:column;gap:14px}.travel-frame-loading.has-funny-loading:before{content:none}
@keyframes fa-loading-dot{0%,70%,100%{transform:translateY(0);opacity:.45}35%{transform:translateY(-4px);opacity:1}}
.friends-theme-label{display:flex;flex-direction:column;gap:3px;font-size:10px;line-height:1.2;margin:0;color:var(--fa-muted,#687986);font-weight:600;white-space:nowrap}
.friends-theme-select{width:153px;min-height:33px;margin:0;padding:6px 25px 6px 9px;font-size:11px;border-radius:8px;line-height:1.3;cursor:pointer}
.friends-colour-controls{display:flex;align-items:flex-end;justify-content:center;gap:12px;max-width:100%}
.friends-mode-control{display:flex;flex-direction:column;align-items:center;gap:3px;flex:none}
.friends-mode-label{font-size:10px;line-height:1.2;font-weight:600;color:var(--fa-muted,#687986)}
button.friends-mode-switch{position:relative;display:block;width:104px;height:44px;min-height:44px;box-sizing:border-box;padding:0;margin:0;overflow:hidden;border:1px solid #456b8c;border-radius:24px;background:#94d0ee;box-shadow:inset 0 1px 4px #10274a26,0 2px 5px #10274a14;cursor:pointer;isolation:isolate;flex:none;transition:border-color .4s ease,box-shadow .4s ease}
button.friends-mode-switch:hover{transform:none;border-color:#b07a42;box-shadow:inset 0 1px 4px #10274a26,0 2px 8px #10274a30}
.friends-mode-night-sky{position:absolute;inset:0;background:linear-gradient(135deg,#12223f,#1d3e68);opacity:0;transition:opacity .4s ease}
.friends-mode-scene{display:block;position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.friends-mode-day,.friends-mode-night{transition:transform .4s ease,opacity .4s ease}
.friends-mode-night{opacity:0;transform:translateY(6px)}
.friends-mode-thumb{display:block;position:absolute;top:2px;left:2px;width:38px;height:38px;border-radius:50%;box-sizing:border-box;background:radial-gradient(circle at 40% 35%,#fffce0 30%,#ffe290 75%,#f8c277);box-shadow:0 0 0 2px #ffdda078,0 2px 5px #12223f40;transform:translateX(60px);overflow:hidden;transition:transform .4s cubic-bezier(.2,.8,.2,1),background .4s ease,box-shadow .4s ease}
.friends-mode-moon-shade{display:block;position:absolute;top:-5px;left:-8px;width:36px;height:36px;border-radius:50%;background:#152b4a;opacity:0;transform:translate(-12px,-4px);transition:transform .4s ease,opacity .4s ease}
.friends-mode-switch[aria-checked="true"] .friends-mode-night-sky{opacity:1}
.friends-mode-switch[aria-checked="true"] .friends-mode-day{opacity:0;transform:translateY(6px)}
.friends-mode-switch[aria-checked="true"] .friends-mode-night{opacity:1;transform:translateY(0)}
.friends-mode-switch[aria-checked="true"] .friends-mode-thumb{background:#eff6ff;box-shadow:0 0 0 2px #839bba45,0 2px 5px #0006;transform:translateX(0)}
.friends-mode-switch[aria-checked="true"] .friends-mode-moon-shade{opacity:1;transform:translate(0,0)}
html[data-friends-motion="paused"] .friends-mode-switch,html[data-friends-motion="paused"] .friends-mode-switch *{transition:none!important}
@media(prefers-reduced-motion:reduce){.friends-mode-switch,.friends-mode-switch *{transition:none!important}}
.friends-appearance-tools :focus-visible{outline:3px solid var(--fa-accent,#2b7cdb);outline-offset:3px}
.fa-bounce{animation:fa-bounce .75s ease-in-out infinite;transform-origin:64px 80px}
.fa-drum-arm{animation:fa-drum .38s ease-in-out infinite alternate;transform-origin:74px 36px}
.fa-drum-stick{animation:fa-drum .38s ease-in-out infinite alternate-reverse;transform-origin:33px 39px}
.fa-dance{animation:fa-dance 1.2s ease-in-out infinite;transform-origin:64px 78px}
.fa-wave-left{animation:fa-wave .6s ease-in-out infinite alternate;transform-origin:52px 37px}
.fa-wave-right{animation:fa-wave .6s ease-in-out infinite alternate-reverse;transform-origin:74px 36px}
.fa-twirl{animation:fa-twirl 1.6s ease-in-out infinite;transform-origin:65px 80px}
.fa-kid-one{animation:fa-bounce .85s ease-in-out infinite;transform-origin:41px 80px}
.fa-kid-two{animation:fa-bounce .85s ease-in-out .42s infinite;transform-origin:86px 80px}
.fa-confetti{animation:fa-confetti 1.7s ease-in-out infinite alternate;transform-origin:64px 45px}
@keyframes fa-bounce{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-4px) rotate(3deg)}}
@keyframes fa-drum{to{transform:rotate(22deg)}}
@keyframes fa-dance{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(7deg) translateY(-3px)}}
@keyframes fa-wave{to{transform:rotate(-15deg)}}
@keyframes fa-twirl{0%,100%{transform:rotate(-6deg) scaleX(.94)}50%{transform:rotate(6deg) scaleX(1.04)}}
@keyframes fa-confetti{from{opacity:.45;transform:scale(.92)}to{opacity:1;transform:scale(1.04)}}
html[data-friends-motion="paused"] :is(.friends-sticker-next svg *,.friends-loading svg *,.friends-loading-dots i){animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){:is(.friends-sticker-next svg *,.friends-loading svg *,.friends-loading-dots i){animation:none!important}.stat-action,.metric-link,.card-clickable,[data-row-action],[data-card-action]{transition:none!important}}

/* All palettes and overrides are screen-only: printed job orders remain white. */
@media screen{
/* Header sizing is shared with Original; palette overrides below exclude it. */
:is(.app main>header,.topbar){height:auto;min-height:96px;flex-wrap:wrap;gap:14px;padding-block:10px}
:is(.header-actions,.topbar-right){flex-wrap:wrap;gap:10px}
html[data-friends-theme]:where(:not([data-friends-theme="classic"])){--fa-bg:#0c1524;--fa-panel:#142238;--fa-raised:#1b2c45;--fa-header:#101d30;--fa-side:#081321;--fa-line:#334862;--fa-text:#edf4ff;--fa-muted:#a9bed8;--fa-accent:#80b9ff;--fa-button:#2563bb;--fa-button-hover:#3477d4;--fa-soft:#203958;--fa-success:#78dfba;--fa-danger:#ffb0b8;--fa-warning:#ffd482;--bg:var(--fa-bg);--surface:var(--fa-panel);--white:var(--fa-panel);--ink:var(--fa-text);--muted:var(--fa-muted);--navy:var(--fa-text);--navy-deep:var(--fa-side);--navy-soft:var(--fa-raised);--line:var(--fa-line);--line-soft:var(--fa-line);--blue:var(--fa-accent);--blue-soft:var(--fa-soft);--teal:var(--fa-accent);--teal-dark:var(--fa-accent);--teal-soft:var(--fa-soft);--green:var(--fa-success);--red:var(--fa-danger);--danger:var(--fa-danger);--danger-bg:#412635;--warning:var(--fa-warning);--amber:var(--fa-warning);--warning-bg:#3d3322;--shadow:0 14px 38px #0003;color-scheme:dark;color:var(--fa-text)}
html[data-friends-theme="emerald"]{--fa-bg:#091b1a;--fa-panel:#102b29;--fa-raised:#173c36;--fa-header:#0d2422;--fa-side:#061513;--fa-line:#315a50;--fa-text:#ebfff7;--fa-muted:#aed0c1;--fa-accent:#7de1bb;--fa-button:#18745b;--fa-button-hover:#23866d;--fa-soft:#1c4438}
html[data-friends-theme="plum"]{--fa-bg:#1a1226;--fa-panel:#291d39;--fa-raised:#36264b;--fa-header:#21162f;--fa-side:#150d21;--fa-line:#58416b;--fa-text:#faf0ff;--fa-muted:#ccb4de;--fa-accent:#d3abff;--fa-button:#7b43ae;--fa-button-hover:#9259c6;--fa-soft:#42305b}
html[data-friends-theme="graphite"]{--fa-bg:#19191c;--fa-panel:#27272d;--fa-raised:#343239;--fa-header:#202025;--fa-side:#121215;--fa-line:#535057;--fa-text:#fff4ed;--fa-muted:#cdbdb1;--fa-accent:#f3b48a;--fa-button:#965332;--fa-button-hover:#aa6640;--fa-soft:#48352d}
html[data-friends-theme="teal"]{--fa-bg:#edf1ef;--fa-panel:#fbfcfb;--fa-raised:#e2ebe6;--fa-header:#f3f6f4;--fa-side:#2c6058;--fa-line:#b9cec4;--fa-text:#203c35;--fa-muted:#526a60;--fa-accent:#236858;--fa-button:#286f60;--fa-button-hover:#205c4f;--fa-soft:#d7e8df;--fa-success:#136c50;--fa-danger:#a72f42;--fa-warning:#825815;--danger-bg:#fae7e9;--warning-bg:#fff2d9;--shadow:0 14px 38px #244f4312;color-scheme:light}
/* White work surfaces with the same four accent families as the dark palettes. */
html:is([data-friends-theme="midnight-light"],[data-friends-theme="emerald-light"],[data-friends-theme="plum-light"],[data-friends-theme="graphite-light"]){--fa-bg:#fff;--fa-panel:#fff;--fa-success:#136c50;--fa-danger:#a72f42;--fa-warning:#825815;--danger-bg:#fae7e9;--warning-bg:#fff2d9;--shadow:0 14px 38px #152c4610;color-scheme:light}
html[data-friends-theme="midnight-light"]{--fa-raised:#f0f4fa;--fa-header:#f7f9fd;--fa-side:#0c2139;--fa-line:#ccd8e8;--fa-text:#1b2d44;--fa-muted:#576b83;--fa-accent:#225b9c;--fa-button:#245faa;--fa-button-hover:#1c4d8d;--fa-soft:#e7f0fc}
html[data-friends-theme="emerald-light"]{--fa-raised:#eff7f3;--fa-header:#f7fbf9;--fa-side:#092d25;--fa-line:#c7ddd1;--fa-text:#1b392f;--fa-muted:#526f61;--fa-accent:#1b7052;--fa-button:#197152;--fa-button-hover:#125c41;--fa-soft:#e1f2e9}
html[data-friends-theme="plum-light"]{--fa-raised:#f6f1fa;--fa-header:#fbf8fd;--fa-side:#2e1b3d;--fa-line:#ddcde8;--fa-text:#352442;--fa-muted:#705e7e;--fa-accent:#754296;--fa-button:#7a449f;--fa-button-hover:#653583;--fa-soft:#f0e6f8}
html[data-friends-theme="graphite-light"]{--fa-raised:#f8f3ef;--fa-header:#fdfaf7;--fa-side:#32241f;--fa-line:#e0cfc2;--fa-text:#3d2b22;--fa-muted:#7c6556;--fa-accent:#99512c;--fa-button:#96512e;--fa-button-hover:#7e4224;--fa-soft:#f9eadd}
html[data-friends-theme]:where(:not([data-friends-theme="classic"])) body{background:var(--fa-bg);color:var(--fa-text)}
html[data-friends-theme]:where(:not([data-friends-theme="classic"])) .login-page{background:radial-gradient(circle at 20% 15%,var(--fa-soft),var(--fa-header) 45%,var(--fa-side))}
html[data-friends-theme]:where(:not([data-friends-theme="classic"])) :is(.app>aside,.sidebar){background:linear-gradient(160deg,var(--fa-header),var(--fa-side));color:var(--fa-text)}
html[data-friends-theme]:where(:not([data-friends-theme="classic"])) :is(.app main>header,.topbar){background:var(--fa-header);border-color:var(--fa-line)}
html[data-friends-theme]:where(:not([data-friends-theme="classic"])) :is(.card,.panel,.stat,.login-card,.dashboard-workspace-card,.work-card,.handover-card,.report-section,.account-item,.work-message,.notification-row,.recipient-item,.recipient-card,.inbox-empty,.role-tabs,dialog,.viewer-shell,.viewer-shell:fullscreen){background:var(--fa-panel);color:var(--fa-text);border-color:var(--fa-line)}
html[data-friends-theme]:where(:not([data-friends-theme="classic"])) :is(.work-card.has-unread,.work-message.mine,.notification-row.unread,.dashboard-workspace-card.selected){background:var(--fa-soft);border-color:var(--fa-accent)}
html[data-friends-theme]:where(:not([data-friends-theme="classic"])) :is(.detail-top,.brand-mark,.dashboard-workspace-icon){background:var(--fa-soft);color:var(--fa-text)}
html[data-friends-theme]:where(:not([data-friends-theme="classic"])) :is(.detail-top p,.detail-top .eyebrow,.workspace-current small,.side-brand span,#userChip span,.sidebar small,.sidebar-note,.workspace-label,.brand small,.sidebar-signout){color:var(--fa-muted)}
html[data-friends-theme]:where(:not([data-friends-theme="classic"])) .brandmark{color:#132238}
html[data-friends-theme]:where(:not([data-friends-theme="classic"])) :is(nav button,.nav-item){color:var(--fa-muted)}
html[data-friends-theme]:where(:not([data-friends-theme="classic"])) :is(nav button.active,nav button:hover,.nav-item.active,.nav-item:hover,.role-tab.active){background:var(--fa-soft);color:var(--fa-text);border-color:var(--fa-line)}
html[data-friends-theme]:where(:not([data-friends-theme="classic"])) :is(.sidebar-note,.side-bottom){border-color:var(--fa-line)}
html[data-friends-theme]:where(:not([data-friends-theme="classic"])) :is(.nav-item b,.avatar,.count,.role-icon,.category-tag):not(.order-paper *, .viewer *){background:var(--fa-raised);color:var(--fa-accent);border-color:var(--fa-line)}
html[data-friends-theme]:where(:not([data-friends-theme="classic"])) :is(label,.field-label,.simple-booking-choice>legend):not(.order-paper *, .viewer *){color:var(--fa-text)}
html[data-friends-theme]:where(:not([data-friends-theme="classic"])) :is(input,select,textarea):not(.viewer *, .order-paper *){background:var(--fa-bg);color:var(--fa-text);border-color:var(--fa-line);accent-color:var(--fa-accent)}
html[data-friends-theme]:where(:not([data-friends-theme="classic"])) :is(input,textarea):not(.viewer *, .order-paper *)::placeholder{color:var(--fa-muted);opacity:.85}
html[data-friends-theme]:where(:not([data-friends-theme="classic"])) :is(input,select,textarea):focus:not(.viewer *, .order-paper *){outline-color:var(--fa-accent);border-color:var(--fa-accent)}
html[data-friends-theme]:where(:not([data-friends-theme="classic"])) :is(input[readonly],input:disabled,select:disabled):not(.viewer *, .order-paper *){background:var(--fa-raised);color:var(--fa-muted)}
html[data-friends-theme]:where(:not([data-friends-theme="classic"])) :is(.primary,.button:not(.secondary):not(.soft):not(.danger):not(.whatsapp),.travel-frame-loading button){background:var(--fa-button);border-color:var(--fa-button);color:#fff}
html[data-friends-theme]:where(:not([data-friends-theme="classic"])) :is(.primary:hover,.button:not(.secondary):not(.soft):not(.danger):not(.whatsapp):hover){background:var(--fa-button-hover)}
html[data-friends-theme]:where(:not([data-friends-theme="classic"])) :is(.ghost,.button.secondary,.button.soft,.row-button,.icon-button,.menu-toggle,.upload-browse-action,.password-input button):not(.viewer *){background:var(--fa-raised);color:var(--fa-text);border-color:var(--fa-line)}
html[data-friends-theme]:where(:not([data-friends-theme="classic"])) :is(.ghost:hover,.button.secondary:hover,.button.soft:hover,.row-button:hover,.icon-button:hover){background:var(--fa-soft);border-color:var(--fa-accent)}
html[data-friends-theme]:where(:not([data-friends-theme="classic"])) :is(.button.danger,.danger){background:#522c38;color:#ffd4da;border-color:#9d5264}
html[data-friends-theme]:where(:not([data-friends-theme="classic"])) :is(.text-button,.mini-link,.booking-ref,.dashboard-workspace-card em,.shield,.work-kind,.upload-eyebrow){color:var(--fa-accent)}
html[data-friends-theme]:where(:not([data-friends-theme="classic"])) .modal-close{color:var(--fa-muted)}
html[data-friends-theme]:where(:not([data-friends-theme="classic"])) .notification-count{color:#fff;background:#b62e3c}
html[data-friends-theme]:where(:not([data-friends-theme="classic"])) .badge:not(.viewer *, .order-paper *){background:var(--fa-soft);color:var(--fa-success)}
html[data-friends-theme]:where(:not([data-friends-theme="classic"])) :is(.live-pill,.status.ready,.badge.status-completed,.request-status.approved,.request-status.downloaded){background:#173c34;color:#98f0cf;border-color:#376c57}
html[data-friends-theme]:where(:not([data-friends-theme="classic"])) :is(.status.pending,.notice.warning,.badge.warn,.badge.status-waiting,.badge.status-in_progress){background:#453824;color:#ffe0a0;border-color:#66502f}
html[data-friends-theme]:where(:not([data-friends-theme="classic"])) :is(.status.complete){background:#443458;color:#e3c6ff}
html[data-friends-theme]:where(:not([data-friends-theme="classic"])) :is(.status.cancelled,.badge.status-returned){background:#4a2936;color:#ffc3c9}
html[data-friends-theme]:where(:not([data-friends-theme="classic"])) :is(.status.picked,.badge.status-new){background:#273d5d;color:#b8d9ff}
html[data-friends-theme]:where(:not([data-friends-theme="classic"])) :is(.badge.priority-low){background:#173c34;color:#98f0cf;border-color:#376c57}
html[data-friends-theme]:where(:not([data-friends-theme="classic"])) :is(.badge.priority-moderate){background:#273d5d;color:#b8d9ff;border-color:#4c6890}
html[data-friends-theme]:where(:not([data-friends-theme="classic"])) :is(.badge.priority-high){background:#453824;color:#ffe0a0;border-color:#66502f}
html[data-friends-theme]:where(:not([data-friends-theme="classic"])) :is(.badge.priority-too_urgent,.badge.danger-badge){background:#4a2936;color:#ffc3c9;border-color:#895263}
html[data-friends-theme]:where(:not([data-friends-theme="classic"])) :is(.status,.badge.off){background:var(--fa-raised);color:var(--fa-muted)}
html[data-friends-theme]:where(:not([data-friends-theme="classic"])) :is(.status.pending,.status.ready,.status.picked,.status.complete,.status.cancelled){font-weight:700}
html[data-friends-theme]:where(:not([data-friends-theme="classic"])) .status.pending{background:#453824;color:#ffe0a0}
html[data-friends-theme]:where(:not([data-friends-theme="classic"])) .status.ready{background:#173c34;color:#98f0cf}
html[data-friends-theme]:where(:not([data-friends-theme="classic"])) .status.picked{background:#273d5d;color:#b8d9ff}
html[data-friends-theme]:where(:not([data-friends-theme="classic"])) .status.complete{background:#443458;color:#e3c6ff}
html[data-friends-theme]:where(:not([data-friends-theme="classic"])) .status.cancelled{background:#4a2936;color:#ffc3c9}
html[data-friends-theme]:where(:not([data-friends-theme="classic"])) :is(#content,#main,dialog) th:not(.viewer *, .order-paper *){background:var(--fa-header);color:var(--fa-muted);border-color:var(--fa-line)}
html[data-friends-theme]:where(:not([data-friends-theme="classic"])) :is(#content,#main,dialog) td:not(.viewer *, .order-paper *){background:var(--fa-panel);border-color:var(--fa-line)}
html[data-friends-theme]:where(:not([data-friends-theme="classic"])) :is(#content,#main,dialog) tr:nth-child(even) td:not(.viewer *, .order-paper *){background:var(--fa-header)}
html[data-friends-theme]:where(:not([data-friends-theme="classic"])) :is(#content,#main,dialog) :is(tr:hover,tr.selected) td:not(.viewer *, .order-paper *){background:var(--fa-soft)}
html[data-friends-theme]:where(:not([data-friends-theme="classic"])) :is(.upload-files-field,.upload-panel-head,.upload-drop-zone,.upload-empty,.upload-queue-item,.file-field,.protected-text-field,.checks label,.download-choice,.download-option,.work-thread,.simple-booking-choice>label,.simple-booking-advanced,.product-suggestions,.expense-note,.editable-row .row-note,.external-confirmation,.team-grid fieldset){background:var(--fa-raised);border-color:var(--fa-line);box-shadow:none;color:var(--fa-text)}
html[data-friends-theme]:where(:not([data-friends-theme="classic"])) :is(.upload-limit-badge,.upload-progress){background:var(--fa-soft);color:var(--fa-text);border-color:var(--fa-line)}
html[data-friends-theme]:where(:not([data-friends-theme="classic"])) .upload-progress.has-error{background:#4a2936;color:#ffc3c9;border-color:#895263}
html[data-friends-theme]:where(:not([data-friends-theme="classic"])) .status-uploaded .upload-file-status{color:var(--fa-success)}
html[data-friends-theme]:where(:not([data-friends-theme="classic"])) :is(.simple-booking-choice>label:has(input:checked),.download-option:has(input:checked),.product-option.active,.product-option:hover){background:var(--fa-soft);border-color:var(--fa-accent);color:var(--fa-text)}
html[data-friends-theme]:where(:not([data-friends-theme="classic"])) :is(.simple-booking-help,.simple-booking-total,.simple-booking-route,.booking-calculation,.attribute-help,.demo-banner,.notice,.distribution-preview,.income-entry,.addon-cost-list,.booking-addon,.collection-choice,.transport-request,.viewer-status,.share-preview,.passenger-summary){background:var(--fa-soft);color:var(--fa-text);border-color:var(--fa-line)}
html[data-friends-theme]:where(:not([data-friends-theme="classic"])) .notice.warning{background:#453824;color:#ffe0a0;border-color:#66502f}
html[data-friends-theme]:where(:not([data-friends-theme="classic"])) :is(.backup-summary,.download-progress):not(.viewer *){background:var(--fa-raised);color:var(--fa-text);border-color:var(--fa-line)}
html[data-friends-theme]:where(:not([data-friends-theme="classic"])) :is(.passenger-summary span,.upload-people-panel p){color:var(--fa-muted)}
html[data-friends-theme]:where(:not([data-friends-theme="classic"])) :is(.simple-booking-help strong,.simple-booking-route strong,.simple-booking-total strong,.attribute-help strong,.income-entry h3,.upload-drop-copy strong,.upload-file-details strong,.upload-queue-toolbar strong,.upload-section-heading h3){color:var(--fa-text)}
html[data-friends-theme]:where(:not([data-friends-theme="classic"])) :is(.simple-booking-form .form-section,.simple-booking-advanced>summary,.work-people,.handover-card p,.report-section p,.notification-row small,.upload-file-status,.upload-empty strong,.graph-row>span,.metric small,.expense-entry p){color:var(--fa-muted)}
html[data-friends-theme]:where(:not([data-friends-theme="classic"])) .message-item pre{background:var(--fa-raised);color:var(--fa-text)}
html[data-friends-theme]:where(:not([data-friends-theme="classic"])) #booking-form[data-workflow="simple"]>.form-actions{background:var(--fa-panel)}
html[data-friends-theme]:where(:not([data-friends-theme="classic"])) :is(.travel-embedded,.travel-system-frame,.travel-frame-loading){background:var(--fa-bg);color:var(--fa-muted)}
html[data-friends-theme]:where(:not([data-friends-theme="classic"])) #toast{background:var(--fa-raised);color:var(--fa-text);border:1px solid var(--fa-line)}
html[data-friends-theme]:where(:not([data-friends-theme="classic"])) :is(button,a,[tabindex]):focus-visible{outline:3px solid var(--fa-accent);outline-offset:3px}
html[data-friends-theme]:where(:not([data-friends-theme="classic"])) .friends-theme-label{color:var(--fa-muted)}
html[data-friends-theme]:where(:not([data-friends-theme="classic"])) .friends-theme-select{background:var(--fa-raised);color:var(--fa-text)}
/* Muted teal and warm grey, with light surfaces and a deeper green sidebar. */
html[data-friends-theme="teal"] :is(.app>aside,.sidebar){--fa-header:#386b62;--fa-side:#244d46;--fa-raised:#457a6f;--fa-line:#638f85;--fa-text:#f8fffb;--fa-muted:#d9ebe3;--fa-accent:#d5f1e7;--fa-soft:#477b70}
html[data-friends-theme="teal"] .login-page{background:radial-gradient(circle at 20% 15%,#cce4d9,#edf1ef 60%,#c4d8ce)}
html[data-friends-theme="midnight-light"] :is(.app>aside,.sidebar){--fa-header:#153556;--fa-side:#0c2139;--fa-raised:#274b72;--fa-line:#476482;--fa-text:#f7fbff;--fa-muted:#c6d9ec;--fa-accent:#b4d5ff;--fa-soft:#284f79}
html[data-friends-theme="emerald-light"] :is(.app>aside,.sidebar){--fa-header:#174b3e;--fa-side:#092d25;--fa-raised:#276450;--fa-line:#497c69;--fa-text:#f5fff9;--fa-muted:#c5e4d6;--fa-accent:#a4edc9;--fa-soft:#285f4c}
html[data-friends-theme="plum-light"] :is(.app>aside,.sidebar){--fa-header:#452c58;--fa-side:#2e1b3d;--fa-raised:#624078;--fa-line:#86669a;--fa-text:#fdf7ff;--fa-muted:#dfcbea;--fa-accent:#e6bfff;--fa-soft:#65417b}
html[data-friends-theme="graphite-light"] :is(.app>aside,.sidebar){--fa-header:#53382d;--fa-side:#32241f;--fa-raised:#745141;--fa-line:#946e57;--fa-text:#fff9f3;--fa-muted:#e7d3c4;--fa-accent:#ffd2b0;--fa-soft:#70503f}
html:is([data-friends-theme="midnight-light"],[data-friends-theme="emerald-light"],[data-friends-theme="plum-light"],[data-friends-theme="graphite-light"]) .login-page{background:radial-gradient(circle at 20% 15%,var(--fa-soft),#fff 70%)}
/* Light palettes use dark status text on softly coloured backgrounds. */
html:is([data-friends-theme="teal"],[data-friends-theme="midnight-light"],[data-friends-theme="emerald-light"],[data-friends-theme="plum-light"],[data-friends-theme="graphite-light"]) :is(.button.danger,.danger){background:#f9e2e7;color:#9e2b3d;border-color:#ddb0bb}
html:is([data-friends-theme="teal"],[data-friends-theme="midnight-light"],[data-friends-theme="emerald-light"],[data-friends-theme="plum-light"],[data-friends-theme="graphite-light"]) :is(.live-pill,.status.ready,.badge.status-completed,.request-status.approved,.request-status.downloaded,.badge.priority-low){background:#d9eee2;color:#126348;border-color:#a8ccb8}
html:is([data-friends-theme="teal"],[data-friends-theme="midnight-light"],[data-friends-theme="emerald-light"],[data-friends-theme="plum-light"],[data-friends-theme="graphite-light"]) :is(.status.pending,.notice.warning,.badge.warn,.badge.status-waiting,.badge.status-in_progress,.badge.priority-high){background:#fff0d4;color:#7c5116;border-color:#e0cba2}
html:is([data-friends-theme="teal"],[data-friends-theme="midnight-light"],[data-friends-theme="emerald-light"],[data-friends-theme="plum-light"],[data-friends-theme="graphite-light"]) .status.complete{background:#eae5f6;color:#634791}
html:is([data-friends-theme="teal"],[data-friends-theme="midnight-light"],[data-friends-theme="emerald-light"],[data-friends-theme="plum-light"],[data-friends-theme="graphite-light"]) :is(.status.cancelled,.badge.status-returned,.badge.priority-too_urgent,.badge.danger-badge,.upload-progress.has-error){background:#f9e2e7;color:#9e2b3d;border-color:#ddb0bb}
html:is([data-friends-theme="teal"],[data-friends-theme="midnight-light"],[data-friends-theme="emerald-light"],[data-friends-theme="plum-light"],[data-friends-theme="graphite-light"]) :is(.status.picked,.badge.status-new,.badge.priority-moderate){background:#e0edf3;color:#2b6178;border-color:#b9cfdc}
/* These surfaces render customer documents, not the surrounding application. */
html[data-friends-theme]:where(:not([data-friends-theme="classic"])) :is(.order-paper,.viewer){--navy:#0c2646;--blue:#145fdf;--blue-soft:#edf4ff;--ink:#152c46;--muted:#607286;--line:#dfe6ee;--line-soft:#e8eef1;--bg:#f3f6fa;--white:#fff;--surface:#fff;--green:#087e65;--amber:#8b5800;--red:#b03139;--teal:#347f77;--teal-dark:#286a64;--teal-soft:#eaf5f3;color-scheme:light}
html[data-friends-theme]:where(:not([data-friends-theme="classic"])) .order-paper{background:#fff;color:#152c46}
}

/* A whole card behaves like its named action, including keyboard focus. */
button.stat.stat-action{display:block;width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
button.stat.stat-action>:is(.stat-label,.stat-value,.stat-foot){display:block}
button.stat.stat-action::after{content:'↗';position:absolute;right:17px;bottom:16px;color:var(--fa-accent,var(--blue));font-size:17px;opacity:.8}
button.stat.stat-action .stat-foot{padding-right:20px}
:is(.stat-action,.metric-link,.metric-button,.card-clickable,[data-row-action],[data-card-action]){cursor:pointer}
:is(.stat-action,.metric-link,.metric-button,.card-clickable,[data-card-action]):hover{border-color:var(--fa-accent,#2b7cdb);box-shadow:0 9px 24px #0002;transform:translateY(-2px)}
:is(.stat-action,.metric-link,.metric-button,.card-clickable,[data-row-action],[data-card-action]):focus-visible{outline:3px solid var(--fa-accent,#2b7cdb);outline-offset:3px}
tr:is(.card-clickable,[data-row-action]):hover{transform:none;box-shadow:none}
tr:is(.card-clickable,[data-row-action]):focus-visible{outline-offset:-3px}
button.graph-row.graph-link{width:100%;min-height:40px;padding:7px 5px;background:transparent;text-align:left;font:inherit;font-size:.84rem;font-weight:400;color:inherit;border:1px solid transparent;border-radius:8px}
button.graph-row.graph-link:hover{background:var(--fa-soft,#eaf5f3);border-color:var(--fa-line,#d5e0e6);transform:none}
button.graph-row.graph-link:focus-visible{outline:3px solid var(--fa-accent,#2b7cdb);outline-offset:2px}
button.graph-row.graph-link>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.metric-drilldown{width:min(980px,94vw);max-width:none}
.metric-drilldown-total{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;border:1px solid var(--line,#d5e0e6);border-radius:10px;padding:14px 17px;margin:0 0 18px;background:var(--fa-soft,#edf4ff);color:var(--ink,#152c46)}
.metric-drilldown-total strong{font-size:22px}.metric-drilldown-total small{color:var(--muted,#607286)}
@media(max-width:1400px){.friends-appearance-tools{gap:10px}.friends-theme-select{width:145px}.friends-sticker-next{width:94px;min-height:76px}.friends-sticker-next svg{width:90px;height:65px}}
@media(max-width:1100px){.friends-appearance-tools{margin-left:auto}.app main>header>.header-actions,.topbar>.topbar-right{flex:1 1 100%;justify-content:flex-end}.app main>header .header-actions .shield{margin-right:auto}.friends-theme-select{width:153px}}
@media(max-width:600px){.friends-appearance-tools{width:100%;margin:0;gap:8px}.friends-sticker-next{width:84px;min-height:68px}.friends-sticker-next svg{width:76px;height:55px}.friends-sticker-caption{font-size:9px}.friends-sticker-pause{width:26px;min-height:28px;margin-bottom:3px}.friends-theme-label{width:100%;flex-direction:row;align-items:center;justify-content:center;gap:8px}.friends-theme-select{width:153px;font-size:11px}.friends-theme-label>span{font-size:10px}:is(.app main>header,.topbar){gap:9px}.app main>header>.header-title{flex:1 1 100%}}
@media(max-width:360px){.friends-sticker-next{width:76px}.friends-sticker-space{gap:0}}
@media(max-width:600px){.friends-loading{min-height:260px;padding:20px 12px;gap:12px}.friends-loading-stage{width:210px;padding:14px}.friends-loading-stage svg{width:164px}.friends-loading-label{font-size:14px}}
@media(max-width:600px){.friends-colour-controls{gap:10px}.friends-colour-controls .friends-theme-label{width:auto;flex-direction:column;align-items:flex-start;gap:3px}}
@media print{.friends-appearance-tools,.friends-loading{display:none!important}.friends-sticker-next svg *{animation:none!important}}

@media screen{
.dashboard-switcher{display:flex;flex-direction:column;gap:6px;min-width:0;text-align:left}
.dashboard-switch-label{font-size:10px;line-height:1.3;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--fa-muted,#60768b)}
.dashboard-switch-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;border:1px solid var(--fa-line,#cbd9e6);border-radius:11px;background:var(--fa-panel,#fff)}
button.dashboard-switch-option{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;width:100%;min-width:0;min-height:48px;margin:0;padding:9px 10px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--fa-text,#17364f);box-shadow:none;font-size:12px;line-height:1.3;font-weight:600;cursor:pointer;text-align:left;white-space:nowrap;transform:none}
button.dashboard-switch-option:hover{background:var(--fa-soft,#edf5f4);border-color:var(--fa-line,#cbd9e6)}
button.dashboard-switch-option[aria-current="page"]{background:var(--fa-button,#286f68);border-color:var(--fa-button,#286f68);color:#fff;cursor:default}
button.dashboard-switch-option:focus-visible{outline:3px solid var(--fa-accent,#2b7cdb);outline-offset:2px}
.dashboard-option-status{font-size:10px;font-weight:500;line-height:1.2}
.dashboard-switcher--sidebar{margin:20px 0 24px;width:100%}
.dashboard-switcher--sidebar .dashboard-switch-options{grid-template-columns:1fr;background:var(--fa-raised,#fff)}
.dashboard-switcher--sidebar .dashboard-switch-option{flex-direction:row;align-items:center;justify-content:space-between;min-height:44px}
.dashboard-switcher--sidebar .dashboard-switch-label{color:#c7d6e2}
.dashboard-switcher--sidebar+.workspace-label{margin-top:0}
.dashboard-switcher--header{width:268px;max-width:100%;flex:0 1 268px}
}