/* BOSS home shares the business-performance page's frame and Octal tokens. */
.boss-dashboard {
    --boss-ink:var(--octal-ink,#111a3a);
    --boss-muted:#65718a;
    --boss-line:var(--octal-border,#e3e8f4);
    --boss-accent:var(--octal-primary,#665cf6);
    width:100%;max-width:none;min-width:0;margin:0;padding:0 0 28px;
    color:var(--boss-ink);font:inherit;
}
.boss-dashboard * { box-sizing:border-box; }
.boss-dashboard [hidden] { display:none!important; }
.boss-head { margin:0 0 8px; }
.boss-head h1 { margin:0;font-size:22px;line-height:1.25;font-weight:800;letter-spacing:-.04em; }
.boss-head p { margin:4px 0 0;color:var(--boss-muted);font-size:12px;line-height:1.5; }
.boss-head>div { min-width:0; }
.boss-refresh { flex:0 0 auto;cursor:pointer; }
.boss-refresh:disabled { opacity:.6;cursor:wait; }
.boss-dashboard button:focus-visible,.boss-dashboard select:focus-visible,.boss-filter-panel>summary:focus-visible {
    outline:3px solid #b1aaff;outline-offset:3px;
}
/* Navigation uses the same icon, selected surface and weight as the business tabs. */
.boss-section-tabs { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:6px;margin:0 0 12px;background:#fff;border:1px solid var(--boss-line);border-radius:12px;box-shadow:var(--octal-shadow); }
.boss-section-tabs button { display:flex;align-items:center;justify-content:flex-start;gap:10px;min-width:0;min-height:52px;padding:8px 14px;color:#4b5873;background:transparent;border:1px solid transparent;border-radius:9px;font:inherit;font-size:13px;font-weight:700;cursor:pointer; }
.boss-section-tabs button>i { display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:9px;color:var(--boss-accent);background:#f0edff;font-size:16px; }
.boss-section-tabs button:hover { background:#f8f7ff;color:var(--boss-accent); }
.boss-section-tabs button.active { color:#5146c8;background:#f2efff;border-color:#dfd9ff;box-shadow:0 3px 9px #665cf610; }
.boss-section-tabs button.active>i { color:#fff;background:var(--boss-accent); }
/* Compact filter tracks; layout remains flexible across the full available width. */
.boss-filter-panel { min-width:0;padding:0 14px;margin:0 0 12px;background:#fff;border:1px solid var(--boss-line);border-radius:14px;box-shadow:var(--octal-shadow); }
.boss-filter-panel>summary { display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:39px;list-style:none;color:#53617d;font-size:12px;font-weight:650;cursor:pointer; }
.boss-filter-panel>summary::-webkit-details-marker { display:none; }
.boss-filter-trigger { display:flex;align-items:center;gap:7px;color:var(--boss-accent);white-space:nowrap; }
.boss-filter-trigger i { font-size:11px; }
.boss-filter-panel[open] .boss-filter-trigger i { transform:rotate(180deg); }
.boss-filter-content { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 14px;padding:0 0 12px; }
.boss-filter-row { display:flex;align-items:center;gap:10px;min-width:0;grid-column:1/-1; }
.boss-filter-label { display:flex;align-items:center;gap:7px;flex:0 0 76px;color:#66728a;font-size:12px;font-weight:650; }
.boss-filter-label i { color:#8c88bb;font-size:13px; }
.boss-presets,.boss-org-tabs { display:flex;align-items:center;flex-wrap:wrap;gap:3px;max-width:100%;padding:4px;border:1px solid #e2e6ef;border-radius:11px;background:#f4f6fb; }
.boss-presets button,.boss-org-tabs button { min-height:34px;padding:0 12px;border:0;border-radius:8px;background:transparent;color:#59667f;font:inherit;font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer; }
.boss-presets button:hover,.boss-org-tabs button:hover { color:#5146c8;background:#ebe9ff; }
.boss-presets button.active,.boss-org-tabs button.active { color:#fff;background:var(--boss-accent);box-shadow:0 4px 10px #665cf62e; }
.boss-org-selects { display:flex;align-items:center;flex-wrap:wrap;gap:12px;grid-column:1/-1;padding-left:86px;min-width:0; }
.boss-org-selects label { display:flex;align-items:center;gap:9px;color:#66728a;font-size:12px;font-weight:650;min-width:0; }
.boss-org-selects select { min-width:178px;max-width:100%;height:40px;padding:0 32px 0 12px;background:#f8f9fc;border:1px solid #dfe4ed;border-radius:11px;color:#34415d;font:inherit;font-size:12px; }
.boss-org-selects .boss-cohort { min-height:40px;padding:0 12px;background:#f3f1ff;border:1px solid #dcd7ff;border-radius:11px;color:#5146c8; }
.boss-cohort input { width:16px;height:16px;accent-color:var(--boss-accent); }
/* Only actionable loading/error messages are visible; routine freshness text is omitted. */
.boss-status { margin:0 0 12px;padding:10px 14px;border:1px solid #e4def8;border-radius:10px;background:#f7f5ff;color:#62548d;font-size:12px;line-height:1.5; }
.boss-section { margin:0 0 14px;padding:16px;background:#fff;border:1px solid var(--boss-line);border-radius:12px;box-shadow:var(--octal-shadow);min-width:0; }
.boss-section-heading { display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px; }
.boss-section-heading h2 { display:flex;align-items:center;gap:9px;margin:0;color:#18213f;font-size:15px;line-height:1.4;font-weight:750; }
.boss-section-heading h2>i { color:var(--boss-accent);font-size:16px; }
.boss-section-heading p { margin:5px 0 0;color:#9a5710;font-size:12px;line-height:1.5; }
.boss-card-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px; }
#bossBusinessCards { grid-template-columns:repeat(10,minmax(0,1fr)); }
#bossBusinessCards>.boss-metric-card { grid-column:span 2; }
#bossBusinessCards>.boss-card-feature { grid-column:span 5; }
.boss-metric-card { display:flex;align-items:center;gap:12px;min-width:0;min-height:94px;padding:14px;background:#fff;border:1px solid #e7eaf3;border-radius:11px; }
.boss-metric-icon { display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:#eef1ff;color:#7063ee;font-size:17px; }
.boss-metric-copy { display:grid;gap:6px;min-width:0; }
.boss-metric-copy small { color:#52617b;font-size:12px;font-weight:650;line-height:1.4; }
.boss-metric-copy strong { color:#192342;font-size:23px;font-weight:800;line-height:1.2;letter-spacing:-.035em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere; }
.boss-metric-copy span { color:#738099;font-size:12px;line-height:1.5;overflow-wrap:anywhere; }
.boss-card-feature { min-height:124px;padding:18px 22px;gap:16px;background:#faf9ff;border-color:#e4def9; }
.boss-card-feature .boss-metric-icon { width:44px;height:44px;flex-basis:44px;background:#eeeaff;color:#6e5ae3;font-size:21px; }
.boss-card-feature .boss-metric-copy small { font-size:13px; }
.boss-card-feature .boss-metric-copy strong { font-size:34px;color:#5143a7; }
.boss-income { background:#f7fcfa;border-color:#dcece5; }
.boss-income .boss-metric-icon,.boss-finance .boss-metric-icon { color:#209673;background:#e8f7f0; }
.boss-income .boss-metric-copy strong { color:#23785e; }
.boss-risk .boss-metric-icon { color:#d9607d;background:#fff0f4; }
.boss-project-stock .boss-metric-icon { color:#e08b30;background:#fff2e4; }
.boss-project-flow .boss-metric-icon { color:#258cba;background:#e8f6fc; }
.boss-subheading { margin:20px 0 12px;color:#33415f;font-size:14px;font-weight:750; }
#bossWorkflowCards { grid-template-columns:repeat(6,minmax(0,1fr)); }
#bossWorkflowCards .boss-metric-card { padding:13px 10px;gap:9px;min-height:100px;background:#fcfcff;align-items:flex-start; }
#bossWorkflowCards .boss-metric-icon { width:28px;height:28px;flex-basis:28px;font-size:14px;border-radius:8px; }
#bossWorkflowCards .boss-metric-copy strong { font-size:25px; }
#bossWorkflowCards .boss-metric-copy span { font-size:11px; }
.boss-detail-grid { display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:14px;margin-top:16px; }
.boss-panel { min-width:0;border:1px solid #e7eaf3;border-radius:11px;background:#fff;padding:14px 16px; }
.boss-panel h3 { margin:0 0 12px;color:#253151;font-size:14px;font-weight:750; }
.boss-shop-chart-wrap { position:relative;height:190px;margin:0 0 12px; }
.boss-table-scroll { max-width:100%;overflow:auto; }
.boss-table { border-collapse:collapse;width:100%;font-size:12px;font-variant-numeric:tabular-nums; }
.boss-table th,.boss-table td { padding:10px 8px;text-align:right;white-space:nowrap;border-bottom:1px solid #eef0f6; }
.boss-table th { background:#f8f9fd;color:#68748c;font-weight:650; }
.boss-table th:first-child,.boss-table td:first-child { text-align:left; }
.boss-table tbody tr:last-child td { border-bottom:0; }
.boss-table tbody tr:hover { background:#faf9ff; }
.boss-rank-tabs { display:flex;gap:3px;padding:4px;margin-bottom:8px;background:#f4f6fb;border:1px solid #e2e6ef;border-radius:9px; }
.boss-rank-tabs button { flex:1;min-height:34px;padding:5px 8px;border:0;border-radius:6px;background:transparent;color:#65718a;font:inherit;font-size:12px;font-weight:650;cursor:pointer; }
.boss-rank-tabs button.active { color:#fff;background:var(--boss-accent);box-shadow:0 3px 8px #665cf62e; }
.boss-rank-list { list-style:none;margin:0;padding:0; }
.boss-rank-list li { display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:49px;border-bottom:1px solid #eef0f6;padding:7px 0; }
.boss-rank-list li:last-child { border-bottom:0; }
.boss-rank-no { display:grid;place-items:center;width:23px;height:23px;border-radius:6px;background:#f1f2f8;color:#74819b;font-size:11px;font-weight:750; }
.boss-rank-list li:nth-child(-n+3) .boss-rank-no { background:#eeeaff;color:#6657dd; }
.boss-rank-name { display:grid;gap:3px;min-width:0; }
.boss-rank-name strong { font-size:12px;color:#35415d;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.boss-rank-name small { color:#76829a;font-size:11px; }
.boss-rank-value { font-size:13px;font-weight:750;white-space:nowrap;color:#4f43b1;font-variant-numeric:tabular-nums; }
.boss-stages { margin-top:14px; }
.boss-stage-list { display:grid;gap:15px;margin:0;padding:0;list-style:none; }
.boss-stage-list li { display:grid;grid-template-columns:minmax(100px,140px) minmax(0,1fr) 34px;gap:14px;align-items:center;color:#52617b;font-size:12px; }
.boss-stage-list strong { text-align:right;color:#35415e;font-size:13px; }
.boss-stage-track { height:7px;overflow:hidden;border-radius:8px;background:#f0eef9; }
.boss-stage-track i { display:block;height:100%;border-radius:8px;background:#8b7aee; }
.boss-message,.boss-loading { display:flex;align-items:center;gap:8px;min-height:48px;color:var(--boss-muted);font-size:12px;line-height:1.5; }
.boss-message-error { padding:10px;border:1px solid #f1d4d8;border-radius:9px;background:#fff7f8;color:#ad4c60; }
.boss-dashboard .spinner-border { width:14px;height:14px;border:2px solid #e5e0fa;border-right-color:var(--boss-accent);border-radius:50%;animation:boss-spin .75s linear infinite; }
@keyframes boss-spin { to{transform:rotate(360deg)} }
@media(min-width:1600px) {
    .boss-filter-content { display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px; }
    .boss-filter-row { flex:0 1 auto; }
    .boss-org-selects { flex:0 1 auto;padding-left:0; }
}
@media(max-width:1180px) {
    .boss-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    #bossBusinessCards { grid-template-columns:repeat(6,minmax(0,1fr)); }
    #bossBusinessCards>.boss-card-feature { grid-column:span 3; }
    #bossWorkflowCards { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .boss-detail-grid { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
}
@media(max-width:980px) {
    .boss-head { padding-left:48px; }
    .boss-section-tabs button { padding:8px 10px;gap:8px; }
}
@media(max-width:720px) {
    #mainApp .boss-head { flex-direction:row;flex-wrap:nowrap;align-items:center;min-height:66px;padding:8px 0!important; }
    #mainApp .boss-head>div:first-child { flex:1 1 auto; }
    #mainApp .boss-head .boss-refresh { flex:0 0 40px; }
    .boss-head h1 { font-size:22px; }
    .boss-head p { font-size:11px; }
    .boss-refresh { width:40px;min-height:40px;padding:0; }
    .boss-refresh span { display:none; }
    .boss-section-tabs { gap:4px;padding:5px; }
    .boss-section-tabs button { min-height:46px;justify-content:center;gap:5px;padding:7px 4px;font-size:12px; }
    .boss-section-tabs button>i { width:auto;height:auto;flex-basis:auto;background:transparent;font-size:14px; }
    .boss-section-tabs button.active>i { background:transparent;color:var(--boss-accent); }
    .boss-filter-panel { padding:0 12px; }
    .boss-filter-panel>summary { min-height:46px; }
    .boss-filter-content { display:flex;flex-direction:column;gap:12px;padding:10px 0 12px;border-top:1px solid #edf0f6; }
    .boss-filter-row { flex-direction:column;align-items:stretch;gap:7px; }
    .boss-filter-label { flex-basis:auto; }
    .boss-presets,.boss-org-tabs { width:100%; }
    .boss-presets button,.boss-org-tabs button { min-height:40px;padding:0 10px;font-size:12px;flex:1 0 auto; }
    .boss-org-selects { padding-left:0;align-items:stretch;gap:9px; }
    .boss-org-selects label:not(.boss-cohort) { display:grid;width:100%;gap:7px; }
    .boss-org-selects select { width:100%;min-width:0;height:44px; }
    .boss-org-selects .boss-cohort { min-height:44px; }
    .boss-section { padding:13px 12px;margin-bottom:12px; }
    .boss-section-heading { margin-bottom:12px; }
    .boss-card-grid,#bossBusinessCards { grid-template-columns:repeat(2,minmax(0,1fr));gap:9px; }
    #bossBusinessCards>.boss-metric-card { grid-column:span 1; }
    #bossBusinessCards>.boss-card-feature { grid-column:1/-1; }
    .boss-card-feature { padding:16px;min-height:112px; }
    .boss-card-feature .boss-metric-copy strong { font-size:30px; }
    .boss-card-feature .boss-metric-copy small { font-size:13px; }
    .boss-metric-card { min-height:103px;padding:12px 10px;gap:8px;align-items:flex-start; }
    .boss-metric-card:not(.boss-card-feature) .boss-metric-icon { display:none; }
    .boss-metric-copy strong { font-size:22px; }
    .boss-metric-copy small,.boss-metric-copy span { font-size:12px; }
    #bossWorkflowCards { grid-template-columns:repeat(2,minmax(0,1fr)); }
    #bossWorkflowCards .boss-metric-copy span { font-size:12px; }
    .boss-detail-grid { grid-template-columns:1fr;gap:12px; }
    .boss-panel { padding:13px 10px; }
    .boss-subheading { margin-top:18px; }
    .boss-rank-list li { gap:7px; }
    .boss-rank-value { font-size:12px; }
    .boss-table th,.boss-table td { padding:10px 7px; }
    .boss-stage-list li { grid-template-columns:minmax(74px,100px) minmax(0,1fr) 28px;gap:8px; }
}
@media(max-width:390px) {
    .boss-section-tabs button { flex-direction:column;gap:4px;min-height:53px;font-size:11px; }
    .boss-card-feature .boss-metric-copy strong { font-size:28px; }
    .boss-card-feature { padding:14px 12px;gap:11px; }
}
@media(prefers-reduced-motion:reduce) { .boss-dashboard .spinner-border{animation:none} }