/* Shared company appearance for the workspace and legacy portal. */
:root{--ui-bg:#f1f5fb;--ui-panel:#fff;--ui-surface:#f6f8fc;--ui-border:#dce5f1;--ui-text:#1b2b43;--ui-muted:#66768e;--ui-subtle:#77869a;--ui-primary:#2877df;--ui-primary-text:#fff;--ui-accent:#58a6ff;--ui-link:#2877df;--ui-tint:#edf3fc;--ui-nav:#101d31;--ui-nav-panel:#1a2940;--ui-nav-border:#34445b;--ui-nav-text:#b9c9de;--ui-nav-active:#234e8a;--ui-nav-accent:#8cc4ff;--ui-header:#fff;--ui-good:#187a50;--ui-good-bg:#eaf7ef;--ui-warn:#99691c;--ui-warn-bg:#fff6e5;--ui-bad:#b03949;--ui-bad-bg:#fff0f2}
html[data-ui-mode=dark]{color-scheme:dark}html[data-ui-mode=light]{color-scheme:light}
body:has(#mainWrap){background:var(--ui-bg);color:var(--ui-text)}
#mainWrap{background:var(--ui-bg);color:var(--ui-text)}
#mainWrap header{background:var(--ui-header);border-color:var(--ui-border)}
#mainWrap h1,#mainWrap h2,#mainWrap h3,#modal h2,#modal h3{color:var(--ui-text)}
#mainWrap .caption,#mainWrap .muted,#mainWrap .hint,#modal .hint,#modal .muted{color:var(--ui-muted)}
#mainWrap .panel,#mainWrap .card,#modal{background:var(--ui-panel);border-color:var(--ui-border);color:var(--ui-text);box-shadow:var(--ui-shadow)}
#mainWrap input,#mainWrap select,#mainWrap textarea,#modal input,#modal select,#modal textarea{background:var(--ui-surface);color:var(--ui-text);border-color:var(--ui-border)}
#mainWrap input::placeholder,#modal input::placeholder{color:var(--ui-subtle)}
#mainWrap button,#modal button{background:var(--ui-primary);color:var(--ui-primary-text);border-color:var(--ui-primary)}
#mainWrap button.secondary,#mainWrap a.secondary,#modal button.secondary{background:var(--ui-panel);color:var(--ui-text);border-color:var(--ui-border)}
#mainWrap a,#modal a{color:var(--ui-link)}
#mainWrap button.danger,#modal button.danger{color:var(--ui-bad);background:var(--ui-bad-bg);border-color:var(--ui-bad)}
#mainWrap .scroll,#mainWrap th,#mainWrap td,#modal td,#modal th{border-color:var(--ui-border)}
#mainWrap th,#modal th{background:var(--ui-surface);color:var(--ui-muted)}
#mainWrap td.actions{background:var(--ui-panel)}
#mainWrap th.actions{background:var(--ui-surface)}
#mainWrap tbody tr:hover td{background:var(--ui-surface)}
#mainWrap .pill{background:var(--ui-tint);color:var(--ui-link)}
#mainWrap .pill.good{background:var(--ui-good-bg);color:var(--ui-good)}
#mainWrap .pill.warn{background:var(--ui-warn-bg);color:var(--ui-warn)}
#mainWrap .pill.bad{background:var(--ui-bad-bg);color:var(--ui-bad)}
#mainWrap .welcome{background:var(--ui-tint);border-color:var(--ui-border)}
#mainWrap .welcome p,#mainWrap #identity{color:var(--ui-muted)}
#mainWrap .notice{background:var(--ui-tint);border-color:var(--ui-border);color:var(--ui-link)}
#mainWrap .notice.error{background:var(--ui-bad-bg);color:var(--ui-bad)}
#mainWrap .subtabs button,#mainWrap .quickLinks button{background:var(--ui-panel);border-color:var(--ui-border);color:var(--ui-text)}
#mainWrap .subtabs button.active,#mainWrap .quickLinks button:first-child{background:var(--ui-primary);color:var(--ui-primary-text);border-color:var(--ui-primary)}
#mainWrap .permissions label,#modal .detailGrid>div{background:var(--ui-surface);border-color:var(--ui-border);color:var(--ui-text)}
#modal dt,#modal .history,#modal .history li,#modal .fileRow small{color:var(--ui-muted)}
#modal .history,#modal .fileRow{border-color:var(--ui-border)}
#sidebar,#sidebar .sideFooter{background:var(--ui-nav);color:var(--ui-nav-text)}
#sidebar .sideFooter{border-color:var(--ui-nav-border)}
#sidebar .brand,#sidebar .userSummary strong{color:#f3f7ff}
#sidebar .shield{border-color:var(--ui-nav-accent)}
#sidebar>.caption,#sidebar>#roleLabel,#sidebar nav .group,#sidebar .footerRole{color:var(--ui-nav-accent)}
#sidebar>#menuSearch,#sidebar .userAvatar,#sidebar .accountLink,#sidebar .sideButton,#sidebar .sidebarClose{background:var(--ui-nav-panel);border-color:var(--ui-nav-border);color:var(--ui-nav-text)}
#sidebar nav button{color:var(--ui-nav-text)}
#sidebar nav button:hover{background:var(--ui-nav-panel);color:white}
#sidebar nav button.active{background:var(--ui-nav-active);color:white;box-shadow:inset 3px 0 var(--ui-nav-accent)}
#sidebar .accountLink:hover,#sidebar .sidebarClose:hover{background:var(--ui-nav-active);border-color:var(--ui-nav-accent);color:white}
#sidebar .sideButton:hover{background:var(--ui-nav-active);color:white;border-color:var(--ui-nav-accent)}
#sidebar>#nav{scrollbar-color:var(--ui-nav-border) transparent}
#sidebar :focus-visible{outline-color:var(--ui-nav-accent)}
/* Legacy portal consumes the same tokens rather than forcing its own palette. */
.portal-shell{--t-bg:var(--ui-bg)!important;--t-card:var(--ui-panel)!important;--t-surface:var(--ui-surface)!important;--t-border:var(--ui-border)!important;--t-muted:var(--ui-muted)!important;--t-subtle:var(--ui-subtle)!important;--t-soft:var(--ui-text)!important;--t-fg:var(--ui-text)!important;--t-primary:var(--ui-primary)!important;--t-accent:var(--ui-link)!important;--t-accent-bg:var(--ui-tint)!important;background:var(--ui-bg)!important;color:var(--ui-text)!important}
.portal-shell main h1,.portal-shell main h2,.portal-shell main h3,.portal-shell main .text-white{color:var(--ui-text)!important}
.portal-shell main section,.portal-shell main [class*="bg-[#0"],.portal-shell main [class*="bg-[#1"],.portal-shell main aside{background:var(--ui-panel)!important;color:var(--ui-text)!important}
.portal-shell main [class*="rounded-xl"][class*="border"],.portal-shell main section,.portal-shell main aside{border-color:var(--ui-border)!important}
.portal-shell main p,.portal-shell main ul,.portal-shell main ol,.portal-shell main li,.portal-shell main [class*="text-[#c"],.portal-shell main [class*="text-[#d"]{color:var(--ui-muted)!important}
.portal-shell main input,.portal-shell main select,.portal-shell main textarea{background:var(--ui-surface)!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important}
.portal-shell main th{background:var(--ui-surface)!important;color:var(--ui-muted)!important}
.portal-shell main td{border-color:var(--ui-border)!important}
.portal-shell main tr:hover td{background:var(--ui-surface)!important}
.portal-shell main button[class*="border"]:not([data-testid="panic-alert-banner"]),.portal-shell main button[class*="bg-[var(--t-surface)]"]{background:var(--ui-panel)!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important}
.portal-shell main button[class*="bg-[var(--t-primary)]"],.portal-shell main button[class*="bg-[var(--t-accent)]"]{background:var(--ui-primary)!important;color:var(--ui-primary-text)!important;border-color:var(--ui-primary)!important}
.portal-shell main [role=tab]{background:var(--ui-panel)!important;color:var(--ui-muted)!important;border-color:var(--ui-border)!important}
.portal-shell main [role=tab][data-state=active]{background:var(--ui-primary)!important;color:var(--ui-primary-text)!important;border-color:var(--ui-primary)!important}
.portal-shell main [data-testid="owner-subscription-card"] button[data-testid^="owner-plan-"][class*="bg-[var(--t-accent-bg)]"]{background:var(--ui-tint)!important;color:var(--ui-link)!important;border-color:var(--ui-primary)!important;box-shadow:0 0 0 1px var(--ui-primary)!important}
.portal-shell main section[data-testid="owner-subscription-card"][class]{border-top-color:var(--ui-primary)!important}
.portal-shell [data-testid="owner-subscription-card"] [class*="text-4xl"]{color:var(--ui-text)!important}
.portal-shell main [data-testid="owner-paystack-notice"]{background:var(--ui-warn-bg)!important;border-color:var(--ui-border)!important;color:var(--ui-warn)!important}
.portal-shell main [data-testid="owner-paystack-notice"] p{color:var(--ui-warn)!important}
.portal-shell main [data-testid="panic-alert-banner"]{background:var(--ui-bad-bg)!important;border-color:var(--ui-bad)!important;color:var(--ui-bad)!important}
.portal-shell main [data-testid="panic-alert-banner"] span,.portal-shell main [data-testid="panic-alert-banner"] svg{color:var(--ui-bad)!important}
.portal-shell main aside button{background:transparent!important;color:var(--ui-muted)!important}
.portal-shell main aside button:hover{background:var(--ui-tint)!important;color:var(--ui-link)!important}
.portal-shell main aside button[class*="bg-[var(--t-primary)]"],.portal-shell main aside button[aria-current=page]{background:var(--ui-primary)!important;color:var(--ui-primary-text)!important}
@media(min-width:1100px){.portal-shell>header{background:var(--ui-nav)!important;border-color:var(--ui-nav-border)!important}.portal-shell>header a[data-testid^="portal-nav-"]{color:var(--ui-nav-text)!important}.portal-shell>header a[data-active=true]{background:var(--ui-nav-active)!important;color:white!important;box-shadow:inset 3px 0 var(--ui-nav-accent)}.portal-shell>header a[data-testid^="portal-nav-"]:hover{background:var(--ui-nav-panel)!important}.portal-shell>header [data-testid="portal-user-role"]{color:var(--ui-nav-accent)!important}}
@media(max-width:1099px){.portal-shell>header{background:var(--ui-header)!important}.portal-shell>header .text-white{color:var(--ui-text)!important}.portal-shell>header a[data-active=true]{background:var(--ui-tint)!important;color:var(--ui-link)!important}}
@media print{#mainWrap,.portal-shell{background:white!important;color:black!important}#mainWrap .panel,#mainWrap .card,#mainWrap th,#mainWrap td{background:white!important;color:black!important;border-color:#aaa!important}}
.portal-shell main [class*="text-[#3fb"],.portal-shell main [class*="text-[#4ac"]{color:var(--ui-good)!important}
.portal-shell main [class*="text-[#ffb"],.portal-shell main button[class*="text-[#ff"]{color:var(--ui-bad)!important}
.portal-shell main button[class*="text-[#ff"]{background:var(--ui-bad-bg)!important;border-color:var(--ui-bad)!important}
@font-face{font-family:WorkspaceSans;src:url('/assets/plus-jakarta-sans-latin-wght-normal-eXO_dkmS.woff2') format('woff2');font-weight:200 800;font-display:swap}
.portal-shell,.portal-shell *{font-family:WorkspaceSans,'Segoe UI',Arial,sans-serif!important}
body.utilityPage{background:var(--ui-bg);color:var(--ui-text);font-family:WorkspaceSans,'Segoe UI',Arial,sans-serif}
.utilityPage .panel,.utilityPage section{background:var(--ui-panel);border-color:var(--ui-border);color:var(--ui-text)}
.utilityPage p,.utilityPage small{color:var(--ui-muted)}
.utilityPage h1,.utilityPage h2,.utilityPage th{color:var(--ui-text)}
.utilityPage input,.utilityPage select{background:var(--ui-surface);color:var(--ui-text);border-color:var(--ui-border)}
.utilityPage button,.utilityPage a.button{background:var(--ui-primary);border-color:var(--ui-primary);color:var(--ui-primary-text)}
.utilityPage th{background:var(--ui-surface)}.utilityPage td,.utilityPage th{border-color:var(--ui-border)}
.utilityPage a{color:var(--ui-link)}.utilityPage .notice{background:var(--ui-tint);border-color:var(--ui-border);color:var(--ui-link)}
.utilityPage .error{background:var(--ui-bad-bg);color:var(--ui-bad)}