/* Load after existing product styles. Scoped to these three workspaces only. */
#app :is(.enterprise-team-page,.okb-page,.balance-workspace){--brand:#5828d8;--muted:#626780;--line:#e5e5ef;--design-ink:#171932;color:#171932;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.5}
#app :is(.enterprise-team-page,.okb-page,.balance-workspace) :is(h1,h2,h3){color:#171932;letter-spacing:-.025em}
#app :is(.enterprise-team-page,.okb-page,.balance-workspace) h1{font-size:30px;line-height:1.2}
#app :is(.enterprise-team-page,.okb-page,.balance-workspace) :is(button,input,select){min-height:42px;border-radius:9px;font:inherit}
#app :is(.enterprise-team-page,.okb-page,.balance-workspace) :is(input,select){border:1px solid #d9dce8;background:#fff;color:#171932;padding:9px 12px}
#app :is(.enterprise-team-page,.okb-page,.balance-workspace) .primary{background:#5828d8;color:#fff;border:1px solid #5828d8}
#app :is(.enterprise-team-page,.okb-page,.balance-workspace) :is(.muted,small,.okb-head p,.enterprise-team-person-meta){color:#626780}
#app :is(.enterprise-team-page,.okb-page,.balance-workspace) :is(button,a,input,select,textarea):focus-visible{outline:3px solid #5828d8;outline-offset:3px}
#app :is(.enterprise-team-page,.okb-page,.balance-workspace) [hidden]{display:none!important}
#app :is(.okb-tree,.okb-article,.balance-workspace .card,.enterprise-team-scroll){border:1px solid #e5e5ef;border-radius:14px;background:#fff;box-shadow:0 2px 10px #20204b05}
#app .enterprise-team-table th{background:#f6f6fb;color:#525b79;font-weight:500;padding:12px 16px}
#app .enterprise-team-table td{padding:13px 16px;border-bottom:1px solid #ececf4}
#app .enterprise-team-person:hover{background:#f7f4ff}
#app .enterprise-team-open{color:#171932;font-weight:650;text-align:left}
#app .enterprise-team-search{max-width:640px;margin-bottom:12px}
#app .team-directory-tools{display:flex;align-items:end;gap:18px;flex-wrap:wrap;margin:0 0 16px}
#app .team-directory-tools label,#app .okb-search{display:grid;gap:6px;color:#525b79;font-size:13px}
#app .team-directory-feedback{margin:0 0 10px;color:#626780}
#app .okb-search{padding:14px 18px}
#app .okb-tree-item{min-height:44px;border-radius:0;text-align:left}
#app .okb-tree-item.active{background:#f0eaff;color:#4920b4;box-shadow:inset 3px 0 #5828d8}
#app .okb-content{max-width:76ch;line-height:1.75}
#app .balance-workspace-amount{background:#f2edff}
#app .balance-workspace-amount strong{color:#4920b4}
#app .balance-history-tabs{display:flex;gap:8px;margin:20px 0 14px}
#app .balance-history-tabs button{padding:9px 18px;border:1px solid #d9dce8;background:#fff;color:#39334e}
#app .balance-charge-filters{display:flex;gap:12px;flex-wrap:wrap;align-items:end}
#app .balance-workspace :is(th,td){padding:12px;text-align:left}
@media(max-width:700px){#app :is(.enterprise-team-page,.okb-page,.balance-workspace) :is(button,input,select){min-height:44px}#app .okb-workspace{grid-template-columns:1fr}#app .okb-tree-list{max-height:300px;overflow:auto}#app .team-directory-tools label{width:100%}#app .enterprise-team-scroll{overflow:auto}#app .balance-workspace-grid{grid-template-columns:1fr}#app .balance-charge-filters>*{flex:1 1 135px}}

#app :is(.enterprise-team-page,.okb-page,.balance-workspace) :is(.secondary,.ghost){border:1px solid #d9dce8;background:#fff;color:#39334e;padding:9px 14px}
#app .okb-tree-item.active small{color:#4920b4}
/* Polling can hide a row above the viewport: keep the scroll offset stable. */
#app .enterprise-team-scroll{overflow-anchor:none}
/* The baseline amount gradient is !important; replace it with a light surface. */
#app .balance-workspace .balance-workspace-amount{background:#f2edff!important;color:#4920b4}
#app .balance-workspace :is(.balance-workspace-amount,.balance-workspace-coverage,.balance-workspace-tariff)>span{opacity:1;color:#525b79}
#app .balance-workspace .balance-workspace-amount small{opacity:1;color:#525b79}
#app .balance-workspace :is(.balance-workspace-kicker,.balance-workspace-tariff p){color:#626780}