:root{--v4-forest:#183d32;--v4-ink:#102d23;--v4-primary:#143e2b;--v4-muted:#4e5e54;--v4-canvas:#f1f2ed;--v4-line:#d7ded5;--v4-soft:#edf3e9;--v4-accent:#a8c68c;--v4-lavender:#f3eef8;--v4-ivory:#faf2e5}
html[data-brand=teal]{--v4-forest:#424b5d;--v4-ink:#303b4d;--v4-primary:#007f7b;--v4-muted:#526070;--v4-canvas:#f1f3f4;--v4-line:#d4dee1;--v4-soft:#e6f3f1;--v4-accent:#71c7c1}
html[data-brand=autumn]{--v4-forest:#003049;--v4-ink:#003049;--v4-primary:#003049;--v4-muted:#59616a;--v4-canvas:#faf6e9;--v4-line:#e4dcc4;--v4-soft:#fff4d7;--v4-accent:#f77f00;--v4-lavender:#fff1e4;--v4-ivory:#fff7df}
html[data-brand=mystic]{--v4-forest:#372549;--v4-ink:#1a1423;--v4-primary:#774c60;--v4-muted:#6c5b69;--v4-canvas:#f5f1f4;--v4-line:#ded2dc;--v4-soft:#f3e8ec;--v4-accent:#b75d69;--v4-lavender:#eee7f2;--v4-ivory:#faf0eb}
html[data-brand=homely]{--v4-forest:#19535f;--v4-ink:#262322;--v4-primary:#791b39;--v4-muted:#5b6662;--v4-canvas:#f2f3ef;--v4-line:#d2d8d1;--v4-soft:#e6f0ec;--v4-accent:#0b7a75;--v4-lavender:#f5eaf0;--v4-ivory:#f4f3ed}
body[data-version="4"]{font-family:'DM Sans',sans-serif!important;color:var(--v4-ink)!important;background:var(--v4-canvas)!important;--b3-sidebar:224px;--b3-line:var(--v4-line);--b3-bg:var(--v4-canvas);--b3-ink:var(--v4-ink);--agent-primary:var(--v4-primary)!important;--agent-secondary:var(--v4-forest)!important;--primary:var(--v4-primary);--ink:var(--v4-ink);--muted:var(--v4-muted)}
body[data-version="4"] :is(button,input,select,textarea){font-family:inherit;font-size:14px}
body[data-version="4"] :is(small,.support,.muted,.card__description,.od-note,.reporting-footnote){font-size:14px;line-height:1.5}
body[data-version="4"] :is(h2,.card__title){font-size:20px;font-weight:550;letter-spacing:-.5px;color:var(--v4-ink)}
body[data-version="4"] h3{font-size:16px;font-weight:550;color:var(--v4-ink)}
body[data-version="4"] .b3-sidebar{background:var(--v4-canvas);border:0;width:224px;padding:30px 16px 20px}
body[data-version="4"] .b3-brand{display:flex;flex-direction:column;align-items:flex-start;padding:0 12px 24px;color:var(--v4-forest);gap:6px}
.b3-brand>svg{width:142px;height:auto;max-height:72px}.b3-brand-name{font-size:14px!important}.b3-brand-name small{display:inline;margin-left:8px;font-size:14px;color:var(--v4-muted)}
body[data-version="4"] .b3-nav-label{display:none}
body[data-version="4"] .b3-nav-link{border-radius:99px;margin:4px 0;padding:13px 16px;min-height:46px;color:var(--v4-ink);font-size:14px;font-weight:550;background:transparent}
body[data-version="4"] .b3-nav-link:is(.is-active,[aria-current=page]){background:var(--v4-forest);color:white}
body[data-version="4"] .b3-nav-link:not([aria-current=page]):hover{background:var(--v4-soft)}
body[data-version="4"] .b3-collapse{display:none}
.b3-sidebar-bottom{margin-top:auto}.v4-theme-label{display:block;font-size:14px;color:var(--v4-muted);margin:14px 0 8px}#v4-theme{width:100%;margin-bottom:14px;padding:10px;border:1px solid var(--v4-line);border-radius:12px;background:white;color:var(--v4-ink)}
body[data-version="4"] .b3-workspace{max-width:1676px;margin-left:224px;background:transparent}
body[data-version="4"] .b3-topbar{padding:26px 36px 12px;height:auto;min-height:90px;background:transparent;border:0;flex-wrap:wrap}
body[data-version="4"] .b3-topbar h1{font-size:42px;font-weight:550;letter-spacing:-1.5px;color:var(--v4-ink)}
body[data-version="4"] .b3-main{padding:18px 36px 36px;max-width:1676px}
body[data-version="4"] :is(.card,.panel,.od-card,.od-metric,.reporting-panel,.team-card,.client-card){background:white;border:0;border-radius:24px;box-shadow:none;color:var(--v4-ink)}
body[data-version="4"] :is(.card__header,.card__content,.card__footer){border-color:var(--v4-line)}
body[data-version="4"] :is(.button--primary,.btn-primary,.b3-button:not(.b3-button--quiet),button.primary){background:var(--v4-primary);border-color:var(--v4-primary);color:white;border-radius:99px}
body[data-version="4"] :is(.b3-button--quiet,.button--secondary){background:transparent;color:var(--v4-ink);border:1px solid var(--v4-line);border-radius:99px}
body[data-version="4"] :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){color:var(--v4-ink);border-color:var(--v4-line);background:#fbfcf8;border-radius:12px;font-size:16px}
body[data-version="4"] :is(input,select,textarea,button,a):focus-visible{outline:3px solid var(--v4-primary);outline-offset:3px}
body[data-version="4"] :is(th,td){font-size:14px;border-color:var(--v4-line)}
body[data-version="4"] th{font-weight:550;color:var(--v4-muted);background:var(--v4-soft)}
body[data-version="4"] tbody tr:nth-child(even){background:color-mix(in srgb,var(--v4-canvas) 55%,white)}
.v4-legacy-header{margin-left:224px;max-width:1676px}
body[data-version="4"]:has(.v4-legacy-header)>main{margin-left:224px;width:calc(100% - 224px);max-width:1676px;padding:18px 36px 36px;box-sizing:border-box}
body[data-version="4"] .od-heading>div,body[data-version="4"] .od-eyebrow{display:none}body[data-version="4"] .od-heading{margin:0 0 18px;display:flex;justify-content:flex-end}
body[data-version="4"] .od-date{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
body[data-version="4"] .od-summary{color:var(--v4-muted)}
body[data-version="4"] .od-metric{position:relative;overflow:hidden;border-left:6px solid #b99ad7;padding:24px}.od-metric:nth-child(2){border-left-color:#2fc68b!important}.od-metric:nth-child(3){border-left-color:#e7ad5b!important}.od-metric:nth-child(4){border-left-color:#e79dbb!important}
body[data-version="4"] .od-metric strong{font-size:38px;font-weight:550;color:var(--v4-forest)}
body[data-version="4"] .od-metric-label{font-size:20px;font-weight:550}
body[data-version="4"] .od-link{color:var(--v4-primary)}
body[data-version="4"] .b3-board-wrap{border-radius:22px;overflow:hidden;border-color:var(--v4-line)}
body[data-version="4"] .team-day-event{color:var(--v4-ink);border-radius:10px}
body[data-version="4"] .team-day-event :is(strong,span){color:var(--v4-ink)!important;font-size:14px!important}
body[data-version="4"] .b3-queue{background:white;border-color:var(--v4-line);border-radius:22px}
@media(min-width:1900px){body[data-version="4"] .b3-sidebar{left:calc((100vw - 1900px)/2)}body[data-version="4"] .b3-workspace,.v4-legacy-header,body[data-version="4"]:has(.v4-legacy-header)>main{margin-left:calc((100vw - 1900px)/2 + 224px)}}
@media(max-width:1100px){body[data-version="4"] .b3-topbar h1{font-size:32px}.b3-header-tools{flex-wrap:wrap}}
@media(max-width:900px){body[data-version="4"] .b3-sidebar{position:relative;inset:auto;width:auto;padding:16px;max-height:none}.b3-sidebar nav{display:flex;flex-wrap:wrap;gap:4px}.b3-sidebar .b3-brand{padding-bottom:8px}.b3-sidebar-bottom{display:none}body[data-version="4"] .b3-workspace,.v4-legacy-header,body[data-version="4"]:has(.v4-legacy-header)>main{margin-left:0;width:100%}body[data-version="4"] .b3-topbar{padding:20px 20px 8px}body[data-version="4"] .b3-main,body[data-version="4"]:has(.v4-legacy-header)>main{padding:16px 20px}.b3-brand>svg{width:110px}}
@media(prefers-reduced-motion:reduce){body[data-version="4"] *{scroll-behavior:auto!important;transition:none!important}}
/* Override legacy readability rules at the shared v4 hierarchy. */
body[data-version="4"] .b3-topbar h1{font-size:42px!important;line-height:1.15!important;font-weight:550!important;letter-spacing:-1.5px!important}
body[data-version="4"] .b3-nav-link svg{color:inherit!important}
body[data-version="4"] .od-card-head{display:flex;align-items:flex-start;justify-content:space-between}
body[data-version="4"] .od-card-head>.od-icon{flex-shrink:0;margin:0}
body[data-version="4"] .od-card-head .card__title{color:var(--v4-ink)!important}
body[data-version="4"] .od-metric-label{color:var(--v4-ink)!important;font-weight:550!important}
body[data-version="4"] .b3-profile{border-color:var(--v4-line)}
body[data-version="4"]:has(.v4-legacy-header) main>.panel-head h1,body[data-version="4"] .reporting-heading h1{font-size:20px!important;font-weight:550!important;letter-spacing:-.5px}
body[data-version="4"] .b3-diary .b3-breadcrumb{display:block}
body[data-version="4"] .team-day-event:not(.team-day-manual-block){background:color-mix(in srgb,var(--event-colour) 12%,white)!important;border:1px solid color-mix(in srgb,var(--event-colour) 30%,white)!important;border-left:3px solid var(--event-colour)!important;color:var(--v4-ink)!important;border-radius:10px!important}
body[data-version="4"] .team-day-travel{background:#f0f2f3!important;color:var(--v4-muted)!important}
@media(max-width:1100px){body[data-version="4"] .b3-topbar h1{font-size:32px!important}}
