/* A quiet, shared Kaitor system, with a small visual identity for each team. */
[data-workspace]{--ws-accent:#476153;--ws-soft:#dde7da;--ws-ink:#345145;--ws-paper:#f7f4e9;--ws-gold:#ddb45f;--ws-gold-shade:#c49145;--ws-gold-light:#f1dbaa}
[data-workspace="mexico"]{--ws-accent:#287568;--ws-soft:#dcebe0;--ws-ink:#275c50;--ws-gold:#e2b34e;--ws-gold-shade:#bf943f;--ws-gold-light:#f1dfae}
[data-workspace="usa"]{--ws-accent:#3c6491;--ws-soft:#dce4ec;--ws-ink:#365676;--ws-gold:#d9b05f;--ws-gold-shade:#c1944d;--ws-gold-light:#f0dfb8}
[data-workspace="tiktok"]{--ws-accent:#805065;--ws-soft:#eadfe3;--ws-ink:#714459;--ws-gold:#7bb2ae;--ws-gold-shade:#54918b;--ws-gold-light:#c9e2db}
[data-workspace="supply"]{--ws-accent:#726444;--ws-soft:#e7e1d2;--ws-ink:#685a3f;--ws-gold:#c7a365;--ws-gold-shade:#ac8952;--ws-gold-light:#ebd9b8}
[data-workspace="company"]{--ws-accent:#4c5a7a;--ws-soft:#dfe4ec;--ws-ink:#465473;--ws-gold:#c4a566;--ws-gold-shade:#a78b56;--ws-gold-light:#eadfbe}
[data-workspace="partner"]{--ws-accent:#526f69;--ws-soft:#dfe9df;--ws-ink:#3f6158}
.workspace-department{margin:15px 12px 0;padding:12px 11px;border:1px solid color-mix(in srgb,var(--ws-accent) 24%,transparent);border-radius:10px;background:color-mix(in srgb,var(--ws-soft) 80%,#f5f2e7)}
.workspace-department>div{display:flex;align-items:center;gap:8px;line-height:1.5}.workspace-department b{font-size:15px;font-weight:650;color:var(--ws-ink)}.workspace-department small{display:block;margin-top:4px;color:#6c756a;font-size:12px;line-height:1.5}.workspace-department svg{width:19px;height:19px;color:var(--ws-accent)}
.workspace-flag{font-size:23px;line-height:1;letter-spacing:0;font-family:Apple Color Emoji,Segoe UI Emoji,sans-serif}
.workspace-eyebrow{display:flex!important;align-items:center;gap:9px!important;flex-wrap:wrap;letter-spacing:0!important;font-size:12px!important;color:var(--ws-ink)!important;line-height:1.6}
.workspace-platform{display:inline-flex;align-items:center;font-size:11px;font-weight:700;letter-spacing:.25px;padding:3px 8px;border-radius:5px;line-height:1.6;color:var(--ws-ink);background:var(--ws-soft)}
.platform-mexico,.platform-usa{color:#685b2e;background:#f0e3aa}.platform-tiktok{background:#343c40;color:#f5f3eb;border-left:3px solid #78bebb;border-right:3px solid #c2758b}.workspace-dept-name{font-size:13px;font-weight:650;letter-spacing:.3px}
[data-workspace] .role-sidebar nav.role-navigation{margin-top:15px}[data-workspace] .role-sidebar .role-nav-group.is-current>summary{color:var(--ws-ink)}[data-workspace] .role-sidebar .role-nav-item.active{background:var(--ws-accent)!important;color:#fff9ed!important}[data-workspace] .role-sidebar .role-nav-group[open]{border-color:color-mix(in srgb,var(--ws-accent) 30%,#c9d1be);background:color-mix(in srgb,var(--ws-soft) 68%,transparent)}
[data-workspace] .primary{background:var(--ws-accent);border-color:var(--ws-accent);color:#fffaf0}[data-workspace] .primary:hover{filter:brightness(.94)}[data-workspace] .role-metrics>button:not(.watch){background:color-mix(in srgb,var(--ws-soft) 75%,#f4f1e6);border-color:color-mix(in srgb,var(--ws-accent) 28%,#d8dccb)}[data-workspace] .role-metrics>button:not(.watch) b{color:var(--ws-ink)}
[data-workspace] .role-welcome{position:relative;min-height:136px;padding:20px 22px!important;margin:0 0 19px;border:1px solid color-mix(in srgb,var(--ws-accent) 22%,#d5d9ca);border-radius:14px;background:linear-gradient(110deg,color-mix(in srgb,var(--ws-soft) 70%,#f7f3e8),#f3f0e5);isolation:isolate;overflow:hidden;gap:16px}
[data-workspace] .role-welcome>div:first-child{min-width:0;flex:1;padding-right:120px}[data-workspace] .role-welcome h1{color:var(--ws-ink);font-size:29px;line-height:1.3;margin:8px 0 7px}[data-workspace] .role-welcome p{font-size:14px;line-height:1.7;margin:3px 0;color:#627362}[data-workspace] .role-welcome-hint{max-width:650px;color:#627362;font-size:14px!important;line-height:1.65!important}
.workspace-scene{width:135px;position:absolute;right:18px;top:8px;opacity:.95;pointer-events:none;z-index:-1}.workspace-scene svg{width:100%;height:auto;display:block}.role-welcome .role-welcome-actions{position:relative;align-self:flex-end;gap:8px;z-index:1;flex-wrap:nowrap;flex-direction:row;max-width:290px;justify-content:flex-end}.role-welcome .role-welcome-actions button{font-size:15px;white-space:nowrap;padding:10px 13px}
[data-workspace] .role-welcome:has(.role-welcome-actions) .workspace-scene{right:32px;top:0;width:108px;opacity:.85}[data-workspace] .role-welcome:has(.role-welcome-actions)>div:first-child{padding-right:0}[data-workspace] .role-welcome-actions{padding-top:0}[data-workspace] .role-welcome>div:first-child>p:not(.role-welcome-hint){display:none}
[data-workspace] .page-head .workspace-eyebrow{margin-bottom:6px}[data-workspace] .page-head h1{color:var(--ws-ink)}
[data-workspace] .role-help{font-size:13px;padding-bottom:16px}[data-workspace] .role-help>span{max-width:620px}
[data-workspace] .supply-welcome{position:relative;padding-right:170px;min-height:125px}[data-workspace] .supply-welcome .workspace-scene{right:18px;top:3px;width:140px;opacity:.7;z-index:0}[data-workspace] .supply-welcome>div,[data-workspace] .supply-welcome>button{position:relative;z-index:1}[data-workspace] .supply-welcome>button{white-space:nowrap}
@media(max-width:1100px){[data-workspace] .role-welcome{padding:18px!important}[data-workspace] .role-welcome h1{font-size:27px}.role-welcome .role-welcome-actions{max-width:270px;flex-direction:row}[data-workspace] .role-welcome-actions{padding-top:0}[data-workspace] .role-welcome:has(.role-welcome-actions) .workspace-scene{width:94px;right:29px;top:0}.workspace-department{margin-left:6px;margin-right:6px}}
@media(max-width:800px){.workspace-department{margin:10px 6px 0;padding:8px 11px}.workspace-department>div{display:inline-flex}.workspace-department small{display:inline;margin-left:10px;font-size:12px}[data-workspace] .role-sidebar nav.role-navigation{margin-top:10px}}
@media(max-width:650px){[data-workspace] .role-welcome{min-height:0;gap:12px}.role-welcome .role-welcome-actions{max-width:none;align-self:flex-start;justify-content:flex-start;flex-direction:row;padding-top:0}[data-workspace] .role-welcome:has(.role-welcome-actions) .workspace-scene{width:100px;right:9px;top:35px;opacity:.35}[data-workspace] .role-welcome>div:first-child{padding-right:65px!important}[data-workspace] .role-welcome h1{font-size:27px}[data-workspace] .supply-welcome{padding-right:0;min-height:0}[data-workspace] .supply-welcome .workspace-scene{display:none}.workspace-dept-name{font-size:12px}.workspace-platform{font-size:10px}.workspace-flag{font-size:20px}}
@media print{.workspace-scene,.workspace-department,.workspace-eyebrow{display:none!important}}
