/* Shared work surfaces. Role permissions and the independent login scene stay in their own layers. */
body:has(.workspace){
 --product-blue:#3267ed;--product-blue-hover:#2253cc;--product-blue-soft:#edf3ff;
 --product-navy:#11263d;--product-navy-hover:#203b57;--product-ink:#23354d;--product-muted:#5b6d83;
 --product-line:#dce4ef;--product-bg:#edf2f8;--product-paper:#fbfcff;
 --product-success:#15835b;--product-warning:#a96a0d;--product-danger:#c23f5b;
 --product-shadow:0 4px 18px #233c5d07,0 1px 3px #233c5d04;
 --glass-ink:var(--product-ink);--glass-muted:var(--product-muted);--glass-line:var(--product-line);
 --glass-surface:linear-gradient(130deg,#ffffffed,#f8fafff5);--glass-shadow:var(--product-shadow);
 --bg:var(--product-bg);--paper:var(--product-paper);--ink:var(--product-ink);--muted:var(--product-muted);--line:var(--product-line);
 --blue:var(--product-blue);--blue-dark:var(--product-blue-hover);--green:var(--product-blue);--green-hover:var(--product-blue-hover);--green-soft:var(--product-blue-soft);
 --sidebar-width:238px;--radius:14px;color-scheme:light;
 background:radial-gradient(ellipse at 75% 0,#dce9ff70,transparent 45%),#edf2f8;
 color:var(--ink);font:16px/1.6 "Microsoft JhengHei","PingFang TC",system-ui,sans-serif;letter-spacing:.1px;
}
body:has(.workspace) *{scrollbar-color:#a7b7cc #edf2f8;scrollbar-width:thin}
body:has(.workspace) :is(button,a,summary,input,select,textarea):focus-visible{outline:3px solid #94b4ff;outline-offset:3px}
body:has(.workspace) button:disabled{cursor:not-allowed;opacity:.52}
body:has(.workspace) [hidden]{display:none!important}
body:has(.workspace) .sidebar{width:238px;background:linear-gradient(160deg,#172f4a,#102339 75%);color:#c6d5e8;border:0;padding:28px 16px 18px;box-shadow:5px 0 25px #16304d08}
body:has(.workspace) .brand{font-size:18px;color:#f4f8ff;gap:12px;letter-spacing:.3px}
body:has(.workspace) .brand small{font-size:12px;color:#a3b9d2;letter-spacing:1px}
body:has(.workspace) :is(.brandmark,.brand-icon){width:42px;height:42px;background:linear-gradient(145deg,#5689ff,#3264eb);border:1px solid #81aaff60;color:#fff;border-radius:12px;box-shadow:0 5px 16px #0002,inset 0 1px #ffffff60}
body:has(.workspace) .sidebar nav{gap:8px;margin-top:29px}
body:has(.workspace) :is(.nav-button,.nav-item){min-height:48px;border-radius:10px;padding:12px 14px;font-size:16px;color:#bdcfe3;gap:12px;border:1px solid transparent}
body:has(.workspace) :is(.nav-button,.nav-item):hover{background:#ffffff0c;color:#fff}
body:has(.workspace) :is(.nav-button,.nav-item).active{background:linear-gradient(105deg,#3974fa,#2e62df);color:#fff;border-color:#719cff60;box-shadow:0 5px 14px #0002,inset 0 1px #ffffff20;font-weight:650}
body:has(.workspace) :is(.nav-button i,.nav-item>svg,.ui-icon){width:20px;height:20px}
body:has(.workspace) :is(.nav-caption,.sidebar-label){font-size:12px;color:#8da8c7;margin-top:26px;letter-spacing:1.4px}
body:has(.workspace) :is(.sidebar>.inline-info,.team-badge small,.sidebar-bottom){font-size:13px;color:#a3b9d2;line-height:1.8}
body:has(.workspace) :is(.team-badge,.sidebar-bottom){border-color:#ffffff16}
body:has(.workspace) .team-badge strong{font-size:15px;color:#eff6ff}
body:has(.workspace) .team-channel-hint{font-size:13px;color:#a3b9d2;padding:5px 7px 12px}
body:has(.workspace) .source-item{font-size:15px;color:#baccdf;min-height:41px;border-radius:8px}
body:has(.workspace) .source-item.active{background:#ffffff14;color:#fff}
body:has(.workspace) .source-item:hover{background:#ffffff0b;color:#fff}
body:has(.workspace) .source-item b{font-size:13px;color:#adbfda}
body:has(.workspace) #sourceActions>a{font-size:14px;background:#ffffff0a;border-color:#ffffff25;color:#cadcf5}
body:has(.workspace) .workspace{margin-left:238px;min-width:0;background:transparent}
body:has(.workspace) .topbar{height:72px;padding:0 32px;background:#fbfcffe8;border-bottom:1px solid #d8e2ef;box-shadow:0 1px 4px #233c5d03;backdrop-filter:blur(16px)}
body:has(.workspace) :is(.topbar>.muted,.topbar .account>strong,.breadcrumb b){font-size:16px;color:#344b68}
body:has(.workspace) :is(.topbar .text-button,.top-actions>span,.breadcrumb){font-size:14px}
body:has(.workspace) .role{font-size:12px;background:#f0f4fb;color:#516b8b;border-color:#d8e4f4;padding:3px 9px}
body:has(.workspace) .avatar{width:36px;height:36px;background:#e8efff;color:#3267ed;font-size:14px}
body:has(.workspace) #accountBar{background:#f9fbff;color:#526985;font-size:13px;border-bottom-color:#dce4ef}
body:has(.workspace) #accountScope{color:#62758f}
body:has(.workspace) .workspace main{max-width:2200px;padding:30px 32px 38px}
body:has(.workspace) :is(.page-head,.page-heading){margin-bottom:26px;gap:20px}
body:has(.workspace) :is(h1,.page-heading h1){font-size:30px;line-height:1.3;letter-spacing:-.5px;color:#20344e}
body:has(.workspace) :is(.page-head p,.page-subtitle){font-size:16px;color:#5e718b;margin-top:9px;line-height:1.65}
body:has(.workspace) .section-kicker{font-size:12px;letter-spacing:1.6px;color:#6a7e9a}
body:has(.workspace) h2{font-size:20px;line-height:1.5;font-weight:700;color:#293e5a}
body:has(.workspace) :is(.button,.primary,.danger){font-size:15px;min-height:44px;border-radius:9px;padding:10px 17px;line-height:1.4}
body:has(.workspace) .primary{background:#3267ed;border-color:#3267ed;color:#fff;box-shadow:0 4px 10px #3267ed26,inset 0 1px #ffffff25}
body:has(.workspace) .primary:hover{background:#2558d5;border-color:#2558d5;color:#fff}
body:has(.workspace) .button{background:#fafdff;border-color:#d4dfed;color:#46617f;box-shadow:0 1px 2px #233c5d04}
body:has(.workspace) .button:hover{background:#edf3ff;border-color:#a9c0ec;color:#255bd2}
body:has(.workspace) .danger{background:#fff1f3;border-color:#efc1cd;color:#b7314d}
body:has(.workspace) .text-button{font-size:15px;color:#2c60da;line-height:1.5;padding:5px 0}
body:has(.workspace) :is(.red,.text-button.red){color:#bf3954}
body:has(.workspace) .green{color:#15835b}body:has(.workspace) .amber{color:#aa6a0c}
body:has(.workspace) :is(input,select,textarea){font-size:16px;background:#fbfdff;border:1px solid #cbd7e6;border-radius:9px;color:#243a57;min-height:44px;padding:10px 12px}
body:has(.workspace) :is(input,textarea)::placeholder{color:#72839a}
body:has(.workspace) :is(input,select,textarea):focus{border-color:#6e97ee;box-shadow:0 0 0 3px #3267ed12}
body:has(.workspace) :is(input[type=checkbox],input[type=radio]){min-height:0;accent-color:#3267ed;width:17px;height:17px;padding:0}
body:has(.workspace) option{background:#fbfdff;color:#243a57}
body:has(.workspace) label{font-size:15px;color:#435a78}
/* Calm surfaces, with the glass rim kept at the edge of the card. */
.workspace :is(.panel,.metric,.employee-card,.group-card,.report-summary,.assistant-layout,.analytics-kpi,.analytics-chart,.supplier-card,.supplier-sheet,.supplier-history,.supplier-channel-manager,.employee-empty),.workspace .report-grid>div{
 background:var(--glass-surface);border:1px solid #d9e3f0;border-radius:15px;box-shadow:var(--product-shadow);backdrop-filter:none;
}
.workspace :is(.metric,.analytics-kpi,.supplier-card,.employee-card){position:relative}
.workspace :is(.metric,.analytics-kpi,.supplier-card,.employee-card)::after{content:"";pointer-events:none;position:absolute;inset:3px;border:1px solid #fff9;border-radius:12px}
.workspace :is(.panel-head,.supplier-sheet-head){padding:22px 24px;border-bottom-color:#e1e8f2}
.workspace :is(.panel-head h2,.board-heading h2){font-size:20px}
.workspace :is(.panel-head p,.panel-body p,.inline-info,.footnote,.activity p,.access-map p){font-size:15px;line-height:1.8;color:#5d708b}
.workspace :is(.metric,.analytics-kpi,.supplier-card){--accent:#3267ed;--tint:#edf3ff}
.workspace :is(.metric:nth-child(2),.analytics-kpi.valid,.supplier-card:nth-child(2)){--accent:#169b6a;--tint:#e8f8f0}
.workspace :is(.metric:nth-child(3),.analytics-kpi.rate){--accent:#8256db;--tint:#f1edfc}
.workspace .metric:nth-child(4){--accent:#dd8a18;--tint:#fff5e6}
.workspace .metrics{gap:18px;margin-bottom:22px}
.workspace .metric{padding:24px 22px 22px 84px;min-height:136px;overflow:hidden}
.workspace .metric-icon{left:22px;top:25px;width:46px;height:46px;border-radius:14px;background:var(--tint);color:var(--accent)}
.workspace .metric p{font-size:16px;color:#526781}.workspace .metric strong{font-size:36px;color:#263e5a;margin:7px 0 4px;line-height:1.15}
.workspace .metric small{font-size:13px;color:#6b7d95;line-height:1.6}
.workspace .metric.warn{background:var(--glass-surface)}
body:has(#accountBar) .workspace .metric{display:block;padding:22px 22px 20px 84px;min-height:145px;text-align:left}
body:has(#accountBar) .workspace .metric-label{font-size:16px;color:#516781;line-height:1.5;display:block;margin-bottom:8px}
body:has(#accountBar) .workspace .metric-label svg{position:absolute;left:22px;top:25px;width:46px;height:46px;padding:11px;border-radius:14px;background:var(--tint);color:var(--accent)}
body:has(#accountBar) .workspace .metric-value{font-size:34px;color:#293e5a;line-height:1.2;letter-spacing:-.5px;margin:5px 0 7px;font-weight:700}
body:has(#accountBar) .workspace .metric-value small{display:inline;font-size:13px;margin-left:6px;font-weight:400}
body:has(#accountBar) .workspace .metric-caption{font-size:13px;color:#697c94;line-height:1.5;margin:0}
.workspace .metric:nth-child(5){--accent:#dc5d73;--tint:#fff0f3}.workspace .metric:nth-child(6){--accent:#27a0b9;--tint:#e5f7fb}.workspace .metric:nth-child(7){--accent:#cf891c;--tint:#fff5e4}.workspace .metric:nth-child(8){--accent:#695bd1;--tint:#f0edff}
/* Member cards retain a compact five-column layout on large displays. */
.workspace .employee-grid{grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:16px}
.workspace .employee-card{max-width:none;transition:box-shadow .18s,border-color .18s,transform .18s}
.workspace .employee-card:hover{transform:translateY(-2px);border-color:#b2c7ec;box-shadow:0 8px 22px #294d7a0d}
.workspace .card-main{padding:18px 18px 15px}.workspace .card-main:hover{background:transparent}
.workspace .card-identity{height:auto;min-height:40px;gap:11px;flex-wrap:wrap}
.workspace .person-avatar{width:38px;height:38px;font-size:16px;border-radius:11px}
.workspace .card-person h3{font-size:17px;color:#293e5a}.workspace .card-person>span{font-size:12px;color:#6b7f99}
.workspace .badge{font-size:12px;line-height:1.5;padding:4px 8px;border:1px solid transparent}
.workspace .card-identity .badge{font-size:12px;padding:3px 7px}
.workspace .card-stats{padding-top:18px;gap:7px}.workspace .card-stats strong{font-size:28px;line-height:1.15}
.workspace .card-stats span{font-size:13px;color:#657991;margin-top:6px}
.workspace .card-foot{padding:10px 0;margin:0 18px;font-size:13px;border-color:#e5ebf5}
.workspace .card-more{height:30px;min-width:34px;background:#f0f4fc;border-color:#dae4f3;color:#607c9f}
.workspace :is(.board-heading .text-button,.overview-links a,.overview-links button,.team-members-status,.result-count,.board-note){font-size:14px}
.workspace .people-toolbar :is(input,select){font-size:16px;height:44px;max-width:100%}
.workspace .search-field{flex-basis:340px}.workspace .search-field input{font-size:16px;height:44px}
body:has(.workspace) .search-field{height:44px}
body:has(.workspace) .search-field input{border:0;border-radius:0;background:transparent;min-height:0;height:100%;padding:8px 0;box-sizing:border-box}
/* Charts use the same blue, green, amber and rose vocabulary as the records. */
.workspace .analytics-toolbar h2{font-size:21px}.workspace .analytics-eyebrow{font-size:11px;letter-spacing:1.8px;color:#6d819e}
.workspace :is(.analytics-context,.analytics-method,.analytics-chart-note){font-size:13px;color:#61758e}
.workspace .analytics-context{margin:12px 0 17px}
.workspace .analytics-period{background:#e4ebf6;border-color:#d7e1ef;padding:4px;border-radius:11px}
.workspace .analytics-period button{font-size:14px;min-height:38px;padding:8px 18px;color:#536d90}
.workspace .analytics-period button[aria-pressed=true]{background:#fbfdff;border-color:#cddbf2;color:#2f63df;box-shadow:0 2px 6px #294d7a0b}
.workspace .analytics-collapse{font-size:14px;color:#486993}
.workspace .analytics-kpi{padding:24px;min-height:145px}.workspace .analytics-kpi-label{font-size:16px;color:#526a86}
.workspace .analytics-kpi strong{font-size:38px;line-height:1.2;color:#263e5a;font-weight:700;margin-top:7px}
.workspace .analytics-kpi strong small{font-size:14px;color:#6a7c95}
.workspace .analytics-kpi p{font-size:13px;color:#677b94;margin-top:5px}
.workspace .analytics-kpi-symbol{width:50px;height:50px;border-radius:15px;border:0;background:var(--tint);color:var(--accent);font-size:28px;box-shadow:none}
.workspace .analytics-kpi.valid .analytics-kpi-symbol,.workspace .analytics-kpi.rate .analytics-kpi-symbol{color:var(--accent);background:var(--tint);border:0}
.workspace .analytics-kpi.valid strong{color:#15835b}.workspace .analytics-kpi.rate strong{color:#7850c8}
body:has(.workspace) .workspace .metric .metric-icon,body:has(.workspace) .workspace .analytics-kpi .analytics-kpi-symbol,
body:has(#accountBar) .workspace .metric-label svg{background:var(--accent);color:#fff;box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 20%,transparent)}
body:has(#accountBar) .workspace .metric-label svg{box-sizing:border-box}
.workspace .analytics-charts{grid-template-columns:minmax(390px,.86fr) minmax(0,1.6fr);gap:18px}
.workspace .analytics-chart{padding:24px}.workspace .analytics-chart h3{font-size:18px;color:#2f4664}.workspace .analytics-chart h3>span{font-size:13px;color:#74849a}
.workspace .analytics-chart-meta{font-size:12px;background:#f0f4fb;border-color:#d9e4f3;color:#526e90}
.workspace .analytics-donut{width:184px;height:184px;box-shadow:0 0 0 6px #eff4fb;border:0}
.workspace .analytics-donut-core{background:#fbfcff;box-shadow:0 0 0 1px #fff;gap:4px}
.workspace .analytics-donut-core>span{font-size:13px;color:#657b96}.workspace .analytics-donut-core strong{font-size:34px;color:#2c4260}.workspace .analytics-donut-core small{font-size:12px;color:#6f839c}
.workspace .analytics-legend li{font-size:14px;grid-template-columns:9px minmax(60px,1fr) auto auto;gap:8px;border-color:#e4ebf4;padding:12px 0}
.workspace .analytics-legend small{font-size:12px;color:#697e97}.workspace .analytics-bar-legend{font-size:13px}
.workspace .intake-dot{background:#4b80f5}.workspace .valid-dot{background:#1db38a}
.workspace .analytics-bar-total{background:linear-gradient(#80a9ff,#4b80f5);border:0}.workspace .analytics-bar-valid{background:linear-gradient(#75d9b8,#22b487);border:0}
.workspace .analytics-bar-name{font-size:12px;max-width:85px}.workspace .analytics-y-axis{font-size:12px}
.workspace .analytics-bars{min-width:calc(var(--employee-count)*52px);grid-template-columns:repeat(var(--employee-count),minmax(48px,1fr));background-image:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),#dce6f2 calc(25% - 1px),#dce6f2 25%)}
.workspace .analytics-bar-tooltip{background:#fff;border-color:#d8e4f3;color:#2f4664;font-size:14px;width:205px;box-shadow:0 8px 25px #1a355b19}
/* Readable data tables and record controls. */
.workspace :is(.table-wrap,.assistant-table-wrap){background:#fbfdff;border:1px solid #dbe4f0;border-radius:13px;overflow:auto}
.workspace table th{font-size:14px;font-weight:650;color:#536b88;background:#f0f4fa;padding:15px 18px;border-color:#dce5f2}
.workspace table td{font-size:16px;padding:17px 18px;border-color:#e5ebf4;color:#314a69}
.workspace tbody tr:hover{background:#f0f5ff}
.workspace :is(table small,.secondary,.customer-cell small,.row-membership small,.row-third-party small){font-size:13px;color:#677c97;line-height:1.6}
.workspace .client-table .customer-name{font-size:17px;color:#2c59a3;font-weight:600}
.workspace .client-table{min-width:2110px}
.workspace .client-table :is(th,td){padding:14px 12px}
.workspace .client-table .client-col-intake{width:116px}
.workspace .client-table .client-col-customer{width:198px}
.workspace .client-table .client-col-nickname{width:144px}
.workspace .client-table :is(.client-col-gender,.client-col-age){width:100px}
.workspace .client-table .client-col-address{width:170px}
.workspace .client-table .client-col-source{width:166px}
.workspace .client-table .client-col-assistant{width:130px}
.workspace .client-table .client-col-progress{width:156px}
.workspace .client-table .client-col-rating{width:116px}
.workspace .client-table .profile-edit{font-size:15px}
.workspace .client-table .profile-missing{font-size:14px;white-space:nowrap}
.workspace :is(.status-select,.validity-select,.rating-select,.contact-select){font-size:14px;min-height:34px;padding:5px 8px}
.workspace :is(.rating-select){width:94px}.workspace :is(.status-select,.contact-select){min-width:125px}
.workspace .client-profile-button{font-size:15px;color:#587191;line-height:1.5}
.workspace .filters{padding:16px;background:#fbfdff;border:1px solid #dce5f2;border-radius:12px;gap:10px}
.workspace .filters :is(input,select){font-size:14px;min-height:40px}
.workspace :is(.quick-options button,.group-link,.pagination,.filter-count){font-size:14px}
.workspace .rating-summary{padding:13px 18px;background:#fbfcff;border:1px solid #dce5f2;border-radius:12px;gap:23px}
.workspace .rating-summary button{font-size:15px}.workspace .rating-dot{min-height:26px;min-width:26px;border-radius:6px}
.workspace .group-card{padding:23px}.workspace .group-card-title{font-size:18px}.workspace .group-card-footer{font-size:14px;color:#6d7f97}.workspace .group-card strong{font-size:36px;color:#7655cf}
.workspace :is(.group-owner,.group-member-count,.assistant-status){font-size:13px}
/* Channel registry: active, pending and deleted never share the same editing state. */
.workspace .supplier-channel-manager{padding:0;margin-bottom:24px}
.workspace .supplier-channel-manager>summary{padding:23px 24px;font-size:14px;color:#647c99}
.workspace .supplier-channel-manager>summary>span:first-child{font-size:20px;color:#2c4362;display:flex;align-items:center;gap:8px}
.workspace .supplier-channel-manager>summary small{font-size:13px;font-weight:400;color:#75879f}
.workspace .supplier-channel-manager>summary strong{color:#3267ed;margin-left:18px;font-size:15px}
.workspace .supplier-channel-manager b{background:#ebf1ff;color:#3867cb;border-radius:7px;font-size:15px;padding:3px 8px}
.channel-manager-body{padding:0 24px 24px}.channel-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.channel-card{border:1px solid #dbe5f2;border-radius:12px;background:#f9fbff;padding:18px;min-width:0}
.channel-card-heading{display:flex;align-items:flex-start;gap:12px}.channel-card h3{font-size:18px;font-weight:650;line-height:1.5;overflow-wrap:anywhere;margin:0;color:#2e4665}
.channel-avatar{width:40px;height:40px;flex:none;display:grid;place-items:center;background:#e8f0ff;color:#396fdf;border-radius:11px;font-size:14px;font-weight:650}
.channel-card:nth-child(4n+2) .channel-avatar{background:#e6f7f0;color:#19936c}.channel-card:nth-child(4n+3) .channel-avatar{background:#f1eafd;color:#855acb}.channel-card:nth-child(4n) .channel-avatar{background:#fff2db;color:#bb7d14}
.channel-state{font-size:13px;color:#6c7f97;display:block;margin-top:3px}.channel-card-actions{display:flex;gap:18px;margin-top:15px;padding-top:11px;border-top:1px solid #e4ebf5;align-items:center;flex-wrap:wrap}
.channel-card-actions button{min-height:32px}.channel-card-actions .red{margin-left:auto}
.workspace #teamChannelForm{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin-top:22px;padding-top:20px;border-top:1px solid #e0e8f3}
.workspace #teamChannelForm label{font-size:15px;flex:0 1 380px;display:grid;gap:8px}.workspace #teamChannelForm input{font-size:16px;width:100%;height:46px}
.workspace #teamChannelForm [data-channel-error]{color:#bf3954;font-size:14px;flex-basis:100%;margin:0}.workspace #teamChannelForm [data-channel-error]:empty{display:none}
.channel-archive{margin-top:22px;padding-top:18px;border-top:1px solid #e2e9f3}.channel-archive>summary{font-size:16px;font-weight:600;color:#506986;cursor:pointer}.channel-archive>p{font-size:14px;color:#6e8097;margin:10px 0 16px}
.channel-manager-empty{padding:20px;border-radius:11px;background:#edf4ff;border:1px solid #d5e4ff;margin-bottom:18px}.channel-manager-empty strong{font-size:18px;color:#315d9e}.channel-manager-empty p{font-size:15px;color:#5c7595;margin:6px 0 0}
.channel-action-body{padding:24px}.channel-action-body>strong{font-size:20px;color:#2f4868}.channel-action-body>p{font-size:16px;line-height:1.8;margin:12px 0 0;color:#5b708b}.channel-action-body [role=alert]{color:#bf3954}
.channel-availability{display:flex;align-items:center;gap:16px;margin:-4px 0 22px;padding:20px 24px;background:#fff7e8;border:1px solid #eed8a8;border-radius:13px;color:#835d1d}
.channel-availability-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#ffe7b5;color:#966209;font-size:24px;font-weight:700;flex:none}.channel-availability strong{font-size:17px}.channel-availability p{font-size:15px;margin:4px 0 0;line-height:1.6}.channel-availability a{margin-left:auto;white-space:nowrap}
/* Reconciliation hierarchy: overall counts, channel totals, then employee cells. */
.workspace .supplier-calendar{font-size:15px;gap:16px}.workspace .supplier-date-group label{font-size:15px;gap:12px}.workspace .supplier-date-group input{font-size:16px;background:#fbfdff;min-height:44px}
.workspace .supplier-day-state{font-size:14px;background:#e5edfa;color:#46648f;border:1px solid #d5e1f3;padding:8px 14px}
.workspace .supplier-card{padding:24px;gap:10px;min-height:151px}.workspace .supplier-card>span{font-size:16px;color:#566e8a}.workspace .supplier-card>strong{font-size:40px;line-height:1.15;color:#3168d8}.workspace .supplier-card:nth-child(2)>strong{color:#159367}.workspace .supplier-card>small{font-size:13px;color:#687f99}
.workspace .supplier-sheet-head h2{font-size:21px}.workspace .supplier-sheet-head p{font-size:15px;line-height:1.7;color:#647a95}
.workspace .supplier-step{font-size:12px;color:#6d86a6;letter-spacing:1.4px}.workspace .supplier-sheet{margin-bottom:22px}
.workspace .supplier-table th{font-size:14px;background:#edf3fb;color:#536f91}.workspace .supplier-table td{font-size:16px;padding:18px 20px;border-color:#e2eaf5}
.workspace .supplier-table small{font-size:13px;color:#6a819d}.workspace .supplier-table .supplier-entry-column{background:#eef4ff80}
.workspace .supplier-table input{background:#fbfdff;border-color:#bdd0ee;width:120px;min-height:44px;font-size:18px;padding:9px 12px;border-radius:8px;color:#315579}
.workspace .supplier-match{font-size:13px;padding:5px 9px;border-radius:6px}.workspace .supplier-match.good{background:#e4f5ec;color:#137a50}.workspace .supplier-match.bad{background:#fff0f2;color:#bf3551}.workspace .supplier-match.pending{background:#fff4df;color:#986811}
.workspace .supplier-matrix .matrix-fixed{background:#f0f5fc;min-width:210px}.workspace .supplier-matrix td{min-width:182px}.workspace .matrix-cell-values input{width:88px}.workspace .matrix-cell-values{font-size:18px;gap:10px}
.workspace .supplier-filter-label{font-size:14px}.workspace .supplier-filter-label select{font-size:15px;min-width:160px}
.workspace :is(.supplier-matrix-help,.supplier-method,.supplier-note-grid label,.supplier-history-entry,.supplier-message,.supplier-quality,.supplier-footer strong){font-size:14px;color:#5d7694;line-height:1.7}
.workspace .supplier-note-grid textarea{font-size:16px;background:#fbfdff;border-color:#ccd9ea}.workspace .supplier-footer{background:#f3f7fd;border-color:#dce6f3}.workspace .supplier-footer p{font-size:13px}
.workspace .supplier-history>summary{font-size:16px}.workspace .supplier-history-entry>summary{font-size:14px}.workspace .supplier-history-entry>summary span{color:#697f99}
/* Dialogs and forms use the same readable typography as the main workspace. */
body:has(.workspace) dialog{background:#fbfcff;border:1px solid #d6e1f1;border-radius:16px;color:#2f4563;box-shadow:0 28px 90px #0b234a35}
body:has(.workspace) dialog::backdrop{background:#152b4b70;backdrop-filter:blur(4px)}
body:has(.workspace) :is(.dialog-heading,.drawer-header,.dialog-head,.a-alert-heading){background:#fbfcff;border-bottom-color:#dee7f3}
body:has(.workspace) :is(.dialog-heading h2,.drawer-header h2,.dialog-head h2){font-size:22px}
body:has(.workspace) :is(.form-grid label,.new-group-fields label,.drawer-section h3,.dialog-tabs button){font-size:16px}
body:has(.workspace) :is(.dialog-tabs,.dialog-foot,.dialog-footer){border-color:#dfe7f2;background:#f4f7fc}
body:has(.workspace) :is(.drawer-meta,.permission-chip,.drawer-person small,.new-group-fields p,.membership-empty,.form-hint){font-size:14px;color:#607895}
body:has(.workspace) .drawer-actions button{font-size:15px;min-height:42px}
body:has(.workspace) .employee-drawer{border-radius:0;width:520px}.employee-drawer .card-stats strong{font-size:30px}
.workspace .a-alert-banner{background:linear-gradient(105deg,#edf7ff,#f7faff);border-color:#cbdff5;padding:19px 22px}
.workspace .a-alert-emblem{background:#def4e9;color:#168257;border:0}.workspace .a-alert-banner strong{font-size:17px}.workspace .a-alert-banner p{font-size:14px;color:#617b99}
.workspace .a-alert-bell{background:#f0f5fd;border-color:#d6e3f5;color:#3c608d;font-size:14px}
body:has(.workspace) .a-alert-dialog{background:#fbfcff}.a-alert-heading h2{font-size:23px}
@media(min-width:1750px){.workspace .employee-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1439px){
 body:has(.workspace){--sidebar-width:218px}body:has(.workspace) .sidebar{width:218px;padding:25px 12px 16px}
 body:has(.workspace) .workspace{margin-left:218px}body:has(.workspace) .workspace main{padding:25px 24px 32px}
 .workspace .analytics-charts{grid-template-columns:1fr 1.35fr}.workspace .analytics-donut-layout{flex-direction:column;gap:17px}.workspace .analytics-legend{width:100%}
 .workspace .metric{padding:21px 18px 18px 72px}.workspace .metric-icon{left:17px;width:40px;height:40px}.workspace .metric p{font-size:15px}
 body:has(#accountBar) .workspace .metric{padding:20px 18px 17px 70px}body:has(#accountBar) .workspace .metric-label svg{left:17px;width:40px;height:40px;padding:9px}
 body:has(#accountBar) .workspace .metric-label{font-size:15px}.workspace .supplier-card{padding:20px}.workspace .supplier-card>span{font-size:15px}
}
@media(max-width:1100px){
 .workspace .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace .analytics-charts{grid-template-columns:1fr}
 .workspace .analytics-donut-layout{flex-direction:row;gap:28px}.workspace .analytics-legend{width:auto}
 .workspace .analytics-toolbar{flex-wrap:wrap;gap:12px}.workspace .analytics-period{margin-left:auto}
 .workspace .supplier-channel-manager>summary{align-items:flex-start}.workspace .supplier-channel-manager>summary>span:last-child{font-size:13px;text-align:right;max-width:45%}
}
@media(max-width:800px){
 body:has(.workspace) .workspace{margin-left:0}body:has(.workspace) .workspace main{padding:23px 18px 30px}
 body:has(.workspace) .topbar{padding:0 18px;height:62px}
 body:not(:has(#accountBar)):has(.workspace) .sidebar{position:static;width:auto;padding:19px 18px}
 body:not(:has(#accountBar)):has(.workspace) .sidebar nav{display:flex;gap:7px;overflow-x:auto;margin-top:17px;padding-bottom:3px}
 body:not(:has(#accountBar)):has(.workspace) .nav-button{white-space:nowrap;font-size:14px;min-height:42px;padding:9px 12px;flex-shrink:0}
 body:not(:has(#accountBar)):has(.workspace) :is(.nav-caption,.sidebar>.inline-info,.team-badge){display:none}
 body:has(#accountBar) .sidebar{width:238px;transform:translateX(-100%)}body:has(#accountBar) .sidebar.open{transform:translateX(0)}
 body:has(.workspace) :is(h1,.page-heading h1){font-size:27px}body:has(.workspace) :is(.page-head,.page-heading){flex-wrap:wrap;gap:15px}
 .workspace .analytics-kpis{gap:10px}.workspace .analytics-kpi{padding:18px;min-height:140px}.workspace .analytics-kpi-symbol{display:none}.workspace .analytics-kpi strong{font-size:32px}
 .workspace .supplier-totals{gap:10px}.workspace .supplier-card{padding:18px}.workspace .supplier-card>strong{font-size:34px}
 .workspace .supplier-sheet-head,.workspace .supplier-footer{flex-direction:column;align-items:stretch}.workspace .supplier-footer>div:last-child{flex-wrap:wrap}
 .channel-availability{flex-wrap:wrap}.channel-availability a{margin-left:56px}
}
@media(max-width:560px){
 body:has(.workspace) .workspace main{padding:21px 14px 28px}.workspace .employee-grid{grid-template-columns:1fr}
 .workspace .analytics-kpis,.workspace .supplier-totals{grid-template-columns:1fr}.workspace .analytics-kpi{min-height:130px;padding:21px}.workspace .analytics-kpi-symbol{display:grid}
 .workspace .analytics-chart{padding:20px 17px}.workspace .analytics-donut-layout{flex-direction:column}.workspace .analytics-legend{width:100%}
 .workspace .analytics-period{width:100%;justify-content:space-between;order:3}.workspace .analytics-period button{padding:8px 13px}.workspace .analytics-collapse{margin-left:auto}
 .workspace .metrics{gap:10px}.workspace .metric,body:has(#accountBar) .workspace .metric{padding:17px;min-height:148px}
 .workspace .metric-icon{position:static;width:34px;height:34px;margin-bottom:10px}.workspace .metric p{font-size:14px}.workspace .metric strong{font-size:30px}
 body:has(#accountBar) .workspace .metric-label svg{position:static;display:block;margin-bottom:9px;width:34px;height:34px;padding:7px}
 body:has(#accountBar) .workspace .metric-label{font-size:14px}.workspace .metric small,body:has(#accountBar) .workspace .metric-caption{font-size:12px}
 .workspace .supplier-channel-manager>summary{padding:19px;gap:10px;flex-wrap:wrap}.workspace .supplier-channel-manager>summary>span:last-child{max-width:100%;text-align:left}
 .channel-manager-body{padding:0 18px 20px}.channel-card-grid{grid-template-columns:1fr}.workspace #teamChannelForm label{flex-basis:100%}
 .workspace .supplier-note-grid{grid-template-columns:1fr}.workspace .supplier-sheet-head>div:last-child{flex-wrap:wrap}
 .workspace .supplier-date-group{flex-wrap:wrap}.workspace .supplier-calendar{gap:10px}
 body:has(.workspace) .topbar .account{gap:8px}body:has(.workspace) .topbar .account>strong{font-size:14px}.workspace .a-alert-bell{font-size:12px;padding:7px}
 .workspace .a-alert-banner{flex-wrap:wrap}.workspace .a-alert-banner p{font-size:14px}.workspace .a-alert-banner>div{min-width:190px}
 .workspace .toolbar{flex-wrap:wrap}.workspace .search-field{flex-basis:100%}
}
@media(prefers-reduced-motion:reduce){.workspace .employee-card:hover{transform:none}}