/* SignalSolid Design Foundation 2026 — unified final-layer tokens and components.
 * Kept after legacy CSS in both live shells, no changes to backend workflows.
 */
:root,:root[data-theme="dark"]{
 --ss3-bg:#0b1120;--ss3-bg-elevated:#10192b;--ss3-surface:#172235;--ss3-surface-2:#1d2a40;--ss3-surface-3:#263650;--ss3-surface-hover:#2b3b55;
 --ss3-border:#31405a;--ss3-border-strong:#4b5c78;--ss3-text:#f5f8ff;--ss3-text-soft:#d5dfef;--ss3-muted:#a8b7ce;
 --ss3-primary:#5ca8ff;--ss3-primary-hover:#8bc1ff;--ss3-primary-ink:#091a30;--ss3-primary-soft:rgba(92,168,255,.14);
 --ss3-blue:#75b6ff;--ss3-green:#5ad5a5;--ss3-amber:#ffcb70;--ss3-red:#ff8492;
 --ss3-grid:transparent;--ss3-shadow-sm:0 5px 18px rgba(0,0,0,.13);--ss3-shadow-md:0 18px 46px rgba(0,0,0,.22);
 --ss-radius:14px;--ss-font: 'Plus Jakarta Sans',Inter,system-ui,-apple-system,sans-serif
}
:root[data-theme="light"]{
 --ss3-bg:#f5f7fb;--ss3-bg-elevated:#edf2f8;--ss3-surface:#ffffff;--ss3-surface-2:#f8faff;--ss3-surface-3:#edf3fa;--ss3-surface-hover:#e9f2fd;
 --ss3-border:#dce4f0;--ss3-border-strong:#b8c7dc;--ss3-text:#142239;--ss3-text-soft:#3f516a;--ss3-muted:#62738c;
 --ss3-primary:#1768c7;--ss3-primary-hover:#1256a6;--ss3-primary-ink:#ffffff;--ss3-primary-soft:rgba(23,104,199,.10);
 --ss3-blue:#216cbd;--ss3-green:#137e5a;--ss3-amber:#9f680b;--ss3-red:#b8364b;--ss3-grid:transparent;
 --ss3-shadow-sm:0 5px 18px rgba(17,45,80,.06);--ss3-shadow-md:0 18px 46px rgba(17,45,80,.11)
}
@media(prefers-color-scheme:light){:root[data-theme="system"]{
 --ss3-bg:#f5f7fb;--ss3-bg-elevated:#edf2f8;--ss3-surface:#ffffff;--ss3-surface-2:#f8faff;--ss3-surface-3:#edf3fa;--ss3-surface-hover:#e9f2fd;
 --ss3-border:#dce4f0;--ss3-border-strong:#b8c7dc;--ss3-text:#142239;--ss3-text-soft:#3f516a;--ss3-muted:#62738c;
 --ss3-primary:#1768c7;--ss3-primary-hover:#1256a6;--ss3-primary-ink:#ffffff;--ss3-primary-soft:rgba(23,104,199,.10);
 --ss3-blue:#216cbd;--ss3-green:#137e5a;--ss3-amber:#9f680b;--ss3-red:#b8364b;--ss3-grid:transparent;--ss3-shadow-sm:0 5px 18px rgba(17,45,80,.06)
}}
html{font-family:var(--ss-font);scroll-behavior:smooth}
body{font-family:var(--ss-font)!important;background:var(--ss3-bg)!important;background-image:none!important;color:var(--ss3-text)!important;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}
:where(h1,h2,h3,h4,h5,h6){font-family:var(--ss-font);letter-spacing:-.035em;text-wrap:balance}
:where(p,li,td,th){overflow-wrap:break-word}
:where(.ss3-public-hero,.ss-marketplace,.ss-public-footer,.ss-public-header,.ss-public-body,.ss-dashboard,.ss-app-body,.admin-portal-shell){color:var(--ss3-text)}
:where(.glass-card-2026,.card-2026,.admin-portal-nav,.admin-portal-content,.ss3-console,.ss3-proof-item,.ss-marketplace-product,.ss-customer-quicklinks>a){border-color:var(--ss3-border)!important;box-shadow:var(--ss3-shadow-sm)}
:where(input:not([type=checkbox]):not([type=radio]),select,textarea,.form-control,.form-select){border-radius:11px!important;border-color:var(--ss3-border)!important;min-height:42px}
:where(.table,.table-responsive){--bs-table-bg:transparent}
:where(.table-responsive){border-radius:var(--ss-radius);border:1px solid var(--ss3-border)}
:where(.btn,.ss-button,.btn-2026,.ss3-control-button){transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}
:where(.btn,.ss-button,.btn-2026):hover{transform:translateY(-1px)}
:where(.ss-public-container,.container-xxl){width:min(100% - 32px,1440px);margin-inline:auto}
:where(.ss3-public-hero){padding-block:clamp(60px,8vw,120px)}
:where(.ss-marketplace-product){background:var(--ss3-surface)!important;color:var(--ss3-text)!important}
:where(.ss-marketplace-product-footer a,.ss-customer-welcome-action){background:var(--ss3-primary)!important;color:var(--ss3-primary-ink)!important}
:where(.ss-marketplace){background:var(--ss3-bg)!important}
:where(.ss-customer-welcome,.ss-admin-heading){background:var(--ss3-surface)!important}
:where(.ss-customer-quicklinks>a){background:var(--ss3-surface)!important}
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--ss3-primary)!important;outline-offset:3px}
:where(.ss3-public-hero,.ss-marketplace-product,.ss-customer-quicklinks>a){animation:ss-enter .55s cubic-bezier(.2,.8,.2,1) both}
@keyframes ss-enter{from{opacity:0;transform:translateY(11px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:767px){:where(.container,.container-fluid,.container-xxl,.ss-public-container){padding-inline:14px}:where(.table-responsive){overflow-x:auto;-webkit-overflow-scrolling:touch}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}:where(*, *::before,*::after){animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* v2 — end-to-end customer + staff workspace component language */
:root,:root[data-theme="dark"]{
 --ss-accent-violet:#796bff;--ss-accent-cyan:#25c5db;
 --ss3-radius-xs:7px;--ss3-radius-sm:10px;--ss3-radius:14px;--ss3-radius-lg:20px;
 --ss3-shadow-lg:0 28px 68px rgba(0,0,0,.25);
}
:root[data-theme="light"]{--ss-accent-violet:#5546d5;--ss-accent-cyan:#087e9a;--ss3-shadow-lg:0 28px 68px rgba(15,35,70,.12)}
:where(.ss-app-sidebar,.ss-public-header,.admin-portal-nav){
 background:var(--ss3-surface)!important;border-color:var(--ss3-border)!important;
}
:where(.ss-app-nav__link,.admin-portal-link){border-radius:11px!important;transition:background .17s ease,color .17s ease,transform .17s ease}
:where(.ss-app-nav__link,.admin-portal-link):hover{background:var(--ss3-surface-hover)!important;transform:translateX(2px)}
:where(.ss-app-nav__link.is-active,.admin-portal-link.is-active){
 background:var(--ss3-primary-soft)!important;color:var(--ss3-primary)!important;
 box-shadow:inset 3px 0 0 var(--ss3-primary);
}
:where(.ss-app-nav__label,.admin-portal-nav__group-label){text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:750}
:where(.ss-app-topbar,.ss3-topbar){border-bottom:1px solid var(--ss3-border)!important}
:where(.ss-marketplace-heading h2,.ss3-public-hero h1,.ss-customer-welcome h1){letter-spacing:-.03em;line-height:1.12}
:where(.card,.glass-card-2026,.card-2026,.ss3-console,.admin-portal-main .card){
 background:var(--ss3-surface)!important;border:1px solid var(--ss3-border)!important;
 border-radius:var(--ss3-radius-lg)!important;color:var(--ss3-text)!important;
 box-shadow:var(--ss3-shadow-sm);
}
:where(.ss-marketplace-product,.glass-card-2026,.card-2026,.ss-customer-quicklinks>a):hover{
 border-color:var(--ss3-border-strong)!important;
}
:where(.text-muted,.form-text,.ss3-muted){color:var(--ss3-muted)!important}
:where(.btn-primary,.btn-primary-2026,.ss-button--primary,.ss3-button--primary){
 background:var(--ss3-primary)!important;border-color:var(--ss3-primary)!important;
 color:var(--ss3-primary-ink)!important;font-weight:750;border-radius:11px!important
}
:where(.btn-primary,.btn-primary-2026,.ss-button--primary,.ss3-button--primary):hover{
 background:var(--ss3-primary-hover)!important;border-color:var(--ss3-primary-hover)!important
}
:where(.btn-outline-primary,.ss-button--secondary){border-radius:11px!important;border-color:var(--ss3-border-strong)!important}
:where(.form-control,.form-select,input:not([type=checkbox]):not([type=radio]),select,textarea){
 background:var(--ss3-surface)!important;color:var(--ss3-text)!important;
 border:1px solid var(--ss3-border)!important;border-radius:11px!important
}
:where(.form-control,.form-select,input,select,textarea):focus{border-color:var(--ss3-primary)!important;box-shadow:0 0 0 3px var(--ss3-primary-soft)!important}
:where(.form-control,.form-select,input,select,textarea)::placeholder{color:var(--ss3-muted)}
:where(.table){color:var(--ss3-text)!important}
:where(.table) :where(th,td){padding:.85rem 1rem;border-color:var(--ss3-border)!important;vertical-align:middle}
:where(.table) thead th{font-size:.76rem;letter-spacing:.035em;font-weight:800;color:var(--ss3-muted);background:var(--ss3-surface-2)!important}
:where(.table) tbody tr:hover{background:var(--ss3-surface-hover)}
:where(.alert,.ss-message){border-radius:12px!important}
:where(.dropdown-menu,.modal-content,.popover,.offcanvas){background:var(--ss3-surface)!important;color:var(--ss3-text)!important;border:1px solid var(--ss3-border)!important;border-radius:14px!important}
:where(.dropdown-item){color:var(--ss3-text)!important}
:where(.dropdown-item):hover{background:var(--ss3-surface-hover)!important}
:where(.ss3-public-hero .ss3-public-actions,.ss-marketplace-product-footer){gap:12px}
:where(.ss-marketplace-product .ss-marketplace-symbol){background:var(--ss3-primary-soft);color:var(--ss3-primary)}
:where(.ss-public-footer){background:var(--ss3-bg-elevated)!important;border-top:1px solid var(--ss3-border)!important}
:where(.ss-public-header){backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
:where(.ss-public-links a,.ss-public-mobile-menu a){text-decoration:none}
:where(.ss-public-links a):hover{color:var(--ss3-primary)!important}
:where(.ss-public-body .ss3-public-hero){background:radial-gradient(ellipse at 78% 20%,rgba(121,107,255,.11),transparent 48%),var(--ss3-bg)!important}
:where(.ss-public-body .ss3-console){box-shadow:var(--ss3-shadow-lg)!important}
@media(max-width:768px){:where(.ss-customer-overview,.admin-portal-main){min-width:0}:where(.card,.glass-card-2026,.ss3-console){border-radius:14px!important}}