/* Kompani's shared product system. Loaded after legacy and component styles.
   Neutral surfaces, restrained accents and clear elevation for working panels. */
:root {
 color-scheme:light;
 /* Product density and type are defined here, once, for every native page. */
 --kompani-space-1:4px;--kompani-space-2:8px;--kompani-space-3:12px;--kompani-space-4:16px;--kompani-space-5:24px;--kompani-space-6:32px;
 --kompani-text-body:.875rem;--kompani-text-control:.8125rem;--kompani-text-secondary:.75rem;--kompani-text-caption:.75rem;--kompani-reading-line:1.55;
 --kompani-text-title:1.625rem;--kompani-text-section:1.125rem;--kompani-text-card:.9375rem;
 --kompani-control-height:34px;--kompani-control-radius:10px;--kompani-card-radius:16px;
 --kompani-page-padding:clamp(16px,2.5vw,28px);--kompani-page-width:1120px;

 --kompani-brand-surface:#adefdc;--kompani-brand-ink:#243b35;--kompani-brand-line:transparent;
 --kompani-primary:#adefdc;--kompani-primary-hover:#8cdec6;--kompani-on-primary:#243b35;
 --kompani-accent:#38685c;--kompani-accent-soft:#e8eeeb;--kompani-accent-tint:#eaf5f1;
 --kompani-peach:#c8cdcc;--kompani-peach-soft:#eaeceb;--kompani-on-peach:#79553c;
 --kompani-lilac:#c8cad6;--kompani-lilac-soft:#eef0f4;--kompani-on-lilac:#62687f;
 --kompani-ink:var(--kompani-charcoal-ink);--kompani-muted:var(--kompani-smoke);--kompani-silver:var(--kompani-stone);
 --kompani-surface:var(--kompani-ivory);--kompani-raised:var(--kompani-sage);--kompani-paper:var(--kompani-warm-paper);
 --kompani-line:#dfe5e3;--kompani-focus:#287865;--kompani-charcoal:#303033;--kompani-charcoal-soft:#3b3b3e;
 /* Compatibility aliases used by existing native apps. */
 --kompani-neon:var(--kompani-primary);--kompani-neon-hover:var(--kompani-primary-hover);
 --kompani-neon-soft:var(--kompani-accent-soft);--kompani-on-neon:var(--kompani-on-primary);
 --kompani-text:var(--kompani-ink);--kompani-border:var(--kompani-line);--kompani-background:var(--kompani-silver);
 --kompani-font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
 --kompani-radius:20px;--kompani-chrome-height:54px;
 --kompani-heading-ink:var(--kompani-ink);--kompani-subtle:#727672;
 --kompani-list-surface:var(--kompani-sage);--kompani-card-surface:var(--kompani-ivory);
 --kompani-card-shadow:0 2px 10px #3e414007,0 1px 0 #faf9f5b3 inset;
 --kompani-shadow-card:var(--kompani-card-shadow);--kompani-shadow-raised:0 12px 32px #3e414016,0 1px 0 #faf9f5cc inset;
 /* Reading surfaces use tinted ink and a stable ivory foreground. */
 --kompani-reading-ground:var(--kompani-charcoal-ink);
 --kompani-reading-panel:color-mix(in srgb,var(--kompani-charcoal-ink) 79%,var(--kompani-warm-graphite));
 --kompani-reading-raised:var(--kompani-warm-graphite);
 --kompani-reading-ink:var(--kompani-ivory);--kompani-reading-muted:var(--kompani-blue-haze);--kompani-reading-line-color:#ffffff12;
 --kompani-reading-shadow:0 18px 44px #26232924,0 3px 9px #26232918,0 1px 0 #ffffff12 inset;
 --kompani-panel:var(--kompani-surface);
 --lumen-ink:var(--kompani-ink);--lumen-muted:var(--kompani-muted);--lumen-line:var(--kompani-line);
 --lumen-surface:var(--kompani-surface);--lumen-paper:var(--kompani-silver);--lumen-yellow:var(--kompani-primary);
 --lumen-yellow-soft:var(--kompani-accent-soft);--lumen-gold:var(--kompani-ink);--lumen-night:var(--kompani-charcoal);--lumen-progress:#8098b5;
}
body.kompani-platform {margin:0;background:var(--kompani-silver);color:var(--kompani-ink);font-family:var(--kompani-font);font-size:var(--kompani-text-body);line-height:var(--kompani-reading-line);-webkit-font-smoothing:auto}
body.kompani-platform :is(button,input,select,textarea){font-family:var(--kompani-font)}
body.kompani-platform :is(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--kompani-focus);outline-offset:3px}
body.kompani-platform :is(input,select,textarea):focus{outline-color:var(--kompani-focus)}
body.kompani-platform :is(input,select,textarea):disabled{cursor:not-allowed}
body.kompani-platform [hidden]{display:none!important}
body.kompani-platform ::selection{background:#adefdc;color:#243b35}
body.kompani-platform :is(.compact-workspace,.future-workspace,.luminous-workspace){
  --work-accent:var(--kompani-neon);--work-ink:var(--kompani-ink);--work-ground:var(--kompani-silver);--work-line:var(--kompani-line);
  --future-ink:var(--kompani-ink);--future-violet:var(--kompani-neon);--future-orange:var(--kompani-ink);--future-paper:var(--kompani-surface);
  --desk-ink:var(--kompani-ink);--desk-muted:var(--kompani-muted);--desk-line:var(--kompani-line);
  --lumen-ink:var(--kompani-ink);--lumen-muted:var(--kompani-muted);--lumen-line:var(--kompani-line);--lumen-paper:var(--kompani-silver);
  --lumen-yellow:var(--kompani-neon);--lumen-yellow-soft:var(--kompani-neon-soft);
  background:var(--kompani-silver)!important;background-image:none!important;color:var(--kompani-ink);font-family:var(--kompani-font)
}
body.kompani-platform :is(.topbar,.personal-header,.platform-mail-topbar){background:var(--kompani-surface);border-color:var(--kompani-line);box-shadow:none;color:var(--kompani-ink)}
body.kompani-platform:has(.platform-chrome) .luminous-workspace .topbar{top:var(--kompani-chrome-height)}
body.kompani-platform .future-workspace .topbar{min-height:64px;padding:12px 24px;gap:18px}
body.kompani-platform .luminous-workspace .topbar>div:not(.workspace-navigator){font-size:13px;color:var(--kompani-muted)}
body.kompani-platform .workspace-brand-mark{background:var(--kompani-neon)!important;color:var(--kompani-on-neon)!important;box-shadow:none!important;border-color:#7c94b5;border-radius:9px}
body.kompani-platform :is(.brand-symbol,.invitation-brand>span,.notebook-panel-mark){background:var(--kompani-neon);color:var(--kompani-on-neon);box-shadow:none}
body.kompani-platform :is(.brand,.workspace-brand,.studio-brand){color:var(--kompani-ink)}
body.kompani-platform :is(.copper,.studio-brand span,.ai-brand span){color:var(--kompani-ink)}
body.kompani-platform .luminous-workspace .workspace-drawer{background:var(--kompani-surface);border-color:var(--kompani-line);box-shadow:12px 0 40px #29282d16;padding-top:20px;z-index:82}
body.kompani-platform .workspace-drawer-scrim{background:#29282d66;backdrop-filter:blur(3px);z-index:81}
body.kompani-platform .luminous-workspace .workspace-drawer .nav-item{font-size:14px;min-height:42px;padding:10px 12px;color:var(--kompani-ink);border-radius:8px}
body.kompani-platform .luminous-workspace .workspace-drawer .nav-item:hover{background:var(--kompani-silver)}
body.kompani-platform .luminous-workspace .workspace-drawer .nav-item.selected{background:var(--kompani-neon);border-color:#7c94b5;color:var(--kompani-on-neon);box-shadow:none}
body.kompani-platform .luminous-workspace .workspace-drawer :is(.admin-links a,.sidebar-bottom small){font-size:12px;color:var(--kompani-muted);line-height:1.6}
body.kompani-platform :is(.primary,.work-shortcut,.studio-primary,.vc-button-primary,.today-primary,.platform-mail-compose,.ide-primary){background:var(--kompani-neon)!important;border:1px solid var(--kompani-primary)!important;color:var(--kompani-on-neon)!important;box-shadow:none!important;border-radius:var(--kompani-control-radius);font-weight:600;min-height:var(--kompani-control-height);font-size:var(--kompani-text-control)}
body.kompani-platform :is(.primary,.work-shortcut,.studio-primary,.vc-button-primary,.today-primary,.platform-mail-compose,.ide-primary):hover:not(:disabled){background:var(--kompani-neon-hover)!important;transform:none!important;box-shadow:none!important}
body.kompani-platform :is(.primary,.secondary,.vc-button,.studio-primary,.work-shortcut){display:inline-flex;align-items:center;justify-content:center;gap:var(--kompani-space-2);padding:7px 11px;line-height:1.35}
body.kompani-platform :is(.secondary,.vc-button:not(.vc-button-primary),.studio-topbar button){background:var(--kompani-surface);border:1px solid var(--kompani-line);color:var(--kompani-ink);border-radius:var(--kompani-control-radius);box-shadow:none;font-size:var(--kompani-text-control);min-height:var(--kompani-control-height)}
body.kompani-platform :is(.secondary,.vc-button:not(.vc-button-primary)):hover:not(:disabled){background:var(--kompani-silver);border-color:#aaa6ad}
body.kompani-platform .text-button{color:var(--kompani-ink);font-size:13px;text-decoration-color:#aaa6ad;text-underline-offset:3px}
body.kompani-platform .text-button:hover{text-decoration:underline}
body.kompani-platform :is(.hub-form,.ops-form,.meeting-planner,.access-card,.pm-module,.vc-create-panel,.vc-editor,.document-library) label{font-size:13px;line-height:1.5;color:#615d64}
body.kompani-platform :is(.hub-form,.ops-form,.meeting-planner,.access-card,.pm-module) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:var(--kompani-surface);border-color:#d5cec7;border-radius:8px;color:var(--kompani-ink);font-size:14px;line-height:1.5;padding:10px 12px;min-height:32px;max-width:100%}
body.kompani-platform :is(input[type=checkbox],input[type=radio],progress){accent-color:var(--kompani-accent)}
body.kompani-platform :is(.panel,.vc-workbench,.vc-page-empty,.vc-scope,.studio-section,.studio-metrics article,.pm-project-card){border-color:var(--kompani-line);background:var(--kompani-surface);border-radius:var(--kompani-radius);box-shadow:none}
body.kompani-platform :is(.eyebrow,.personal-eyebrow,.vc-eyebrow,.studio-eyebrow){color:var(--kompani-muted);font-size:10px;font-weight:700;letter-spacing:.1em}
body.kompani-platform :is(.page-heading,.pm-heading,.vc-page-header,.studio-intro) h1{font-family:var(--kompani-font);color:var(--kompani-ink);font-size:clamp(21px,2vw,27px);line-height:1.2;font-weight:730;letter-spacing:-.035em;margin:8px 0}
body.kompani-platform :is(.page-heading,.pm-heading,.vc-page-header) p{color:var(--kompani-muted);font-size:14px;line-height:1.65}
body.kompani-platform :is(.notice,.hub-feedback,.studio-notice,.notebook-access-message){border:1px solid var(--kompani-line);background:var(--kompani-silver);color:#615d64;border-radius:8px;font-size:13px;line-height:1.6}
/* Projects and source share the same calm surface and clear current position. */
body.kompani-platform .pm-pulse>div{background:var(--kompani-silver);border-color:var(--kompani-line);border-radius:10px}
body.kompani-platform .pm-pulse :is(b,span){color:var(--kompani-ink)}
body.kompani-platform .pm-overview-main h3{font-size:20px;color:var(--kompani-ink);line-height:1.6}
body.kompani-platform .pm-next-step{background:var(--kompani-neon-soft);border-color:#bdcce0;color:var(--kompani-ink)}
body.kompani-platform :is(.pm-project-card h3 a,.pm-project-detail h3,.vc-page-header h1,.vc-scope strong){color:var(--kompani-ink)}
body.kompani-platform :is(.pm-project-card>p,.pm-project-card dt,.pm-details dt,.vc-page-header p,.vc-scope small,.vc-project-picker p){color:var(--kompani-muted);font-size:13px}
body.kompani-platform :is(.vc-project-picker,.vc-toolbar,.vc-files-header,.vc-editor-actions,.vc-form-panel){background:var(--kompani-silver);border-color:var(--kompani-line)}
body.kompani-platform :is(.vc-scope-icon,.vc-repo-symbol){background:var(--kompani-neon-soft);color:var(--kompani-ink)}
body.kompani-platform :is(.vc-tabs button.active,.vc-file.selected,.vc-file:hover){background:var(--kompani-neon-soft);color:var(--kompani-ink);border-color:#bdcce0}
body.kompani-platform .vc-workbench{--vc-ink:var(--kompani-ink);--vc-muted:var(--kompani-muted);--vc-line:var(--kompani-line)}
/* Code retains a graphite reading surface with blue selection accents. */
/* Studio is the same product, with administration arranged beside the work. */
body.kompani-platform .customer-ai-studio{margin:0;max-width:100%;background:var(--kompani-silver);color:var(--kompani-ink)}
body.kompani-platform .studio-navigation{background:var(--kompani-surface);border-color:var(--kompani-line)}
body.kompani-platform .studio-navigation nav a{color:var(--kompani-ink);padding:10px 12px;border-radius:7px;font-size:14px}
body.kompani-platform .studio-navigation nav a:hover{background:var(--kompani-neon-soft)}
body.kompani-platform :is(.studio-topbar,.studio-model-list article,.studio-admissions article){border-color:var(--kompani-line)}
body.kompani-platform :is(.studio-section p,.studio-metrics span,.studio-metrics small,.studio-company,.studio-back){color:var(--kompani-muted)}
body.kompani-platform .studio-status.ready{background:var(--kompani-neon-soft);border-color:#bdcce0;color:#3e5f86}
body.kompani-platform :is(.studio-empty,.studio-tier-grid article){background:var(--kompani-silver);border-color:var(--kompani-line);color:var(--kompani-muted)}
/* Notes and communication keep their working controls and inherit the same outer chrome. */
body.kompani-platform :is(.notebook-panel,.notebook-inline,.meeting-planner,.collab-shell){border-color:var(--kompani-line);border-radius:12px;box-shadow:none}
body.kompani-platform .notebook-panel-header{background:var(--kompani-surface);border-bottom:1px solid var(--kompani-line);color:var(--kompani-ink)}
body.kompani-platform .notebook-panel-header small{color:var(--kompani-muted)}
body.kompani-platform :is(.collab-tabs button.active,.collab-sidebar button.selected,.platform-mail-folders button.active){background:var(--kompani-neon-soft);color:var(--kompani-ink);border-color:#bdcce0}
body.kompani-platform .meeting-room-page{--meeting-accent:var(--kompani-neon)}
body.kompani-platform .meeting-controls-primary [data-action=join]{background:var(--kompani-neon);border-color:#7c94b5;color:var(--kompani-on-neon)}
/* Account, personal entry and sign-in remain readable at normal product text sizes. */
body.kompani-platform :is(.workspace-start,.access-page,.personal-home){color:var(--kompani-ink);background:var(--kompani-silver)}
body.kompani-platform .workspace-start h1{font-size:var(--kompani-text-title);letter-spacing:-.035em;line-height:1.2;color:var(--kompani-ink)}
body.kompani-platform .workspace-start>p{color:var(--kompani-muted);font-size:var(--kompani-text-body);line-height:var(--kompani-reading-line)}
body.kompani-platform .workspace-start header{border:0;padding-bottom:var(--kompani-space-4)}
body.kompani-platform .workspace-start header a{color:var(--kompani-ink);font-size:var(--kompani-text-control)}
body.kompani-platform .access-page{box-sizing:border-box;min-height:100dvh;justify-content:center;padding:var(--kompani-space-5) var(--kompani-space-4);gap:var(--kompani-space-4);background:radial-gradient(ellipse at 75% 12%,#adefdc24,transparent 40%),radial-gradient(ellipse at 15% 85%,#c9c3b618,transparent 45%),var(--kompani-silver)!important}
body.kompani-platform .access-page>.brand{font:650 19px/1.2 var(--kompani-font);letter-spacing:-.04em;gap:7px}
body.kompani-platform .access-page .brand-symbol{width:29px;height:29px;min-width:29px;border-radius:9px;font-size:22px;box-shadow:none}
body.kompani-platform .access-card{box-sizing:border-box;width:min(400px,100%);padding:var(--kompani-space-5);border:1px solid #3e41400b;box-shadow:var(--kompani-card-shadow);border-radius:var(--kompani-card-radius);background:var(--kompani-surface)}
body.kompani-platform .access-card h1{color:var(--kompani-ink);font-size:var(--kompani-text-title);letter-spacing:-.035em;margin:8px 0 12px;line-height:1.2}
body.kompani-platform .access-card>p{margin:0 0 20px}
body.kompani-platform .access-card :is(p,small,summary){color:var(--kompani-muted);font-size:var(--kompani-text-secondary);line-height:1.55}
body.kompani-platform .access-card label{gap:6px;margin:12px 0;font-size:var(--kompani-text-control);color:var(--kompani-ink)}
body.kompani-platform .access-card input{box-sizing:border-box;min-height:36px;padding:8px 10px;border-radius:var(--kompani-control-radius);border-color:var(--kompani-line);background:var(--kompani-paper);font-size:var(--kompani-text-body)}
body.kompani-platform .access-card .primary{min-height:36px;border-radius:var(--kompani-control-radius);margin-top:4px}
body.kompani-platform .access-card details{margin-top:20px;padding-top:16px;border-color:var(--kompani-line)}
body.kompani-platform .access-card>a{margin-top:16px;font-size:var(--kompani-text-secondary)}
body.kompani-platform .access-footer{font-size:var(--kompani-text-caption);color:var(--kompani-muted);text-align:center}
body.kompani-platform .personal-home{--personal-accent:var(--kompani-neon);--personal-ink:var(--kompani-ink)}
body.kompani-platform .personal-nav a{color:var(--kompani-muted);font-size:13px}
body.kompani-platform .personal-nav .personal-nav-current{color:var(--kompani-ink);background:var(--kompani-neon-soft);border-color:#bdcce0}
body.kompani-platform :is(.life-hero,.today-welcome,.persona-card){background:var(--kompani-surface);border:1px solid var(--kompani-line);box-shadow:none;color:var(--kompani-ink)}
body.kompani-platform :is(.life-hero h1,.today-welcome h2,.persona-copy h2){color:var(--kompani-ink)}
body.kompani-platform :is(.life-hero p,.today-welcome p,.persona-copy p){color:var(--kompani-muted)}
body.kompani-platform :is(.life-hero h1 em,.today-welcome-copy h2 span){color:#3e5f86}
body.kompani-platform :is(.life-level-ring,.today-xp-ring){--ring-accent:var(--kompani-neon)}
body.kompani-platform :is(.hub-modal,.mail-meeting-dialog,.new-ticket-dialog){border-color:var(--kompani-line);background:var(--kompani-surface);border-radius:14px}
body.kompani-platform :is(.hub-modal-backdrop,.platform-mail-modal){background:#29282d66;backdrop-filter:blur(3px)}
@media(max-width:760px){body.kompani-platform .future-workspace .topbar{padding:12px 16px;gap:12px}body.kompani-platform .luminous-workspace .page-content{padding:16px}body.kompani-platform :is(.vc-page-header,.studio-intro) h1{font-size:28px}body.kompani-platform .access-card{padding:var(--kompani-space-5)}body.kompani-platform .luminous-workspace .workspace-shortcuts{gap:6px}body.kompani-platform .luminous-workspace .workspace-shortcuts button{font-size:12px}}
@media(prefers-reduced-motion:reduce){body.kompani-platform *,body.kompani-platform *::before,body.kompani-platform *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

body.kompani-platform .account-ai-usage-card{display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--kompani-surface);border:1px solid var(--kompani-line);border-radius:12px;padding:24px;margin-bottom:24px}body.kompani-platform .account-ai-usage-card h2{font-size:22px;line-height:1.35;color:var(--kompani-ink);margin:8px 0}body.kompani-platform .account-ai-usage-card p{font-size:13px;line-height:1.7;color:var(--kompani-muted);max-width:640px}body.kompani-platform .account-ai-usage-card>div:last-child{display:flex;gap:10px;flex-wrap:wrap;flex-shrink:0}@media(max-width:1000px){body.kompani-platform .account-ai-usage-card{align-items:start;flex-direction:column;gap:18px}}
body.kompani-platform h1[tabindex="-1"]:focus{outline:none}
@media(max-width:850px){body.kompani-platform:has(.operation-os) .future-workspace .topbar{min-height:44px;padding:6px 16px;justify-content:flex-end}body.kompani-platform:has(.operation-os) .future-workspace .topbar>.workspace-brand,body.kompani-platform:has(.operation-os) .future-workspace .topbar>div{display:none}body.kompani-platform:has(.operation-os) .future-workspace .topbar .workspace-shortcuts{margin-left:auto}body.kompani-platform:has(.operation-os) .future-workspace .topbar :is(.secondary,.work-shortcut){min-height:32px;padding:7px 10px;font-size:11px}}

/* Palette is applied before first paint by appearance.js. This only changes presentation. */
html[data-theme="dark"]{
 color-scheme:dark;
 --kompani-brand-surface:#adefdc;--kompani-brand-ink:#243b35;--kompani-brand-line:transparent;
 --kompani-ink:var(--kompani-ivory);--kompani-muted:var(--kompani-blue-haze);--kompani-silver:var(--kompani-charcoal-ink);
 --kompani-primary:#adefdc;--kompani-primary-hover:#8cdec6;--kompani-on-primary:#243b35;
 --kompani-surface:var(--kompani-reading-panel);--kompani-paper:var(--kompani-charcoal-ink);--kompani-raised:var(--kompani-reading-raised);--kompani-line:var(--kompani-smoke);--kompani-focus:#adefdc;
 --kompani-heading-ink:var(--kompani-ivory);--kompani-subtle:var(--kompani-blue-haze);
 --kompani-list-surface:var(--kompani-charcoal-ink);--kompani-card-surface:var(--kompani-reading-raised);
 --kompani-card-shadow:0 1px 0 #fff6e70a inset,0 4px 14px #00000020;
 --kompani-shadow-raised:0 12px 32px #00000040;
 --kompani-charcoal:#292725;--kompani-charcoal-soft:#3b3b3e;
 --kompani-accent:#adefdc;--kompani-accent-soft:#3b4340;--kompani-accent-tint:#2e3432;
 --kompani-peach-soft:#493b30;--kompani-on-peach:#e1b99a;
 --kompani-lilac-soft:#373941;--kompani-on-lilac:#c8cad6;
}
/* Light pages share the warm base; saved accent choices remain independent. */
html[data-theme="light"]:not([data-palette="legacy"]){
 --kompani-ink:var(--kompani-charcoal-ink);--kompani-muted:var(--kompani-smoke);--kompani-silver:var(--kompani-stone);
 --kompani-surface:var(--kompani-ivory);--kompani-paper:var(--kompani-warm-paper);--kompani-raised:var(--kompani-sage);--kompani-line:var(--kompani-oat);
}
/* Shared chrome and bright brand actions. */
body.kompani-platform :is(.platform-brand-mark,.project-context-links a.active){color:var(--kompani-on-neon)}
html[data-theme="dark"] body.kompani-platform{background:var(--kompani-silver);color:var(--kompani-ink)}
html[data-theme="dark"] body.kompani-platform :is(.platform-mobile-menu summary,.platform-mobile-menu nav,.notification-launcher,.notification-inbox,.notification-item,.workspace-drawer,.luminous-workspace .workspace-drawer,.panel,.hub-modal,.mail-meeting-dialog,.new-ticket-dialog,.vc-workbench,.vc-page-empty,.vc-scope,.studio-section,.studio-metrics article,.pm-project-card,.access-card,.account-ai-usage-card,.notebook-panel-header,.life-hero,.today-welcome,.persona-card){background:var(--kompani-surface)!important;color:var(--kompani-ink);border-color:var(--kompani-line)!important}
html[data-theme="dark"] body.kompani-platform :is(.secondary,.vc-button:not(.vc-button-primary),.studio-topbar button){background:var(--kompani-surface);color:var(--kompani-ink);border-color:var(--kompani-line)}
html[data-theme="dark"] body.kompani-platform :is(.hub-form,.ops-form,.meeting-planner,.access-card,.pm-module,.vc-create-panel,.document-library) label{color:var(--kompani-muted)}
html[data-theme="dark"] body.kompani-platform :is(.hub-form,.ops-form,.meeting-planner,.access-card,.pm-module) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:var(--kompani-silver);color:var(--kompani-ink);border-color:var(--kompani-line)}
html[data-theme="dark"] body.kompani-platform :is(.notice,.hub-feedback,.studio-notice,.notebook-access-message){background:var(--kompani-raised);color:var(--kompani-ink);border-color:var(--kompani-line)}
html[data-theme="dark"] body.kompani-platform :is(.copper,.studio-brand span,.ai-brand span,.life-hero h1 em,.today-welcome-copy h2 span){color:var(--kompani-neon)}
/* Working surfaces: operation center, app catalog, project hub and knowledge. */
html[data-theme="dark"] body.kompani-platform :is(.os-signal-grid article:not(.os-review-signal),.os-work-queue,.os-projects-preview,.os-feed-panel,.os-work-row,.os-project-card,.os-app-surface,.os-library-card,.os-context-card:not(.os-next-venture),.pm-project-detail,.pm-overview-main,.pm-details,.pm-secondary-tabs,.project-context-links,.vc-file-sidebar,.vc-editor-pane,.vc-history-detail,.vc-compare-panel,.vc-staging-panel,.doc-upload){background:var(--kompani-surface);color:var(--kompani-ink);border-color:var(--kompani-line)}
html[data-theme="dark"] body.kompani-platform :is(.os-project-card footer button,.os-library-card>button,.os-library-card>a,.os-library-customizer button,.os-app-search input,.os-notes-scope select,.vc-editor,.vc-toolbar select,.vc-toolbar input){background:var(--kompani-silver);color:var(--kompani-ink);border-color:var(--kompani-line)}
html[data-theme="dark"] body.kompani-platform :is(.os-focus-card,.os-launch-project,.pm-next-step){background:var(--kompani-neon-soft);border-color:#52657e}
html[data-theme="dark"] body.kompani-platform :is(.os-library-card>button:hover,.os-library-card>a:hover,.os-work-row:hover,.os-project-card.focused){background:var(--kompani-raised);border-color:#8098b5}
html[data-theme="dark"] body.kompani-platform :is(.os-library-card-heading>span,.os-project-mark){background:var(--kompani-neon-soft);color:var(--kompani-neon)}
html[data-theme="dark"] body.kompani-platform :is(.os-library-customizer select,.os-launch-project select){background:var(--kompani-surface);color:var(--kompani-ink);border-color:var(--kompani-line)}
html[data-theme="dark"] body.kompani-platform .os-project-card.focused{box-shadow:inset 0 0 0 1px #8098b5}
/* Personal space and deterministic private tools. */
html[data-theme="dark"] body.kompani-platform :is(.personal-items,.personal-editor,.personal-tool-panel,.personal-planning,.personal-space button,.personal-editor input,.personal-editor textarea,.module-tools,.module-tools input,.module-tools select,.module-tools textarea,.module-result,.saved-module-drafts,.saved-module-draft,.saved-draft-actions button,.personal-draft-strip){background:var(--kompani-surface);color:var(--kompani-ink);border-color:var(--kompani-line)}
html[data-theme="dark"] body.kompani-platform :is(.personal-editor,.personal-space .task-toggle,.personal-add button,.module-result pre){background:var(--kompani-silver)}
html[data-theme="dark"] body.kompani-platform .personal-tabs button{background:transparent}
html[data-theme="dark"] body.kompani-platform .personal-tabs button[aria-pressed=true]{background:var(--kompani-neon);color:var(--kompani-on-neon);border-color:var(--kompani-neon)}
/* Joint calendar and company calendar use distinct layers, including the empty/outside cells. */
html[data-theme="dark"] body.kompani-platform :is(.calendar-month,.calendar-agenda,.joint-calendar button,.joint-calendar select,.hub-calendar,.hub-day,.calendar-event){background:var(--kompani-surface);color:var(--kompani-ink);border-color:var(--kompani-line)}
html[data-theme="dark"] body.kompani-platform :is(.calendar-day.outside,.hub-day.outside){background:var(--kompani-silver);color:var(--kompani-muted)}
html[data-theme="dark"] body.kompani-platform :is(.joint-calendar .calendar-day.selected,.calendar-cell-event.personal){background:var(--kompani-neon-soft)}
html[data-theme="dark"] body.kompani-platform .calendar-day.today .calendar-day-number{background:var(--kompani-neon);color:var(--kompani-on-neon)}
/* Full-screen and docked chat share the same palette; code samples keep their code colors. */
html[data-theme="dark"] body.kompani-platform :is(.ai-layout,.ai-setup-next,.ai-connections,.ai-composer,.ai-composer-surface,.ai-workspace button,.ai-workspace input:not([type=checkbox]),.ai-workspace select,.ai-workspace textarea,.ai-workspace button.ai-history-row.selected,.ai-workspace .ai-tier-grid button){background:var(--kompani-surface)!important;color:var(--kompani-ink);border-color:var(--kompani-line)}
html[data-theme="dark"] body.kompani-platform .ai-workspace .ai-composer textarea{background:transparent!important}
html[data-theme="dark"] body.kompani-platform :is(.ai-conversations,.ai-activity,.ai-composer-options,.ai-import,.ai-message.context,.ai-task-brief,.ai-note-review){background:var(--kompani-silver);color:var(--kompani-ink);border-color:var(--kompani-line)}
html[data-theme="dark"] body.kompani-platform :is(.ai-chat-heading,.ai-composer,.ai-message.user,.ai-note-review input,.ai-note-review textarea,.ai-task-brief select){border-color:var(--kompani-line)}
html[data-theme="dark"] body.kompani-platform :is(.ai-task-summary>span,.ai-result-action>span,.ai-note-review small,.ai-readiness){color:var(--kompani-muted)}
html[data-theme="dark"] body.kompani-platform .ai-workspace button.ai-primary{background:var(--kompani-neon)!important;color:var(--kompani-on-neon)!important;border-color:var(--kompani-neon)}
html[data-theme="dark"] body.kompani-platform :is(.ai-workspace button.ai-history-row:hover,.ai-workspace .ai-tier-grid button.selected,.ai-result-action button,.ai-result-action a){background:var(--kompani-neon-soft)!important;color:var(--kompani-ink);border-color:#8098b5}
html[data-theme="dark"] body.kompani-platform .ai-dock{--dock-ink:var(--kompani-ink);--dock-muted:var(--kompani-muted);--dock-line:var(--kompani-line);--dock-neon:var(--kompani-neon)}
html[data-theme="dark"] body.kompani-platform :is(.ai-dock-bar,.ai-dock-heading,.ai-dock-panel,.ai-dock-tabs,.ai-dock-content,.ai-dock-window-actions button,.ai-dock-content button,.ai-dock-switch button,.ai-dock-function-grid>button,.ai-dock-function-grid>a,.ai-dock-run,.ai-dock-update){background:var(--kompani-surface);color:var(--kompani-ink);border-color:var(--kompani-line)}
html[data-theme="dark"] body.kompani-platform :is(.ai-dock-run>header,.ai-dock-footer,.ai-dock-switch,.ai-dock-update.unread,.ai-dock-notice){background:var(--kompani-silver);color:var(--kompani-muted)!important;border-color:var(--kompani-line)}
html[data-theme="dark"] body.kompani-platform :is(.ai-dock-tabs button,.ai-dock-function-grid small,.ai-dock-eyebrow){color:var(--kompani-muted)}
html[data-theme="dark"] body.kompani-platform :is(.ai-dock-tabs button.selected,.ai-dock-bar-item:hover,.ai-dock-expand:hover){background:var(--kompani-neon-soft);color:var(--kompani-ink);border-color:#8098b5}
html[data-theme="dark"] body.kompani-platform :is(.ai-dock-symbol,.ai-dock-function-grid>button:first-child){background:var(--kompani-neon);color:var(--kompani-on-neon);border-color:#7c94b5}
html[data-theme="dark"] body.kompani-platform .ai-dock-function-grid>button:first-child small{color:#344258}
html[data-theme="dark"] body.kompani-platform :is(.ai-dock,.ai-dock-content) :focus-visible{outline-color:var(--kompani-focus)}
/* Customer Studio, usage, feed and connected communication surfaces. */
html[data-theme="dark"] body.kompani-platform :is(.studio-navigation,.studio-topbar button,.studio-unavailable button,.studio-tier-grid article,.studio-governance-grid article,.studio-model-catalog span,.studio-step,.account-usage,.usage-panel,.usage-metrics article,.usage-empty,.account-usage button,.usage-billing>a,.workspace-pulse,.feed-post,.feed-composer,.feed-compose,.collab-shell,.collab-main,.collab-rail,.collab-meeting,.meeting-planner,.chat-conversation,.platform-mail,.platform-mail-main,.platform-mail-list,.platform-mail-reader,.mail-composer,.platform-mail-folders){background:var(--kompani-surface);color:var(--kompani-ink);border-color:var(--kompani-line)}
html[data-theme="dark"] body.kompani-platform :is(.studio-navigation nav button,.studio-caption,.studio-section p,.studio-facts dt,.studio-facts dd small,.studio-footer,.studio-model-list small,.studio-run-list time,.studio-run-list p,.usage-header nav a,.usage-intro p,.usage-billing p,.usage-metrics small,.usage-metrics article>span,.usage-caption,.usage-section-title>span,.usage-footer,.usage-panel td small,.usage-panel th){color:var(--kompani-muted)!important}
html[data-theme="dark"] body.kompani-platform :is(.studio-status,.studio-navigation nav button.selected,.studio-status.ready,.usage-billing,.usage-status,.feed-unread-mark,.feed-source-status,.feed-schedule-status,.feed-filters button[aria-pressed=true]){background:var(--kompani-neon-soft);color:var(--kompani-ink);border-color:#52657e}
html[data-theme="dark"] body.kompani-platform :is(.usage-brand,.usage-metrics strong,.usage-intro h1,.studio-section h2,.studio-section h3){color:var(--kompani-ink)}
html[data-theme="dark"] body.kompani-platform :is(.usage-notice,.usage-status.unknown,.ai-note-warning){background:#3c321d;color:#f1d894;border-color:#695b32}
html[data-theme="dark"] body.kompani-platform :is(.feed-post-avatar,.collab-header,.collab-compose,.platform-mail-list-heading,.mail-reader-toolbar,.mail-format-toolbar){background:var(--kompani-silver);color:var(--kompani-ink);border-color:var(--kompani-line)}
html[data-theme="dark"] body.kompani-platform :is(.feed-compose,.collab-shell,.meeting-planner,.chat-conversation,.platform-mail) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:var(--kompani-silver);color:var(--kompani-ink);border-color:var(--kompani-line)}
html[data-theme="dark"] body.kompani-platform .os-feed-panel .feed-post{background:var(--kompani-surface)}
/* Public access and investment pages retain readable surfaces and their illustration colors. */
html[data-theme="dark"] body.kompani-platform :is(.access-page,.exchange-shell,.home-setup-shell){background:var(--kompani-silver);color:var(--kompani-ink)}
html[data-theme="dark"] body.kompani-platform :is(.exchange-header,.exchange-footer,.investment-card,.investment-body,.funding-card,.profile-content,.market-toolbar,.market-search,.exchange-summary,.market-brief){background:var(--kompani-surface);color:var(--kompani-ink);border-color:var(--kompani-line)}
html[data-theme="dark"] body.kompani-platform .exchange-shell :is(h1,h2,h3,.company-title,.funding-line strong,.brief-number,.exchange-header nav button){color:var(--kompani-ink)}
html[data-theme="dark"] body.kompani-platform .exchange-shell :is(p,small,label,.funding-line span,.exchange-summary span,.investment-facts span){color:var(--kompani-muted)}
html[data-theme="dark"] body.kompani-platform .exchange-shell :is(input,select,.investment-open,.sector-tabs button,.hero-links button){background:var(--kompani-silver);color:var(--kompani-ink);border-color:var(--kompani-line)}

/* Contextual soft-color relationships: Muuto contextual-colors, HAY Outline/Colour Crate,
   Ferm Living Dapple cashmere and Pantone Powdered Pastels informed the direction.
   These are original UI RGB choices, not Pantone swatch equivalences. */
body.kompani-platform :is(.panel,.vc-workbench,.studio-section,.studio-metrics article,.pm-project-card,.personal-items,.personal-tool-panel,.os-project-card,.os-work-queue,.os-projects-preview,.os-feed-panel,.os-app-surface,.os-library-card,.calendar-month,.calendar-agenda){background:var(--kompani-surface)}
body.kompani-platform :is(.secondary,.vc-button:not(.vc-button-primary),.studio-topbar button){background:var(--kompani-surface)}
/* The company mark stays lime across all workspace and app palettes. */
body.kompani-platform :is(.platform-brand-mark,.workspace-brand.is-kompani>.workspace-brand-mark,.brand-symbol){background:var(--kompani-mark,#d7fa9d)!important;color:#29382A!important;border-color:transparent!important}
body.kompani-platform :is(.ai-symbol,.ai-dock-symbol){background:var(--kompani-brand-surface)!important;color:var(--kompani-brand-ink)!important;border-color:var(--kompani-brand-line)!important}
body.kompani-platform :is(.brand .copper,.studio-brand span){color:inherit}
body.kompani-platform :is(.os-focus-card,.pm-next-step,.os-launch-project){background:var(--kompani-accent-soft);border-color:var(--kompani-line)}
body.kompani-platform .os-next-venture{background:var(--kompani-peach-soft);color:var(--kompani-on-peach);border-color:var(--kompani-line)}
body.kompani-platform .os-next-venture :is(h2,a){color:var(--kompani-on-peach)}
body.kompani-platform .os-next-venture :is(.os-eyebrow,small){color:var(--kompani-muted)}
body.kompani-platform :is(.ai-dock-bar,.ai-dock-heading){background:var(--kompani-surface);border-color:var(--kompani-line)}
body.kompani-platform .ai-dock{--dock-ink:var(--kompani-ink);--dock-muted:var(--kompani-muted);--dock-line:var(--kompani-line);--dock-neon:var(--kompani-primary)}
body.kompani-platform .ai-dock-function-grid>button:first-child{background:var(--kompani-primary);color:var(--kompani-on-primary);border-color:#7c94b5}
body.kompani-platform .ai-dock-function-grid>button:first-child small{color:var(--kompani-on-primary)}
body.kompani-platform .feed-post-visual{background:linear-gradient(120deg,var(--kompani-accent-soft),var(--kompani-lilac-soft));color:var(--kompani-ink)}
body.kompani-platform .feed-post-visual.health-watch{background:var(--kompani-peach-soft);color:var(--kompani-on-peach)}
body.kompani-platform :is(.calendar-cell-event.personal,.calendar-month i.personal){background:var(--kompani-accent-soft);border-color:var(--kompani-primary)}
body.kompani-platform .calendar-month i.personal{background:var(--kompani-accent)}

body.kompani-platform :is(.feed-post-header>div strong,.feed-post-body p){color:var(--kompani-ink)}
body.kompani-platform :is(.feed-post-header>div small,.feed-post-body small,.feed-post-category){color:var(--kompani-muted)}
body.kompani-platform :is(.feed-post-visual strong,.feed-post-visual-mark){background:var(--kompani-surface);color:var(--kompani-accent);border-color:var(--kompani-line)}
body.kompani-platform .feed-post-visual:after{border-color:var(--kompani-line);box-shadow:0 0 0 14px #8098b510,0 0 0 30px #8098b508}
body.kompani-platform .feed-post-avatar{background:var(--kompani-accent-soft);color:var(--kompani-accent)}
html[data-theme="dark"] body.kompani-platform .os-task-status.review{background:var(--kompani-accent-soft);color:var(--kompani-accent)}

/* Transient layers sit above a calm, uninterrupted work surface. */
body.kompani-platform .workspace-canvas-shell .canvas-content{padding:12px 18px 0!important}
body.kompani-platform .os-next-venture :is(h2,a){color:var(--kompani-ink)}
body.kompani-platform :is(.workspace-menu-dialog,.os-app-launcher){background:var(--kompani-surface);color:var(--kompani-ink);border-color:var(--kompani-line)}
body.kompani-platform :is(.platform-account-menu nav,.platform-mobile-menu nav,.notification-inbox){box-shadow:0 12px 38px #17151b26}
@media(max-width:760px){body.kompani-platform .workspace-canvas-shell .canvas-content{padding:8px 10px 0!important}}

/* Shared native page hierarchy. User-authored documents, slides, diagrams and
   code retain their own typography; this governs the product around them. */
body.kompani-platform h1:not(:where(.wm-page *,.join-page *,svg *,pre *,code *,[contenteditable] *,.slide-canvas *,.slide-stage *,.slides-stage *,.nd-slide-stage *,.markdown-body *,.mail-plain-reader *,.ide *,.research-editor *)){
 font-family:var(--kompani-font);font-size:var(--kompani-text-title)!important;line-height:1.25!important;font-weight:650;letter-spacing:-.035em;margin-block:0 var(--kompani-space-3)
}
body.kompani-platform h2:not(:where(svg *,pre *,code *,[contenteditable] *,.slide-canvas *,.slide-stage *,.slides-stage *,.markdown-body *,.mail-plain-reader *,.ide *,.conversation *,.ai-workspace *)){
 font-family:var(--kompani-font);font-size:var(--kompani-text-section);line-height:1.35;font-weight:600;letter-spacing:-.02em
}
body.kompani-platform :is(.persona-copy h2,.today-welcome h2,.life-hero h2,.studio-section>header h2,.settings-section>h2,.account-ai-usage-card h2){font-size:var(--kompani-text-section)!important;line-height:1.35;letter-spacing:-.02em}
body.kompani-platform :is(.panel,.usage-panel,.resource-panel,.studio-section,.capability-card,.library-card,.os-library-card,.oc-next-ticket,.pm-project-card){border-radius:var(--kompani-card-radius);box-shadow:var(--kompani-card-shadow)}
body.kompani-platform :is(.usage-panel,.resource-panel,.studio-section,.capability-card,.library-card,.os-library-card,.oc-next-ticket){padding:var(--kompani-space-4);margin-bottom:var(--kompani-space-4)}
body.kompani-platform :is(.page-content,.hub-content,.resource-page,.billing-page,.workspace-start){padding:var(--kompani-page-padding)}
body.kompani-platform :is(.page-heading,.resource-heading,.billing-heading,.settings-heading,.studio-intro){gap:var(--kompani-space-3);margin-bottom:var(--kompani-space-5)}
body.kompani-platform :is(.page-heading,.resource-heading,.billing-heading,.settings-heading,.studio-intro)>p{margin-block:var(--kompani-space-2) 0;max-width:68ch}
body.kompani-platform :is(.hub-modal,.mail-meeting-dialog,.new-ticket-dialog){border-radius:var(--kompani-card-radius);padding:var(--kompani-space-5)}
body.kompani-platform :is(.eyebrow,.personal-eyebrow,.studio-eyebrow,.directory-eyebrow){font-size:var(--kompani-text-caption);font-weight:500;letter-spacing:.06em}
@media(pointer:coarse){body.kompani-platform :is(.access-card,.workspace-directory,.account-settings-page) :is(button,input,select,summary){min-height:44px}body.kompani-platform .access-card input{font-size:16px!important}}
/* Sky belongs to the canvas. Navigation keeps the same quiet shell everywhere. */
html body.kompani-platform .platform-chrome[data-sky-phase]{background:var(--kompani-silver)!important;color:var(--kompani-ink);border:0;box-shadow:none}
html body.kompani-platform .platform-chrome[data-sky-phase]::before{content:none}
body.kompani-platform:has(.platform-chrome) .access-page{min-height:calc(100dvh - var(--kompani-chrome-height,54px))}

/* Compact application chrome: workspace selection belongs at the right of search. */
:root{--kompani-chrome-height:44px;--kompani-text-title:1.25rem;--kompani-text-section:.9375rem;--kompani-page-padding:16px;--kompani-control-height:30px}
html body.kompani-platform .platform-chrome{height:44px!important;min-height:44px!important;padding:4px 12px!important;gap:6px!important}
html body.kompani-platform .platform-chrome>.platform-brand{order:0}
html body.kompani-platform .platform-chrome>.platform-canvas-controls{order:3;flex:1;min-width:120px;margin:0!important;max-width:none!important}
html body.kompani-platform .platform-chrome>.operation-center-return{order:1;margin-left:0}
html body.kompani-platform .platform-chrome>.operation-center-return .operation-return-label{display:none}
html body.kompani-platform .platform-chrome>.platform-workspace-picker{order:2;flex:0 1 210px;min-width:100px;max-width:210px;margin:0}
html body.kompani-platform .platform-chrome>.workspace-clock{order:4}
html body.kompani-platform .platform-chrome>.platform-account-menu{order:5}
html body.kompani-platform .platform-chrome>:not(.platform-brand):not(.platform-canvas-controls):not(.platform-personal-search):not(.operation-center-return):not(.platform-workspace-picker):not(.workspace-clock):not(.platform-account-menu){order:7}
html body.kompani-platform .platform-workspace-picker select{min-height:28px!important;height:28px!important;font-size:11px!important;max-width:100%}
html body.kompani-platform :is(.page-heading,.pm-heading,.vc-page-header,.studio-intro,.plugins-page-heading,.hub-heading) h1{font-size:18px!important;line-height:1.25!important;margin:4px 0!important}
html body.kompani-platform .workspace-app-browser :is(h1,h2){font-size:16px!important;line-height:1.3!important;margin:5px 0!important}
html body.kompani-platform .workspace-app-browser :is(.page-heading,.pm-heading,.vc-page-header,.studio-intro,.hub-heading){margin:0 0 10px!important;padding-block:4px!important;min-height:0!important}
html body.kompani-platform .workspace-app-browser .hub-empty{display:flex;align-items:center;justify-content:flex-start;gap:12px;flex-wrap:wrap;text-align:left;min-height:0!important;padding:18px!important;margin:10px 0!important}
html body.kompani-platform .workspace-app-browser .hub-empty>span{font-size:24px!important}
html body.kompani-platform .workspace-app-browser .hub-empty p{font-size:12px;margin:3px 0}
/* Light icon tiles take their colour from a small highlight at the edge. */
html body.kompani-platform .oc-activity-rail{
 --nav-green:#434d49;--nav-green-fill:#cfede3;
 --nav-blue:#31587a;--nav-blue-fill:#d8e7f2;
 --nav-grey:#4c5560;--nav-grey-fill:#e1e5e8;
 --nav-beige:#5b584b;--nav-beige-fill:#eeece1;
}
html body.kompani-platform .oc-activity-rail :is(.oc-rail-app,.workspace-board-menu-button){
 --app-icon-ink:var(--nav-grey);--app-icon-fill:var(--nav-grey-fill);
}
html body.kompani-platform .oc-activity-rail .oc-rail-app:is([data-app-id=overview],[data-app-id=work],[data-app-id=sales],[data-app-id=projects],[data-app-id=today]){
 --app-icon-ink:var(--nav-green);--app-icon-fill:var(--nav-green-fill);
}
html body.kompani-platform .oc-activity-rail .oc-rail-app[data-app-id=meetings]{
 --app-icon-ink:var(--nav-blue);--app-icon-fill:var(--nav-blue-fill);
}
html body.kompani-platform .oc-activity-rail .oc-rail-app[data-app-id=mail]{
 --app-icon-ink:#096080;--app-icon-fill:#eaf4f8;
 --app-icon-glow:var(--kompani-neon-cyan);
}
html body.kompani-platform .oc-activity-rail .oc-rail-app[data-app-id=calendar]{
 --app-icon-ink:#61530f;--app-icon-fill:#f7f3d9;
 --app-icon-glow:var(--kompani-neon-yellow);
}
html body.kompani-platform .oc-activity-rail :is(.oc-rail-app[data-app-id=database],.workspace-board-menu-button){
 --app-icon-ink:var(--nav-beige);--app-icon-fill:var(--nav-beige-fill);
}
html body.kompani-platform .oc-activity-rail .oc-rail-app[data-app-id=team-chat]{
 --app-icon-ink:#9e245e;--app-icon-fill:#fbedf4;
 --app-icon-glow:var(--kompani-neon-pink);
}
html body.kompani-platform .oc-activity-rail .oc-rail-app[data-app-id=notes]{
 --app-icon-ink:#8c3909;--app-icon-fill:#fcf0e8;
 --app-icon-glow:var(--kompani-neon-orange);
}
html body.kompani-platform .oc-activity-rail .oc-rail-app[data-app-id=ide]{
 --app-icon-ink:#6236a4;--app-icon-fill:#f1edfa;
 --app-icon-glow:var(--kompani-neon-violet);
}
html body.kompani-platform .oc-activity-rail :is(.oc-rail-app>span:first-child,.workspace-board-menu-button svg){
 display:grid;place-items:center;width:26px;height:26px;border-radius:8px;
 background:radial-gradient(ellipse at 96% 102%,color-mix(in srgb,var(--app-icon-glow,var(--app-icon-fill)) 48%,var(--app-icon-fill)),transparent 75%),linear-gradient(145deg,#faf9f5,var(--app-icon-fill));
 color:var(--app-icon-ink);box-shadow:inset 0 1px #ffffffb0,inset 0 0 0 1px #292e291a,0 2px 4px #292e2914;
}
html body.kompani-platform .oc-activity-rail >.workspace-board-menu-button svg{padding:5px;box-sizing:border-box}
html body.kompani-platform .oc-activity-rail .oc-rail-label{color:var(--app-icon-ink)}
html body.kompani-platform .oc-activity-rail .oc-rail-app[aria-current=page]>span:first-child{
 background:linear-gradient(145deg,var(--kompani-paper-warm),var(--kompani-brand));
 color:var(--kompani-brand-ink);
}
@media(max-width:700px){html body.kompani-platform .platform-chrome>.platform-workspace-picker{max-width:130px;flex-basis:130px}}
@media(pointer:coarse){html body.kompani-platform .platform-chrome{min-height:48px!important;height:48px!important}:root{--kompani-chrome-height:48px}}
html body.kompani-platform .platform-account-menu>nav{padding:7px!important;background:var(--kompani-menu-backdrop,var(--kompani-surface))!important;color:var(--kompani-ink)!important;border:1px solid var(--kompani-line)!important;border-radius:14px!important;box-shadow:0 18px 44px #1c1c2038,inset 0 1px #ffffff14!important;max-height:calc(100dvh - 56px);overflow:auto}
html body.kompani-platform .platform-account-menu>nav :is(a,strong,.account-signout button){color:var(--kompani-ink)!important;font-size:12px!important;line-height:1.4!important;padding:6px 9px!important;min-height:0!important}
html body.kompani-platform .platform-account-menu>nav :is(a,.account-signout button):hover{background:var(--kompani-accent-soft)!important;border-radius:7px}
html body.kompani-platform .platform-account-menu>nav>strong{background:var(--kompani-brand-ribbon) bottom / 100% 2px no-repeat}
html body.kompani-platform .platform-chrome .workspace-search-field{min-height:30px!important;padding:0 9px!important}
html body.kompani-platform .platform-chrome .workspace-search-field input{font-size:12px!important;padding:5px 0!important;min-height:0!important}
html body.kompani-platform .platform-chrome .workspace-search-field>span{font-size:19px}
html body.kompani-platform .workspace-search-results{--kompani-ink:#e8ebea;--kompani-muted:#b5b7b2;--kompani-raised:#36373a;--kompani-line:#ffffff12;background:linear-gradient(145deg,#343538,#27282b)!important;color:#e8ebea;box-shadow:var(--kompani-reading-shadow)!important;border-radius:14px!important}
html body.kompani-platform .workspace-search-results>button{padding:7px 9px!important;min-height:32px}
html body.kompani-platform .workspace-search-results strong{font-size:13px!important}
html body.kompani-platform .workspace-search-results :is(small,.workspace-search-category){font-size:11px!important}

html body.kompani-platform .platform-chrome>.platform-personal-search{order:3;flex:1;margin:0 auto}