/* Restrained company accents; status colours and project colours retain their meaning. */
:root{--cowshed-charcoal:#3C3C3B;--cowshed-pink:#E35E89;--cowshed-yellow:#EEE535;--cowshed-teal:#36B39F}
html[data-portal-brand="charcoal"],[data-brand-group="expenses"],[data-brand-group="hiring"],[data-brand-group="collective"]{--brand-accent:#3C3C3B;--brand-ink:#fff;--brand-soft:#F0F0EF;--brand-text:#3C3C3B}
html[data-portal-brand="studios"],[data-brand-group="resource"],[data-brand-group="finance"]{--brand-accent:#E35E89;--brand-ink:#000;--brand-soft:#FCECF2;--brand-text:#90344F}
html[data-portal-brand="creators"],[data-brand-group="creators"]{--brand-accent:#EEE535;--brand-ink:#000;--brand-soft:#FCFAD9;--brand-text:#5C570A}
html[data-portal-brand]{--purple:var(--brand-text)!important;--purple-soft:var(--brand-soft)!important;--primary:var(--brand-accent)!important;--primary-foreground:var(--brand-ink)!important;--accent:var(--brand-soft)!important;--ring:#36B39F!important}
html[data-portal-brand] .sidebar{--navy:#30302F;background:#30302F}
.nav-section[data-brand-group]{border-left:2px solid color-mix(in srgb,var(--brand-accent),white 20%);padding-left:7px}
.nav-section[data-brand-group="expenses"],.nav-section[data-brand-group="hiring"],.nav-section[data-brand-group="collective"]{border-left-color:#777774}
.sidebar .nav .nav-section[data-brand-group] .nav-group-toggle{color:#e5e5e2}
.sidebar .nav .nav-section[data-brand-group] .nav-group-items button.active{background:var(--brand-accent);color:var(--brand-ink);box-shadow:none}
.sidebar .nav .nav-section[data-brand-group="expenses"] .nav-group-items button.active,.sidebar .nav .nav-section[data-brand-group="hiring"] .nav-group-items button.active,.sidebar .nav .nav-section[data-brand-group="collective"] .nav-group-items button.active{background:#555552;color:white;box-shadow:inset 3px 0 #36B39F}
.sidebar .nav .nav-group-items button:hover{background:#454543;color:white}
.nav-group-brand-icon{width:21px;height:21px;object-fit:contain;flex-shrink:0}
.nav-section[data-brand-group="creators"] .nav-group-brand-icon{background:#151515;border-radius:3px;padding:2px}
html[data-portal-brand] .topbar{border-bottom:3px solid var(--brand-accent)}
.portal-brand-context{display:flex;align-items:center;gap:13px;margin-bottom:7px}
.portal-section-wordmark{width:104px;height:25px;object-fit:contain;object-position:left center}
.portal-section-wordmark.creators{width:106px;height:31px;background:#111;padding:5px 8px;border-radius:4px}
.portal-brand-context .eyebrow{margin:0;font-size:10px;color:#6a6a67;letter-spacing:.08em}
html[data-portal-brand] :is(.button.primary,button.primary,a.primary,.crm-primary,.te-primary,.expense-primary,[data-slot="button"].bg-primary){background:var(--brand-accent)!important;border-color:var(--brand-accent)!important;color:var(--brand-ink)!important;box-shadow:none}
html[data-portal-brand] :is(.button.primary,button.primary,a.primary):hover{filter:brightness(.96)}
html[data-portal-brand] :is(.tabs button[aria-selected="true"],.view-switch button.active,.goal-filters button.active,.prod-project-filters button[aria-selected="true"]){background:var(--brand-soft);color:var(--brand-text);border-color:var(--brand-accent)}
html[data-portal-brand] :is(.progress i,.bar i){background:#36B39F}
html[data-portal-brand] :is(input,select,textarea,button,a):focus-visible{outline-color:#36B39F}
html[data-portal-brand] .sidebar-alert-summary{border-color:#36B39F66}
html[data-portal-brand] .sidebar-alert-summary .personal-alert-icon{color:#36B39F}
html[data-portal-brand] .avatar:not(.dark){box-shadow:0 0 0 2px #36B39F33}
html[data-portal-brand="charcoal"] :is(.booking-overview,.meeting-preparation){background:#f4f4f2;border-color:#b7b7b1}
html[data-portal-brand="charcoal"] :is(.booking-overview h2,.meeting-preparation h2,.booking-row strong,.eyebrow){color:#3C3C3B}
html[data-portal-brand="charcoal"] :is(.prep-meeting.today,.prep-meeting.soon,.prep-meeting.overdue){border-color:#3C3C3B;background:white}
html[data-portal-brand="charcoal"] :is(.notice,.focus-note,.date-tile,.meeting-lookback){background:#F0F0EF;color:#3C3C3B}
html[data-portal-brand="charcoal"] :is(.goal,.goal.complete){border-top-color:#36B39F}
html[data-portal-brand="charcoal"] :is(.field-info,.field-help-tip strong){color:#3C3C3B}
html[data-portal-brand="charcoal"] .field-info{background:#f1f1ef;border-color:#777}
html[data-portal-brand="charcoal"] .meeting-lookback h3{color:#3C3C3B}
@media(max-width:620px){.portal-brand-context .eyebrow{display:none}.portal-section-wordmark{width:80px;height:20px}.nav-group-brand-icon{width:17px;height:17px}.nav-section[data-brand-group]{padding-left:1px}.portal-brand-context{margin-bottom:5px}}

html[data-portal-brand] .talent-list>button.active{background:var(--brand-soft)}
html[data-portal-brand] .creators-workspace>.sidebar nav button.selected{background:var(--brand-soft);color:var(--brand-text)}
html[data-portal-brand] .prod-project-filters button[aria-selected="true"]{background:var(--brand-soft);color:var(--brand-text);border-color:var(--brand-accent)}
html[data-portal-brand] .button.primary .google-g{color:inherit}

html[data-portal-brand] :is(a.text-primary,[data-slot="button"].text-primary){color:var(--brand-text)!important}html[data-portal-brand="charcoal"] .field-help-tip strong{color:#84D8C9}

.portal-section-wordmark.charcoal{width:31px;height:31px;object-fit:contain;background:white;border-radius:3px}
.nav-section:is([data-brand-group="expenses"],[data-brand-group="hiring"],[data-brand-group="collective"]) .nav-group-brand-icon{background:#fff;border-radius:3px;padding:1px}

/* A shared brand system: identity follows the workspace, feedback keeps its meaning. */
html[data-portal-brand="charcoal"]{--brand-icon:url('/cowshed-icon.png');--brand-logo-surface:transparent;--brand-tint:#f7f7f4;--brand-heading-ink:#3c3c3b}
html[data-portal-brand="studios"]{--brand-icon:url('/brand-icons/studios.png');--brand-logo-surface:transparent;--brand-tint:#fff8fb;--brand-heading-ink:#90344f}
html[data-portal-brand="creators"]{--brand-icon:url('/brand-icons/creators.png');--brand-logo-surface:#30312e;--brand-tint:#fffef3;--brand-heading-ink:#5c570a}
.nav-section[data-brand-group="resource"],.nav-section[data-brand-group="finance"]{--nav-icon-bg:#583b47;--nav-icon-ink:#f6a5c1;--nav-icon-active-bg:#fcecf2;--nav-icon-active-ink:#90344f}
.nav-section[data-brand-group="creators"]{--nav-icon-bg:#514f2d;--nav-icon-ink:#eee535;--nav-icon-active-bg:#fffbc3;--nav-icon-active-ink:#5c570a}
.nav-section[data-brand-group="expenses"],.nav-section[data-brand-group="hiring"],.nav-section[data-brand-group="collective"]{--nav-icon-bg:#474744;--nav-icon-ink:#e6e6df;--nav-icon-active-bg:#eceee8;--nav-icon-active-ink:#3c3c3b}
.sidebar .nav .nav-section[data-brand-group] .nav-icon:is(.hr-section-icon,.people-contact-icon,.expenses-wallet-icon){background:var(--nav-icon-bg);color:var(--nav-icon-ink);--wallet-icon-bg:var(--nav-icon-bg);transition:background .16s,color .16s}
.sidebar .nav .nav-section[data-brand-group] button.active .nav-icon:is(.hr-section-icon,.people-contact-icon,.expenses-wallet-icon){background:var(--nav-icon-active-bg);color:var(--nav-icon-active-ink);--wallet-icon-bg:var(--nav-icon-active-bg)}
.sidebar .nav .nav-section[data-brand-group="creators"] .nav-group-toggle{color:#f6f0a5}
.sidebar .nav .nav-section:is([data-brand-group="resource"],[data-brand-group="finance"]) .nav-group-toggle{color:#f6bad0}
.nav-section:is([data-brand-group="expenses"],[data-brand-group="hiring"],[data-brand-group="collective"]) .nav-group-brand-icon{filter:invert(1);mix-blend-mode:screen;background:transparent;padding:0}
html[data-portal-brand] .app-main{background:linear-gradient(var(--brand-tint) 0, #f6f7f5 320px)}
html[data-portal-brand] .topbar{background:#fff;border-bottom-color:var(--brand-accent)}
html[data-portal-brand] .portal-brand-context{gap:14px;min-height:32px}
html[data-portal-brand] .portal-section-wordmark.studios{width:140px;height:34px}
html[data-portal-brand] .portal-section-wordmark.creators{width:135px;height:36px;padding:6px 10px;border-radius:7px}
html[data-portal-brand] .portal-section-wordmark.charcoal{width:37px;height:37px;mix-blend-mode:multiply;background:transparent}
html[data-portal-brand] .portal-brand-context .eyebrow{color:#6a6a67;background:transparent}
/* Primary headings carry a logo; ordinary rows and status panels stay quiet. */
html[data-portal-brand] :is(#view-root>.content>.section-head:first-child,.creator-crm>.crm-heading,.hiring-page>.hiring-heading,.prod-main>.prod-top,.creators-workspace .page-title:not([style*="none"])){position:relative;background:var(--brand-soft);border-radius:16px;padding:22px 24px 22px 86px;border:1px solid color-mix(in srgb,var(--brand-accent) 16%,white);gap:20px}
html[data-portal-brand] :is(#view-root>.content>.section-head:first-child,.creator-crm>.crm-heading,.hiring-page>.hiring-heading,.prod-main>.prod-top,.creators-workspace .page-title:not([style*="none"]))::before{content:'';position:absolute;left:23px;top:24px;width:42px;height:42px;border-radius:9px;background-color:var(--brand-logo-surface);background-image:var(--brand-icon);background-position:center;background-repeat:no-repeat;background-size:82%;mix-blend-mode:multiply;pointer-events:none}
html[data-portal-brand="creators"] :is(.creator-crm>.crm-heading,.creators-workspace .page-title)::before{mix-blend-mode:normal}
html[data-portal-brand] .my-week-toolbar{background:var(--brand-soft);border-left:4px solid var(--brand-accent);border-radius:12px;padding:18px;gap:16px}
html[data-portal-brand] .metric.purple{background:var(--brand-soft);border-color:color-mix(in srgb,var(--brand-accent) 22%,white)}
html[data-portal-brand] .metric.purple strong{color:var(--brand-text)}
html[data-portal-brand] :is(.view-switch button.active,.hiring-tabs button.active,.hiring-page tr.selected){background:var(--brand-soft);color:var(--brand-text);border-color:var(--brand-accent)}
html[data-portal-brand] .hiring-button:not(.secondary){background:var(--brand-accent);border-color:var(--brand-accent);color:var(--brand-ink)}
html[data-portal-brand] :is(.person-name,.hiring-setup a){color:var(--brand-text)}
html[data-portal-brand] :is(.creator-crm .crm-eyebrow,.prod-kicker,.hiring-kicker){color:var(--brand-heading-ink)}
html[data-portal-brand] .portal-empty{background:var(--brand-tint);border-color:color-mix(in srgb,var(--brand-accent) 18%,white)}
@media(max-width:850px){html[data-portal-brand] :is(.creator-crm>.crm-heading,.hiring-page>.hiring-heading,.prod-main>.prod-top){flex-wrap:wrap}}
@media(max-width:620px){html[data-portal-brand] :is(#view-root>.content>.section-head:first-child,.creator-crm>.crm-heading,.hiring-page>.hiring-heading,.prod-main>.prod-top,.creators-workspace .page-title:not([style*="none"])){padding:17px 16px 17px 65px;gap:14px}html[data-portal-brand] :is(#view-root>.content>.section-head:first-child,.creator-crm>.crm-heading,.hiring-page>.hiring-heading,.prod-main>.prod-top,.creators-workspace .page-title:not([style*="none"]))::before{left:15px;top:19px;width:33px;height:33px}html[data-portal-brand] .portal-section-wordmark.studios{width:105px;height:28px}html[data-portal-brand] .portal-section-wordmark.creators{width:108px;height:30px}html[data-portal-brand] .my-week-toolbar{padding:12px}}
@media(prefers-reduced-motion:reduce){.sidebar .nav .nav-section[data-brand-group] .nav-icon{transition:none!important}}

/* Section headings stay neutral until intentional pointer or keyboard interaction. */
.sidebar .nav .nav-section[data-brand-group]{border-left-color:#666963}
.sidebar .nav .nav-section[data-brand-group]>.nav-group-toggle{color:#b9bdb7;background:transparent;transition:color .16s,background .16s}
.sidebar .nav .nav-section[data-brand-group]>.nav-group-toggle .nav-group-brand-icon{filter:grayscale(1);opacity:.8;transition:filter .16s,opacity .16s}
.sidebar .nav .nav-section:is([data-brand-group="expenses"],[data-brand-group="hiring"],[data-brand-group="collective"])>.nav-group-toggle .nav-group-brand-icon{filter:invert(1) grayscale(1)}
.sidebar .nav .nav-section[data-brand-group]>.nav-group-toggle:is(:hover,:focus-visible){color:#f0f1ed;background:#454743}
.sidebar .nav .nav-section:is([data-brand-group="resource"],[data-brand-group="finance"])>.nav-group-toggle:is(:hover,:focus-visible){color:#f6bad0;background:#4c3942}
.sidebar .nav .nav-section[data-brand-group="creators"]>.nav-group-toggle:is(:hover,:focus-visible){color:#f6f0a5;background:#47472e}
.sidebar .nav .nav-section[data-brand-group]>.nav-group-toggle:is(:hover,:focus-visible) .nav-group-brand-icon{filter:none;opacity:1}
.sidebar .nav .nav-section:is([data-brand-group="expenses"],[data-brand-group="hiring"],[data-brand-group="collective"])>.nav-group-toggle:is(:hover,:focus-visible) .nav-group-brand-icon{filter:invert(1)}
.sidebar .nav .nav-section:is([data-brand-group="resource"],[data-brand-group="finance"]):has(>.nav-group-toggle:is(:hover,:focus-visible)){border-left-color:#e35e89}
.sidebar .nav .nav-section[data-brand-group="creators"]:has(>.nav-group-toggle:is(:hover,:focus-visible)){border-left-color:#eee535}
@media(prefers-reduced-motion:reduce){.sidebar .nav .nav-section[data-brand-group]>.nav-group-toggle,.sidebar .nav .nav-section[data-brand-group]>.nav-group-toggle .nav-group-brand-icon{transition:none}}

/* Keep section rails coloured independently of the neutral heading state. */
.sidebar .nav .nav-section:is([data-brand-group="resource"],[data-brand-group="finance"]){border-left-color:#e35e89}
.sidebar .nav .nav-section[data-brand-group="creators"]{border-left-color:#eee535}
.sidebar .nav .nav-section:is([data-brand-group="expenses"],[data-brand-group="hiring"],[data-brand-group="collective"]){border-left-color:#777774}

/* Approved floating brand marks: decoration stays beneath the navigation. */
html[data-portal-brand] .sidebar{isolation:isolate;overflow:hidden}
.sidebar-brand-motion{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .8s ease;contain:paint}
.sidebar-brand-motion.is-ready{opacity:1}
.sidebar-brand-motion::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#30302f18,#30302f66 52%,transparent)}
.sidebar-brand-motion .sidebar-drift{position:absolute;width:165px;opacity:.075;pointer-events:none;will-change:transform;backface-visibility:hidden;animation:sidebar-brand-drift 20s ease-in-out infinite}
.sidebar-brand-motion .sidebar-drift-studios{top:160px;right:-58px;animation-delay:-8s;--drift-x:-55px;--drift-y:90px}
.sidebar-brand-motion .sidebar-drift-creators{top:390px;left:-60px;width:175px;animation-duration:24s;animation-delay:-15s;--drift-x:65px;--drift-y:-100px}
.sidebar-brand-motion .sidebar-drift-social{bottom:-40px;right:-50px;width:215px;animation-duration:22s;animation-delay:-4s;--drift-x:-65px;--drift-y:-100px}
.sidebar-brand-motion .sidebar-drift-ventures{top:48%;right:-65px;width:185px;opacity:.10;filter:brightness(2.8);animation-duration:27s;animation-delay:-19s;--drift-x:-75px;--drift-y:85px}
@keyframes sidebar-brand-drift{0%,100%{transform:translate(0,0) rotate(-16deg)}25%{transform:translate(var(--drift-x),calc(var(--drift-y)*.35)) rotate(4deg)}50%{transform:translate(calc(var(--drift-x)*.65),var(--drift-y)) rotate(22deg)}75%{transform:translate(calc(var(--drift-x)*-.2),calc(var(--drift-y)*.6)) rotate(-5deg)}}
@media(prefers-reduced-motion:reduce){.sidebar-brand-motion{transition:none}.sidebar-brand-motion .sidebar-drift{animation:none;will-change:auto}}
@media(max-width:620px){.sidebar-brand-motion{display:none}}
html[data-portal-brand="ventures"],[data-brand-group="ventures"]{--brand-accent:#36B39F;--brand-ink:#000;--brand-soft:#EAF7F3;--brand-text:#1C6B5C}.sidebar .nav .nav-section[data-brand-group="ventures"]{border-left-color:#36b39f}.sidebar .nav .nav-section[data-brand-group="ventures"]>.nav-group-toggle:is(:hover,:focus-visible){color:#a8e4d8;background:#354c45}.portal-section-wordmark.ventures{width:52px;height:34px}
/* The charcoal Ventures mark needs a light treatment on the dark navigation. */
.sidebar .nav .nav-section[data-brand-group="ventures"]>.nav-group-toggle .nav-group-brand-icon{filter:brightness(0) invert(1);opacity:.8}
.sidebar .nav .nav-section[data-brand-group="ventures"]>.nav-group-toggle:is(:hover,:focus-visible) .nav-group-brand-icon{filter:brightness(0) invert(1);opacity:1}