/* Observed Smart marketing tokens, 29 October 2026. Provenance: BRAND-SOURCES.md. */
@font-face{font-family:Smart Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(assets/poppins-regular-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Smart Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(assets/poppins-bold-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Smart Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(assets/poppins-regular-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Smart Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(assets/poppins-bold-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{--smart-primary:#29338c;--smart-dark:#191a33;--smart-navy:#181e53;--smart-lavender:#ced2ec;--smart-paper:#f5f5fa;--smart-orange:#ce5c3c;--smart-orange-text:#ab472b;--smart-mint:#8ad0bf;--chart-1:#29338c;--chart-2:#ce5c3c;--chart-3:#3c957f;--chart-4:#3745bd;--ink:#191a33;--muted:#676464;--line:#d9daed;--teal:#29338c;font-family:'Smart Poppins',Arial,sans-serif;color:var(--smart-dark);background:var(--smart-paper);line-height:1.6}
body{background:var(--smart-paper)}h1,h2,h3{color:var(--smart-primary);font-weight:700;letter-spacing:-.6px}h1{font-size:32px}p{color:var(--muted)}button,input,select,textarea{font-family:inherit}.sidebar,body[data-design=command] .sidebar,body[data-design=cockpit] .sidebar,body[data-design=studio] .sidebar{background:var(--smart-navy);color:#fff;padding-top:25px}.brand{display:block;background:#fff;padding:14px 12px;line-height:1;border-radius:0;letter-spacing:0;font-size:14px}.brand:after{content:none}.brand img{display:block;width:150px;max-width:100%;height:auto}.brand span{color:var(--smart-primary);font-size:9px;font-weight:700;letter-spacing:1.2px;margin-top:10px}.practice{margin-top:26px;border-color:#ffffff30}.practice span:not(.avatar),.identity span:not(.avatar),.sidebar-note p{color:#ced2ec}.sidebar nav a{color:#eeeef7;border-radius:0}.sidebar nav a[aria-current=page]{background:#29338c;box-shadow:inset 3px 0 #ce5c3c}.sidebar nav a:hover{background:#2c378d}.sidebar .text-button,.sidebar-note{color:#fff}.dot{background:var(--smart-mint)}.avatar.pale,.avatar.small{background:#eeeef7;color:#29338c}.demo-banner{background:#181e53;color:white;letter-spacing:.3px;font-size:11px;padding-block:10px}.topbar{color:#29338c;border-color:var(--line);background:#fff}.topbar b{color:#676464}.topbar .avatar{background:#eeeef7;color:#29338c}.design-switcher,body[data-design=command] .design-switcher{background:#fff;border-color:var(--line);border-radius:0;padding:20px 24px}.design-switcher strong,body[data-design=command] .design-switcher strong{color:#29338c;font-size:14px}.design-switcher span,.design-switcher label,body[data-design=command] .design-switcher span,body[data-design=command] .design-switcher label{color:#676464}.design-switcher select{background:#f5f5fa;border-color:#d9daed;color:#191a33;border-radius:0}.button,.button.primary{border-radius:0;border-color:#29338c;color:#29338c;font-weight:700;padding:11px 16px}.button.primary{background:#29338c;color:#fff}.text-button,.client-link,.positive,.back,.task a{color:#29338c}.metric,.card,.insight{border-radius:0;border-color:var(--line);background:#fff}.card,.insight{padding:24px}.metric strong{color:#29338c;font-weight:700}.metric p b{color:#29338c}.eyebrow{color:#29338c;letter-spacing:1.2px}.footnote,.metric p,.chart-summary span,.axis,.work-item small,.mini-id,th,th span,.client-link small,.table-meta,.comparison span,.numbers dt,.bar-chart span,.bar-chart small,.task small,footer,.state-control,.tabs a{color:#676464}.chart-summary strong,.comparison strong{color:#29338c}.chip{border-radius:0;background:#eeeef7;color:#29338c}.chip.teal{background:#eeeef7;color:#29338c}.chip.amber{background:#faeeeb;color:#ab472b}.chip.green{background:#e9f6f3;color:#24594c}.callout{background:#f5f5fa;border-color:#29338c;border-radius:0;color:#191a33}.tabs a[aria-current=page]{color:#29338c;border-color:#ce5c3c}.bar-chart i{background:#29338c}.bar-chart i.gap{background:#ce5c3c}.line-chart text{fill:#676464}.projection .eyebrow{color:#ab472b}input[type=range]{accent-color:#29338c}input:not([type=range]),select,textarea{border-radius:0;color:#191a33;border-color:#d9daed}.table-meta strong{color:#29338c}.holdings td{font-size:11px}dialog{border-radius:0;color:#191a33}dialog h2{color:#29338c}dialog ul{color:#676464}#toast:not(:empty){background:#29338c;border-radius:0}.v-heading h1,.v-card h2,.v-goal-person h3{font-family:'Smart Poppins',Arial,sans-serif!important;font-weight:700!important}.v-metric strong{font-family:'Smart Poppins',Arial,sans-serif!important;font-weight:700}.v-card,.v-metric,.v-cockpit .v-card{border-radius:0;box-shadow:none}.variant{--v-text:#191a33;--v-muted:#676464;--v-line:#d9daed;--v-accent:#29338c;--v-secondary:#ce5c3c;--v-card:#fff}.v-heading h1{font-size:34px!important;line-height:1.3}.v-card h2{font-size:20px!important;line-height:1.4}.v-kicker{letter-spacing:1.2px}.v-grid{gap:24px}.v-card{padding:24px}.v-track,.v-track i,.v-bar-pair i{border-radius:0}.v-return,.v-goal{border-top:4px solid var(--v-accent)}.v-initials{background:#eeeef7;color:#29338c}.v-link{font-weight:700}.v-note{line-height:1.8}.v-chart-legend{line-height:1.7}.v-goal-value strong{font-weight:700}.v-card a{color:var(--v-accent)}
/* The four layouts stay distinct, using observed Smart brand families throughout. */
body[data-design=classic]{background:#f5f5fa}.page-heading{padding-bottom:20px;border-bottom:2px solid #ced2ec}.page-heading h1{color:#29338c}
body[data-design=command]{background:#191a33}.v-command{--v-card:#181e53;--v-text:#fff;--v-muted:#ced2ec;--v-line:#4c5394;--v-accent:#ced2ec;--v-secondary:#ecbeb2;--chart-1:#ced2ec;--chart-2:#ecbeb2;--chart-3:#8ad0bf;--chart-4:#fff}.v-command .v-card,.v-command .v-metric{border-radius:0}.v-command .v-heading{border-color:#4c5394}.v-command .v-card h2,.v-command .v-goal-person h3{color:var(--v-text)}.v-command .v-initials{background:#29338c;color:white}.v-command .v-return{border-top-color:#ce5c3c}.v-command .v-metric:first-child{background:#29338c}.v-command .v-card select{color:#fff}.v-command .v-card select option{background:#181e53;color:#fff}body[data-design=command] .workspace>footer{color:#ced2ec;border-color:#4c5394}
body[data-design=cockpit]{background:#f5f5fa}.v-cockpit{--v-accent:#29338c;--v-secondary:#ce5c3c;--v-line:#d9daed;--v-text:#191a33;--v-muted:#676464}.v-cockpit .v-heading{background:#29338c;border-radius:0;padding:32px;color:white;position:relative;background-image:linear-gradient(135deg,#3745bd55 25%,transparent 25%,transparent 75%,#3745bd55 75%);background-size:130px 130px}.v-cockpit .v-heading h1,.v-cockpit .v-heading p,.v-cockpit .v-heading label{color:#fff!important}.v-cockpit .v-heading select{background:#fff;color:#191a33}.v-cockpit .v-metric:first-child{background:#29338c;border-color:#29338c}.v-cockpit .v-metric:first-child span,.v-cockpit .v-metric:first-child small{color:#fff}.v-cockpit .v-allocation{background:#eeeef7}.v-cockpit .v-return{border-top-color:#ce5c3c}
body[data-design=studio]{background:#fff}.v-studio{--v-accent:#29338c;--v-secondary:#ce5c3c;--v-line:#d9daed;--v-text:#191a33;--v-muted:#676464}.v-studio .v-heading{border-left:6px solid #ce5c3c;padding:12px 0 12px 24px}.v-studio .v-heading h1{color:#29338c}.v-studio .v-goal{background:#faeeeb;border-top-color:#ce5c3c}.v-studio .v-card{border-radius:0}.v-studio .v-metric{border-left:2px solid #ced2ec}.v-studio .v-metric strong{color:#29338c}.v-studio .v-signals{background:#f5f5fa}.v-studio .v-allocation{background:#eeeef7}.v-studio .v-goal .v-track i{background:#ab472b}body:not([data-design=classic]) main:not(:has(.variant)){background:#f5f5fa;border-radius:0}
@media(max-width:1150px){.v-heading h1{font-size:29px!important}.v-controls{flex-wrap:wrap}.v-card{padding:22px}.v-donut-number{font-size:24px!important}}
@media(max-width:800px){.sidebar,body[data-design] .sidebar{padding:18px 20px}.brand{display:inline-block;padding:10px 12px}.brand img{width:115px}.brand span{font-size:8px;letter-spacing:1px;margin-top:7px}.sidebar nav a{font-size:11px}.demo-banner{font-size:10px}.design-switcher{padding:18px}.v-heading h1{font-size:27px!important}.v-cockpit .v-heading{padding:24px}.v-studio .v-heading{padding-left:18px}.card,.insight,.v-card{padding:20px}.v-metric strong{font-size:23px!important}.v-goal-points b{font-size:16px}.v-flow-chart{gap:3px}.v-flow-chart span{font-size:9px}.v-chart-legend{font-size:11px}.v-card th,.v-card td{font-size:11px}h1{font-size:27px}.metrics.three .metric strong{font-size:22px}.chip{font-size:10px}.v-legend>div{font-size:10px}.topbar{font-size:10px}}

/* Compact working headers: brand identity without promotional hero treatments. */
.design-switcher{padding:12px 18px;margin-bottom:18px}.design-switcher>div>span{display:none}.page-heading{margin-bottom:18px;padding-bottom:14px}.page-heading .eyebrow,.v-heading .v-kicker{display:none}.page-heading h1,.v-heading h1{font-size:26px!important;line-height:1.3}.v-heading{margin-bottom:18px}.v-cockpit .v-heading{background-image:none;padding:18px 20px}.v-studio .v-heading{padding:8px 0 8px 16px}.v-card h2{font-size:18px!important}.v-card{padding:20px}.v-grid{gap:18px}@media(max-width:800px){.design-switcher{padding:12px}.page-heading h1,.v-heading h1{font-size:23px!important}.v-cockpit .v-heading{padding:16px}}

.scope-control{display:flex;align-items:center;gap:18px;margin:0 0 18px;padding:12px 16px;background:#fff;border:1px solid var(--line);color:#191a33}.scope-control label{max-width:220px}.scope-control span{font-size:12px}.breadcrumbs{padding:12px 0;font-size:12px}.breadcrumbs a{color:#29338c}@media(max-width:800px){.scope-control{flex-wrap:wrap;gap:8px}.breadcrumbs{line-height:1.8}}

.design-switcher{border:2px solid var(--smart-primary);padding:16px 20px}.design-switcher>div>span{display:block}.design-switcher strong{font-size:17px}.design-switcher label{font-weight:700}.design-switcher select{min-height:44px;border:1px solid var(--smart-primary)}

/* Theme is independent of layout; first visit is always light. */
#theme-toggle{padding:8px 12px;border:1px solid #29338c;background:#fff;color:#29338c;cursor:pointer;font-weight:700}#theme-toggle:focus-visible{outline:3px solid #ce5c3c;outline-offset:3px}
html[data-theme=light] .v-command{--v-card:#fff;--v-text:#191a33;--v-muted:#676464;--v-line:#d9daed;--v-accent:#29338c;--v-secondary:#ce5c3c;--chart-1:#29338c;--chart-2:#ce5c3c;--chart-3:#3c957f;--chart-4:#3745bd}
html[data-theme=light] body[data-design=command]{background:#f5f5fa}html[data-theme=light] .v-command .v-card h2,html[data-theme=light] .v-command .v-goal-person h3{color:#29338c}html[data-theme=light] .v-command .v-metric:first-child{background:#eeeef7}html[data-theme=light] .v-command .v-card select,html[data-theme=light] .v-command .v-card select option{background:#fff;color:#191a33}html[data-theme=light] body[data-design=command] .workspace>footer{color:#676464}
html[data-theme=dark]{color-scheme:dark;--ink:#f5f5fa;--muted:#ced2ec;--line:#4c5394;--teal:#ced2ec;--chart-1:#ced2ec;--chart-2:#ecbeb2;--chart-3:#8ad0bf;--chart-4:#fff;background:#191a33;color:#f5f5fa}
html[data-theme=dark] body,html[data-theme=dark] body[data-design],html[data-theme=dark] main,html[data-theme=dark] body:not([data-design=classic]) main:not(:has(.variant)){background:#191a33;color:#f5f5fa}
html[data-theme=dark] .variant{--v-card:#181e53;--v-text:#f5f5fa;--v-muted:#ced2ec;--v-line:#4c5394;--v-accent:#ced2ec;--v-secondary:#ecbeb2;--chart-1:#ced2ec;--chart-2:#ecbeb2;--chart-3:#8ad0bf;--chart-4:#fff}
html[data-theme=dark] .card,html[data-theme=dark] .metric,html[data-theme=dark] .insight,html[data-theme=dark] .topbar,html[data-theme=dark] .design-switcher,html[data-theme=dark] .scope-control,html[data-theme=dark] dialog,html[data-theme=dark] .callout,html[data-theme=dark] .v-card,html[data-theme=dark] .v-metric{background:#181e53!important;color:#f5f5fa;border-color:#4c5394}
html[data-theme=dark] h1,html[data-theme=dark] h2,html[data-theme=dark] h3,html[data-theme=dark] strong,html[data-theme=dark] .v-studio .v-metric strong,html[data-theme=dark] .metric strong,html[data-theme=dark] .chart-summary strong,html[data-theme=dark] .comparison strong{color:#f5f5fa!important}
html[data-theme=dark] p,html[data-theme=dark] label,html[data-theme=dark] small,html[data-theme=dark] th,html[data-theme=dark] footer,html[data-theme=dark] .footnote,html[data-theme=dark] .subtitle,html[data-theme=dark] .table-meta,html[data-theme=dark] .axis,html[data-theme=dark] .numbers dt,html[data-theme=dark] .comparison span,html[data-theme=dark] .design-switcher span,html[data-theme=dark] .design-switcher label,html[data-theme=dark] .bar-chart span,html[data-theme=dark] .bar-chart small,html[data-theme=dark] .work-item small,html[data-theme=dark] .metric p,html[data-theme=dark] .chart-summary span{color:#ced2ec!important}
html[data-theme=dark] a,html[data-theme=dark] .eyebrow,html[data-theme=dark] .text-button,html[data-theme=dark] .positive{color:#ced2ec}html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea,html[data-theme=dark] .v-cockpit .v-heading select,html[data-theme=dark] .button,html[data-theme=dark] #theme-toggle{background:#191a33;color:#fff;border-color:#ced2ec}html[data-theme=dark] option{background:#191a33;color:#fff}html[data-theme=dark] .button.primary{background:#29338c;color:white}html[data-theme=dark] .line-chart text{fill:#ced2ec}html[data-theme=dark] .bar-chart i{background:#ced2ec}html[data-theme=dark] .bar-chart i.gap{background:#ecbeb2}html[data-theme=dark] .chip{background:#29338c;color:#fff}html[data-theme=dark] .chip.amber{background:#75301e;color:#fff}html[data-theme=dark] .chip.green{background:#24594c;color:#fff}html[data-theme=dark] .brand{background:#fff}html[data-theme=dark] .brand span{color:#29338c}html[data-theme=dark] :focus-visible{outline:3px solid #ecbeb2;outline-offset:3px}

html[data-theme=dark] .topbar b{color:#ced2ec}
html[data-theme=dark] .metric>span{color:#ced2ec}

html[data-theme=dark] .mini-id,html[data-theme=dark] th span,html[data-theme=dark] .workload-number span{color:#ced2ec}#theme-toggle[aria-pressed=true]{box-shadow:inset 0 0 0 2px #ced2ec}
html[data-theme=light] .workload-number span{color:#676464}
html[data-theme=dark] .metric p b{color:#ced2ec}

/* Shared selector chrome: never inherit a dashboard layout's typography. */
html body[data-design] .design-switcher,html body[data-design] .design-switcher strong,html body[data-design] .design-switcher span,html body[data-design] .design-switcher label,html body[data-design] .design-switcher select,html body[data-design] .design-switcher option{font-family:'Smart Poppins',Arial,sans-serif!important;font-style:normal;letter-spacing:0;line-height:1.5}
html body[data-design] .design-switcher strong{font-size:17px;font-weight:700}html body[data-design] .design-switcher span{font-size:11px;font-weight:400}html body[data-design] .design-switcher label{font-size:12px;font-weight:700}html body[data-design] .design-switcher select,html body[data-design] .design-switcher option{font-size:13px;font-weight:400}html body[data-design] .design-switcher select{min-height:44px;padding:10px 12px;border-radius:0}