/* Isolated future dashboard styles; legacy dashboard selectors are untouched. */
.manager-host { width: 100%; }
.manager-dashboard { color: var(--color-text); font: 15px/1.5 system-ui, sans-serif; width: 100%; max-width: none; margin: 0; padding: clamp(12px, 2.5vw, 28px) clamp(16px, 2.5vw, 36px) clamp(16px, 2.5vw, 36px); }
.manager-dashboard, .manager-dashboard *, .manager-preview-controls, .manager-preview-controls *, .manager-controls, .manager-controls * { box-sizing: border-box; }
.manager-dashboard h1, .manager-dashboard h2, .manager-dashboard h3, .manager-dashboard p { margin: 0; }
.manager-dashboard h1 { font-size: clamp(30px, 4vw, 42px); line-height: 1.12; letter-spacing: -.04em; margin: 7px 0 9px; }
.manager-dashboard h2 { font-size: 17px; line-height: 1.3; }
.manager-dashboard h3 { font-size: 13px; font-weight: 500; color: var(--color-text-secondary); margin-bottom: 6px; }
.manager-header, .manager-card-heading, .manager-section-title { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.manager-header { margin: 28px 0 22px; }
.manager-eyebrow { color: var(--color-text-muted); font-size: 12px; font-weight: 650; letter-spacing: .06em; text-transform: uppercase; }
.manager-muted, .manager-comparison, .manager-cutoff, .manager-scope { color: var(--color-text-muted); font-size: 13px; }
.manager-context { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; padding: 0; border: 0; border-radius: 0; background: transparent; overflow: visible; }
.manager-context > div { padding: 14px 18px; min-width: 0; border: 1px solid var(--color-border); border-radius: 12px; background: var(--color-surface); }
.manager-context span, .manager-context strong { display: block; }
.manager-context span { color: var(--color-text-muted); font-size: 12px; margin-bottom: 4px; }
.manager-context strong { font-weight: 600; font-size: 13px; }
.manager-area-nav { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; margin-top: 18px; }
.manager-area-tab { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0; min-width: 0; }
.manager-area-tab .manager-area-current, .manager-area-tab .manager-area-switch { border-radius: 10px 0 0 10px; border-right: none; }
.manager-area-tab--active .manager-area-current { min-height: 62px; }
.manager-area-open { display: grid; place-items: center; min-width: 44px; min-height: 62px; padding: 0 10px; border: 1px solid var(--color-border); border-radius: 0 10px 10px 0; color: var(--color-text-muted); background: var(--color-surface); cursor: pointer; font: inherit; }
.manager-area-open:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 3px; }
.manager-area-nav button, .manager-area-current { position: relative; display: grid; min-width: 0; min-height: 62px; align-content: center; gap: 2px; padding: 10px 34px 10px 13px; border: 1px solid var(--color-border); border-radius: 10px; color: var(--color-text); background: var(--color-surface); text-align: left; font: inherit; }
.manager-area-tab .manager-area-switch { padding-right: 13px; }
.manager-area-current { border-color: color-mix(in srgb, var(--color-primary) 45%, var(--color-border)); background: color-mix(in srgb, var(--color-primary) 7%, var(--color-surface)); padding-right: 13px; }
.manager-area-nav > button.manager-area-current--primary,
.manager-area-nav > .manager-area-current--primary { overflow: hidden; border-color: color-mix(in srgb, var(--color-info) 42%, var(--color-border)); background: var(--color-info-muted); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-info) 22%, transparent); }
.manager-area-nav > button.manager-area-current--primary::before,
.manager-area-nav > .manager-area-current--primary::before { position: absolute; inset: 8px auto 8px 0; width: 3px; border-radius: 0 3px 3px 0; background: var(--color-info); content: ''; }
.manager-area-nav > button.manager-area-current--primary span,
.manager-area-nav > .manager-area-current--primary span { color: var(--color-info-on-muted); }
.manager-area-nav > button.manager-area-current--primary small,
.manager-area-nav > .manager-area-current--primary small { color: var(--color-text-muted); }
.manager-area-tab--active .manager-area-open { border-color: color-mix(in srgb, var(--color-primary) 45%, var(--color-border)); background: color-mix(in srgb, var(--color-primary) 4%, var(--color-surface)); }
.manager-area-footer { margin: 16px 0 0; }
.manager-compact-list--wide { display: grid; gap: 10px; }
.manager-operations--area { margin-top: 16px; }
.manager-area-nav span { font-size: 12px; font-weight: 680; overflow-wrap: anywhere; }
.manager-area-nav small { color: var(--color-text-muted); font-size: 10px; line-height: 1.3; overflow-wrap: anywhere; }
.manager-area-nav button { cursor: pointer; transition: transform 140ms cubic-bezier(.23, 1, .32, 1), border-color 140ms ease, background-color 140ms ease; }
.manager-area-nav .manager-area-switch b { position: absolute; top: 50%; right: 13px; color: var(--color-text-muted); font-size: 15px; transform: translateY(-50%); }
.manager-area-open b { position: static; transform: none; font-size: 15px; color: var(--color-text-muted); }
.manager-deep-roadmap { margin: 12px 0 0; padding: 10px 12px; border: 1px dashed var(--color-border); border-radius: 8px; color: var(--color-text-muted); font-size: 12px; line-height: 1.45; }
.manager-deep-section { margin-top: 20px; }
.manager-area-nav button:active { transform: scale(.98); }
.manager-area-nav button:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 3px; }
.manager-section-title { align-items: end; margin: 28px 0 12px; }
.manager-dashboard-body .manager-section-title:first-child { margin-top: 0; }
.manager-section-title p { color: var(--color-text-muted); font-size: 12px; }
.manager-section-kicker { color: var(--color-primary) !important; font-size: 10px !important; font-weight: 750; letter-spacing: .08em; margin-bottom: 3px !important; text-transform: uppercase; }
.manager-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; align-items: stretch; }
.manager-grid--secondary { align-items: start; }
.manager-dashboard-body { display: grid; gap: 18px; margin-top: 18px; }
.manager-area-shell--split { display: grid; gap: clamp(20px, 3vw, 28px); margin-top: 18px; min-width: 0; }
.manager-area-shell--split .manager-area-priority,
.manager-area-shell--split .manager-area-analytics { min-width: 0; }
.manager-area-shell--split .manager-area-analytics { display: grid; gap: 0; }
.manager-area-shell--split .manager-area-analytics > .manager-section-title { margin-top: 0; }
.manager-area-shell--split .manager-area-analytics > .manager-dashboard-body { margin-top: 0; }
.manager-executive-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(420px, .9fr); gap: 16px; align-items: start; }
.manager-executive-grid--stacked { grid-template-columns: minmax(0, 1fr); gap: 14px; }
.manager-executive-grid--stacked .manager-risk-grid--panorama { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.manager-executive-grid--compact { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); align-items: start; }
.manager-executive-grid--wide { grid-template-columns: minmax(0, 1fr); align-items: start; }
.manager-executive-grid--wide .manager-risk-grid { grid-column: 1 / -1; }
.manager-main-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; align-items: start; }
.manager-main-primary, .manager-main-secondary { min-width: 0; }
.manager-risk-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; min-width: 0; }
.manager-card { display: flex; flex-direction: column; background: var(--color-surface); border: 1px solid var(--color-border); border-radius: 14px; padding: 20px; min-width: 0; box-shadow: 0 1px 2px color-mix(in srgb, var(--color-text) 5%, transparent); }
.manager-card--hero { position: relative; border-color: color-mix(in srgb, var(--color-primary) 38%, var(--color-border)); padding: clamp(22px, 2.5vw, 32px); overflow: hidden; }
.manager-card--hero::before { position: absolute; inset: 0 auto 0 0; width: 4px; background: var(--color-primary); content: ''; }
.manager-card--hero .manager-metrics { grid-template-columns: minmax(0, 1.45fr) minmax(140px, .55fr); gap: clamp(16px, 3vw, 36px); margin-top: clamp(14px, 2.5vw, 28px); }
.manager-card--hero .manager-value { font-size: clamp(28px, 3vw, 40px); }
.manager-card--signal { padding: 18px; box-shadow: none; }
.manager-card--signal .manager-scope { min-height: 0; max-height: 2.85em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.manager-card--signal .manager-metrics { gap: 12px; margin-top: 14px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.manager-card--signal .manager-measures { grid-template-columns: minmax(0, 1fr); }
.manager-card--signal .manager-value { font-size: clamp(24px, 2.2vw, 32px); }
.manager-card--quiet { border-style: dashed; background: color-mix(in srgb, var(--color-surface-muted) 55%, var(--color-surface)); box-shadow: none; }
.manager-card--quiet .manager-value, .manager-card--quiet .manager-no-value { color: var(--color-text-muted); font-size: clamp(20px, 2vw, 26px); }
.manager-card--hot { border-color: color-mix(in srgb, var(--color-warning) 42%, var(--color-border)); background: color-mix(in srgb, var(--color-warning-muted) 12%, var(--color-surface)); }
.manager-card--hot .manager-value { color: var(--color-text); }
.manager-card--hot::before { position: absolute; inset: 0 auto 0 0; width: 3px; border-radius: 14px 0 0 14px; background: var(--color-warning); content: ''; }
.manager-card--signal.manager-card--hot { position: relative; overflow: hidden; }
.manager-card--gate { grid-column: 1 / -1; min-height: auto; padding: 16px 18px; background: color-mix(in srgb, var(--color-warning-muted) 28%, var(--color-surface)); border-style: dashed; box-shadow: none; }
.manager-result-row { margin-top: 16px; }
.manager-card--gate .manager-card-heading { align-items: center; }
.manager-card--gate .manager-scope { min-height: 0; }
.manager-card--gate .manager-metrics { margin-top: 10px; }
.manager-card--gate .manager-measures { grid-template-columns: minmax(0, 1fr); }
.manager-card--gate .manager-value, .manager-card--gate .manager-no-value { font-size: 21px; }
.manager-card--gate .manager-empty { display: none; }
.manager-card--gate .manager-card-meta { padding-top: 8px; }
.manager-card--result { padding: 18px 20px; border-color: color-mix(in srgb, var(--color-success) 38%, var(--color-border)); box-shadow: none; }
.manager-card--result .manager-scope { min-height: 0; }
.manager-card--result .manager-metrics { margin-top: 14px; }
.manager-card--result .manager-measures { grid-template-columns: minmax(0, 1fr); }
.manager-card--result .manager-value { font-size: clamp(28px, 3vw, 38px); }
.manager-card-heading { align-items: flex-start; flex-wrap: wrap; gap: 8px; }
.manager-scope { margin-top: 8px !important; min-height: 38px; line-height: 1.4; overflow-wrap: anywhere; }
.manager-metrics { display: grid; gap: 18px; margin-top: 18px; }
.manager-metric { min-width: 0; }
.manager-measures { display: grid; grid-template-columns: repeat(auto-fit, minmax(112px, 1fr)); gap: 12px; }
.manager-value, .manager-no-value { font-size: clamp(24px, 2.35vw, 30px); font-weight: 680; line-height: 1.15; letter-spacing: -.035em; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.manager-no-value { color: var(--color-text-muted); }
.manager-comparison, .manager-cutoff { margin-top: 5px !important; font-size: 12px; }
.manager-state { display: inline-flex; align-items: center; gap: 6px; padding: 3px 8px; border-radius: 999px; font-size: 11px; font-weight: 650; line-height: 1.5; color: var(--color-text-secondary); background: var(--color-surface-muted); white-space: nowrap; }
.manager-state > span { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.manager-state--partial { color: var(--color-info-on-muted); background: var(--color-info-muted); }
.manager-state--reconciliation_pending, .manager-state--stale { color: var(--color-warning-fg); background: var(--color-warning-muted); }
.manager-state--error { color: var(--color-danger-on-muted); background: var(--color-danger-muted); }
.manager-state--available, .manager-state--empty { color: var(--color-success-on-muted); background: var(--color-success-muted); }
.manager-state--loading { color: var(--color-info-on-muted); background: var(--color-info-muted); }
.manager-state--forbidden, .manager-state--scope_required { color: var(--color-text-muted); background: var(--color-surface-muted); }
.manager-empty { margin-top: 22px; min-height: 92px; }
.manager-empty .manager-muted { margin-top: 8px; }
.manager-card-meta { margin-top: auto; padding-top: 18px; color: var(--color-text-muted); font-size: 11px; }
.manager-pilot-note { margin-top: 10px !important; padding: 6px 10px 6px 12px; border-radius: 6px; font-size: 11px; line-height: 1.45; color: var(--color-text-muted); background: var(--color-surface-muted); border-left: 3px solid var(--color-warning); }
.manager-card-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.manager-card-action { min-height: 40px; padding: 8px 14px; border: 1px solid var(--color-border); border-radius: 999px; background: var(--color-surface-muted); color: var(--color-text); font-size: 12px; font-weight: 650; cursor: pointer; transition: transform 140ms cubic-bezier(.23, 1, .32, 1), border-color 140ms ease, background-color 140ms ease; }
.manager-card-action:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 3px; }
.manager-card-action:active { transform: scale(.98); }
.manager-panorama-empty { margin-top: 22px; padding: 20px 18px; border: 1px dashed var(--color-border); border-radius: 12px; background: var(--color-surface-muted); }
.manager-panorama-empty h2 { font-size: 15px; margin-bottom: 6px; }
.manager-panorama-empty p { color: var(--color-text-muted); font-size: 13px; }
.manager-details { border-top: 1px solid var(--color-border-subtle); margin-top: 10px; padding-top: 10px; color: var(--color-text-muted); font-size: 12px; }
.manager-details summary { width: fit-content; color: var(--color-text-secondary); cursor: pointer; font-weight: 600; }
.manager-details summary:focus-visible { outline: 2px solid var(--color-border-focus); outline-offset: 3px; border-radius: 2px; }
.manager-details p { margin-top: 8px !important; }
.manager-warning, .manager-preview { color: var(--color-warning-fg); background: var(--color-warning-muted); border-radius: 8px; padding: 12px 16px; font-size: 12px; }
.manager-warning { margin-top: 12px !important; }
.manager-preview { font-weight: 600; }
.manager-decision-grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(520px, 1.1fr); gap: 16px; align-items: start; }
.manager-decision-grid--single { grid-template-columns: minmax(0, 1fr); }
.manager-attention, .manager-operations { min-width: 0; border: 1px solid var(--color-border); border-radius: 14px; background: var(--color-surface); padding: 20px; }
.manager-attention { border-color: color-mix(in srgb, var(--color-primary) 28%, var(--color-border)); }
.manager-attention-heading, .manager-operations-heading, .manager-compact-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.manager-attention-empty { display: flex; align-items: flex-start; gap: 14px; min-height: 0; margin-top: 16px; padding: 16px; border-radius: 12px; background: var(--color-surface-muted); }
.manager-attention-empty > span { display: grid; place-items: center; flex: 0 0 32px; height: 32px; border-radius: 50%; color: var(--color-warning-fg); background: var(--color-warning-muted); font-weight: 750; }
.manager-attention-empty h3 { color: var(--color-text); font-size: 14px; font-weight: 680; margin-bottom: 5px; }
.manager-attention-empty p, .manager-attention-rule { color: var(--color-text-muted); font-size: 13px; }
.manager-attention-rule { margin-top: 14px !important; }
.manager-attention-list { list-style: none; margin: 20px 0 0; padding: 0; display: grid; gap: 10px; }
.manager-attention-item { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 14px 16px; border: 1px solid var(--color-border-subtle); border-radius: 12px; background: var(--color-surface-muted); min-width: 0; }
.manager-attention-item strong { display: block; font-size: 14px; margin-bottom: 4px; }
.manager-attention-item p { margin: 0; color: var(--color-text-muted); font-size: 12px; overflow-wrap: anywhere; }
.manager-attention-item .manager-card-action { flex-shrink: 0; }
.manager-operations-heading { align-items: end; margin-bottom: 4px; }
.manager-operations-heading > p { color: var(--color-text-muted); font-size: 12px; }
.manager-compact-list { display: grid; }
.manager-compact-block { padding: 15px 0; min-width: 0; border-top: 1px solid var(--color-border-subtle); }
.manager-compact-heading h3 { color: var(--color-text); font-size: 14px; font-weight: 650; margin: 0; }
.manager-compact-heading p, .manager-compact-hint, .manager-compact-message { color: var(--color-text-muted); font-size: 11px; }
.manager-compact-heading p { margin-top: 2px; overflow-wrap: anywhere; }
.manager-compact-values { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 12px; }
.manager-compact-values > div > span { display: block; color: var(--color-text-muted); font-size: 11px; margin-bottom: 3px; }
.manager-compact-values .manager-value, .manager-compact-values .manager-no-value { font-size: 18px; }
.manager-compact-values .manager-comparison, .manager-compact-values .manager-cutoff { font-size: 10px; }
.manager-compact-message { margin-top: 7px !important; }
.manager-compact-hint { margin-top: 8px !important; }
.manager-unavailable { border: 1px solid var(--color-danger-muted); border-radius: 12px; padding: 20px; background: color-mix(in srgb, var(--color-danger-muted) 45%, var(--color-surface)); }
.manager-unavailable p { margin-top: 8px !important; color: var(--color-text-muted); }
.manager-disclaimer { margin-top: 20px !important; }
.manager-data-coverage { margin-top: 18px; border: 1px solid var(--color-border); border-radius: 12px; background: var(--color-surface); color: var(--color-text-muted); }
.manager-data-coverage summary { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 48px; padding: 10px 16px 10px 38px; color: var(--color-text-secondary); cursor: pointer; font-size: 12px; font-weight: 650; list-style: none; }
.manager-data-coverage summary::-webkit-details-marker { display: none; }
.manager-data-coverage summary::before { position: absolute; left: 16px; content: '›'; color: var(--color-text-muted); font-size: 18px; line-height: 1; transform: rotate(0); transition: transform 140ms cubic-bezier(.23, 1, .32, 1); }
.manager-data-coverage[open] summary::before { transform: rotate(90deg); }
.manager-data-coverage summary small { color: var(--color-text-muted); font-weight: 500; }
.manager-data-coverage > div { display: flex; flex-wrap: wrap; gap: 8px; padding: 0 16px 10px; }
.manager-data-coverage > div span { padding: 3px 8px; border-radius: 999px; background: var(--color-warning-muted); color: var(--color-warning-fg); font-size: 11px; }
.manager-data-coverage > p { padding: 0 16px 14px; font-size: 12px; }
.manager-data-coverage summary:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 3px; }
.manager-insights { margin-top: 30px; }
.manager-insight-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.manager-insight-card { min-width: 0; padding: 18px; border: 1px solid var(--color-border); border-radius: 14px; background: var(--color-surface); }
.manager-insight-card--wide { grid-column: 1 / -1; }
.manager-insight-card h3 { margin: 0 0 14px; font-size: 14px; font-weight: 680; }
.manager-insight-card > .manager-muted { font-size: 12px; }
.manager-sales-trend { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap: 14px; }
.manager-sales-chart { min-width: 0; padding: 12px; border: 1px solid var(--color-border-subtle); border-radius: 10px; background: var(--color-surface-muted); color: var(--color-primary); }
.manager-sales-chart--usd { color: var(--color-success); }
.manager-sales-chart-heading, .manager-sales-chart-dates { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.manager-sales-chart-heading h4 { margin: 0; color: currentColor; font-size: 12px; font-weight: 750; }
.manager-sales-chart-heading p, .manager-sales-chart-dates, .manager-chart-note, .manager-chart-sampled { color: var(--color-text-muted); font-size: 10px; }
.manager-sales-chart svg { display: block; width: 100%; height: clamp(130px, 18vw, 190px); overflow: visible; }
.manager-sales-chart svg line, .manager-sales-chart svg polyline { vector-effect: non-scaling-stroke; }
.manager-chart-axis { stroke: var(--color-border-strong); stroke-width: 1; }
.manager-chart-grid { stroke: var(--color-border-subtle); stroke-width: 1; stroke-dasharray: 4 5; }
.manager-chart-line { fill: none; stroke: currentColor; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
.manager-sales-chart circle { fill: var(--color-surface); stroke: currentColor; stroke-width: 2.5; vector-effect: non-scaling-stroke; }
.manager-chart-point-label { fill: currentColor; font-size: 12px; font-weight: 700; font-variant-numeric: tabular-nums; pointer-events: none; }
.manager-chart-x-label { fill: var(--color-text-muted); font-size: 9px; font-variant-numeric: tabular-nums; pointer-events: none; }
.manager-chart-point-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(132px, 1fr)); gap: 8px 12px; margin: 12px 0 0; padding: 0; list-style: none; font-size: 11px; }
.manager-chart-point-list li { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; min-width: 0; padding: 6px 10px; border-radius: 8px; background: color-mix(in srgb, var(--color-surface) 88%, transparent); }
.manager-chart-point-list span { color: var(--color-text-muted); white-space: nowrap; }
.manager-chart-point-list strong { color: var(--color-text); font-size: 12px; font-weight: 650; font-variant-numeric: tabular-nums; white-space: nowrap; }
.manager-charts-view { gap: 14px; }
.manager-charts-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.manager-chart-card { min-width: 0; padding: 18px; border: 1px solid var(--color-border); border-radius: 14px; background: var(--color-surface); box-shadow: 0 1px 2px color-mix(in srgb, var(--color-text) 4%, transparent); }
.manager-chart-card--wide { grid-column: 1 / -1; }
.manager-chart-card > header { display: flex; align-items: start; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
.manager-chart-card > header h3 { margin: 0 0 3px; color: var(--color-text); font-size: 15px; font-weight: 700; }
.manager-chart-card > header p, .manager-chart-note--lead { color: var(--color-text-muted); font-size: 11px; }
.manager-chart-note--lead { margin-top: -10px !important; }
.manager-currency-bars { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 18px; }
.manager-bar-panel { min-width: 0; }
.manager-bar-panel h4 { margin: 0 0 10px; color: var(--color-primary); font-size: 11px; font-weight: 800; letter-spacing: .08em; }
.manager-bar-panel--usd h4 { color: var(--color-success); }
.manager-bar-list, .manager-stock-chart { display: grid; gap: 11px; margin: 0; padding: 0; list-style: none; }
.manager-bar-heading, .manager-stock-chart-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; min-width: 0; margin-bottom: 5px; font-size: 11px; }
.manager-bar-heading span { min-width: 0; overflow: hidden; color: var(--color-text-secondary); text-overflow: ellipsis; white-space: nowrap; }
.manager-bar-heading strong, .manager-stock-chart-heading span { flex: 0 0 auto; color: var(--color-text); font-variant-numeric: tabular-nums; font-size: 10px; }
.manager-bar-track { height: 9px; overflow: hidden; border-radius: 999px; background: var(--color-surface-muted); }
.manager-bar-track span { display: block; width: var(--manager-bar-size); height: 100%; border-radius: inherit; background: var(--color-primary); }
.manager-bar-panel--usd .manager-bar-track span { background: var(--color-success); }
.manager-stock-chart-track { display: flex; width: 100%; height: 12px; overflow: hidden; border-radius: 999px; background: var(--color-surface-muted); }
.manager-stock-chart-track span { display: block; width: var(--manager-stock-size); height: 100%; }
.manager-stock-chart .is-healthy { color: var(--color-success); }
.manager-stock-chart .is-warning { color: var(--color-warning-fg); }
.manager-stock-chart .is-danger { color: var(--color-danger-on-muted); }
.manager-stock-chart-track .is-healthy { background: var(--color-success); }
.manager-stock-chart-track .is-warning { background: var(--color-warning); }
.manager-stock-chart-track .is-danger { background: var(--color-danger); }
.manager-stock-chart li > p { display: flex; flex-wrap: wrap; gap: 4px 12px; margin-top: 5px; font-size: 9px; }
.manager-chart-more { margin-top: 4px; padding: 0; border: 0; }
.manager-chart-more > summary { width: fit-content; margin-bottom: 14px; padding: 8px 12px; border: 1px solid var(--color-border); border-radius: 8px; background: var(--color-surface); color: var(--color-text-secondary); cursor: pointer; font-size: 12px; font-weight: 650; }
.manager-chart-more > summary:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 3px; }
.manager-chart-note { margin-top: 9px !important; }
.manager-chart-sampled { margin-top: 6px !important; }
.manager-chart-data { margin-top: 12px; border-top: 1px solid var(--color-border-subtle); padding-top: 10px; }
.manager-chart-data summary { width: fit-content; color: var(--color-text-secondary); cursor: pointer; font-size: 11px; font-weight: 650; }
.manager-chart-data summary:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 3px; border-radius: 3px; }
.manager-chart-data .manager-table-wrap { margin-top: 10px; }
.manager-table-wrap { max-width: 100%; overflow-x: auto; }
.manager-table-wrap--scroll { max-height: 310px; overflow: auto; }
.manager-table-wrap table { width: 100%; border-collapse: collapse; font-size: 12px; font-variant-numeric: tabular-nums; }
.manager-table-wrap th, .manager-table-wrap td { padding: 10px 9px; border-bottom: 1px solid var(--color-border-subtle); text-align: right; vertical-align: middle; white-space: nowrap; }
.manager-table-wrap th { position: sticky; top: 0; z-index: 1; color: var(--color-text-muted); background: var(--color-surface); font-size: 10px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.manager-table-wrap th:first-child, .manager-table-wrap td:first-child { text-align: left; }
.manager-table-wrap tbody tr:last-child td { border-bottom: 0; }
.manager-table-wrap td strong, .manager-table-wrap td small { display: block; }
.manager-table-wrap td small { margin-top: 3px; color: var(--color-text-muted); font-size: 10px; }
.manager-table-pagination { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 12px; }
.manager-table-pagination p { margin: 0; color: var(--color-text-muted); font-size: 11px; }
.manager-table-pagination > div { display: flex; gap: 8px; }
.manager-table-pagination button { min-height: 36px; padding: 7px 11px; border: 1px solid var(--color-border); border-radius: 8px; background: var(--color-surface); color: var(--color-text); font: inherit; cursor: pointer; }
.manager-table-pagination button:disabled { cursor: default; opacity: .45; }
.manager-table-pagination button:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; }
.manager-stock-tag { display: inline-flex; padding: 3px 7px; border-radius: 999px; font-size: 10px; font-weight: 700; }
.manager-stock-tag--agotado { color: var(--color-danger-on-muted); background: var(--color-danger-muted); }
.manager-stock-tag--proximo_agotarse { color: var(--color-warning-fg); background: var(--color-warning-muted); }
.manager-preview-controls { display: flex; flex-wrap: wrap; align-items: end; gap: 12px; margin: 16px 0 0; max-width: none; padding: 0 clamp(16px, 2.5vw, 36px); color: var(--color-text); font: 13px system-ui, sans-serif; }
.manager-preview-controls label { display: grid; gap: 6px; }
.manager-preview-controls select, .manager-preview-controls button { min-height: 44px; border: 1px solid var(--color-border-strong); border-radius: 6px; background: var(--color-surface); color: var(--color-text); padding: 8px 12px; font: inherit; }
.manager-preview-controls :focus-visible { outline: 2px solid var(--color-border-focus); outline-offset: 3px; }
.manager-preview-controls button:active { transform: scale(.97); }
.manager-controls { display: flex; flex-wrap: wrap; align-items: end; gap: 16px; width: 100%; max-width: none; margin: 0 0 4px; padding: 14px 16px; border: 1px solid var(--color-border); background: var(--color-surface); color: var(--color-text); border-radius: 12px; font: 13px system-ui; box-shadow: 0 1px 2px color-mix(in srgb, var(--color-text) 4%, transparent); }
.manager-comparison-panel { flex: 1 1 100%; min-width: 0; border: 0; margin: 0; padding: 0; }
.manager-comparison-panel > summary { width: fit-content; margin-bottom: 8px; padding: 4px 2px; color: var(--color-text-secondary); cursor: pointer; font-size: 12px; font-weight: 650; list-style: none; }
.manager-comparison-panel > summary::-webkit-details-marker { display: none; }
.manager-comparison-panel > summary::before { content: '› '; color: var(--color-text-muted); }
.manager-comparison-panel[open] > summary::before { content: '⌄ '; }
.manager-comparison-panel > summary:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 3px; border-radius: 4px; }
.manager-comparison-panel .manager-control-group { margin-top: 0; }
.manager-control-group { display: flex; flex-wrap: wrap; gap: 8px; min-width: 0; margin: 0; padding: 0; border: 0; }
.manager-control-group > legend { width: 100%; padding: 0; color: var(--color-text-secondary); font-size: 12px; font-weight: 650; }
.manager-control-group > legend.manager-sr-only { width: 1px; }
.manager-controls label { display: grid; gap: 4px; min-width: 0; color: var(--color-text-muted); font-size: 11px; }
.manager-controls input, .manager-controls select, .manager-controls button { min-width: 0; min-height: 44px; border: 1px solid var(--color-border); border-radius: 8px; padding: 8px 12px; background: var(--color-surface); color: var(--color-text); font: inherit; max-width: 100%; }
.manager-controls button { cursor: pointer; transition: transform 140ms cubic-bezier(.23, 1, .32, 1), background-color 140ms ease; }
.manager-controls button:disabled { cursor: wait; opacity: .62; transform: none; }
.manager-control-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.manager-controls .manager-button--primary { color: var(--color-primary-contrast); background: var(--color-primary); border-color: var(--color-primary); font-weight: 650; }
.manager-controls button:active { transform: scale(.97); }
.manager-controls input, .manager-controls select { color-scheme: light; }
[data-theme="dark"] .manager-controls input, [data-theme="dark"] .manager-controls select { color-scheme: dark; }
.manager-controls :focus-visible { outline: 2px solid var(--color-primary); outline-offset: 3px; }
.manager-controls [role="status"] { flex-basis: 100%; margin: 0; color: var(--color-text-muted); }
.manager-skeleton { border-radius: 5px; background: var(--color-surface-muted); }
.manager-skeleton--line { width: 65%; height: 12px; margin-top: 18px; }
.manager-skeleton--value { width: 48%; height: 34px; margin-top: 20px; }
.manager-grid--loading { margin-top: 20px; }
.manager-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
@media (min-width: 1024px) {
    .manager-card--hero .manager-metrics:has(.manager-metric:nth-child(3):last-child) {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: clamp(16px, 2vw, 32px);
        margin-top: clamp(14px, 2vw, 24px);
    }
    .manager-card--signal .manager-metrics:has(.manager-metric:nth-child(3):last-child) {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 16px;
    }
    .manager-executive-grid:not(.manager-executive-grid--wide):not(.manager-executive-grid--stacked) {
        grid-template-columns: minmax(0, 1.2fr) minmax(360px, 1fr);
    }
    .manager-risk-grid:not(.manager-risk-grid--panorama) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .manager-executive-grid--stacked .manager-card--hero .manager-metrics {
        grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) minmax(120px, .75fr);
    }
}
@media (min-width: 1280px) {
    .manager-main-grid--split {
        grid-template-columns: minmax(0, 1.55fr) minmax(300px, 360px);
        gap: 20px;
        align-items: start;
    }
    .manager-main-secondary .manager-operations { position: sticky; top: max(12px, env(safe-area-inset-top, 0px)); }
    .manager-executive-grid--stacked .manager-risk-grid--panorama {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
    }
}
@media (min-width: 1500px) {
    .manager-executive-grid--stacked .manager-risk-grid--panorama {
        grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
    }
}
@media (min-width: 1600px) {
    .manager-dashboard,
    .manager-controls { padding-left: clamp(24px, 3vw, 48px); padding-right: clamp(24px, 3vw, 48px); }
    .manager-header {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: end;
        gap: 20px;
    }
}
@media (hover: hover) and (pointer: fine) {
    .manager-preview-controls button:hover, .manager-controls button:hover { background: var(--color-surface-hover); }
    .manager-controls .manager-button--primary:hover { background: var(--color-primary-hover); }
    .manager-details summary:hover { color: var(--color-text); }
    .manager-area-nav button:hover, .manager-area-open:hover { border-color: var(--color-border-strong); background: var(--color-surface-hover); }
    .manager-card-action:hover { border-color: var(--color-border-strong); background: var(--color-surface-hover); }
}
@media (max-width: 1100px) {
    .manager-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .manager-executive-grid, .manager-decision-grid { grid-template-columns: minmax(0, 1fr); }
    .manager-card--hero .manager-metrics { margin-top: 34px; }
    .manager-area-nav { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
    .manager-controls { align-items: stretch; }
    .manager-comparison-panel:not([open]) .manager-control-group { display: none; }
    .manager-control-group { flex: 1 1 100%; }
    .manager-control-group label { flex: 1 1 calc(50% - 4px); }
    .manager-control-group input { width: 100%; }
    .manager-control-group select { width: 100%; }
    .manager-risk-grid { grid-template-columns: minmax(0, 1fr); }
    .manager-executive-grid--stacked .manager-risk-grid--panorama { grid-template-columns: minmax(0, 1fr); }
    .manager-card--signal .manager-scope { min-height: 0; }
    .manager-area-nav { display: flex; overflow-x: auto; padding: 2px 2px 8px; scroll-snap-type: x proximity; }
    .manager-area-nav > button, .manager-area-nav > .manager-area-current { flex: 0 0 min(190px, 72vw); scroll-snap-align: start; }
    .manager-area-nav > .manager-area-tab { flex: 0 0 min(240px, 86vw); scroll-snap-align: start; }
    .manager-area-tab .manager-area-switch, .manager-area-tab .manager-area-current { width: 100%; min-width: 0; }
}
@media (max-width: 600px) {
    .manager-grid, .manager-context { grid-template-columns: minmax(0, 1fr); }
    .manager-executive-grid--compact { grid-template-columns: minmax(0, 1fr); }
    .manager-context { gap: 10px; padding: 0; }
    .manager-context > div { padding: 12px 16px; }
    .manager-header, .manager-section-title { align-items: flex-start; flex-direction: column; gap: 8px; }
    .manager-card { padding: 17px; }
    .manager-card--hero .manager-metrics { grid-template-columns: minmax(0, 1fr); gap: 22px; margin-top: 28px; }
    .manager-card--hero .manager-value { font-size: 31px; }
    .manager-attention, .manager-operations { padding: 18px; }
    .manager-attention-empty { padding: 16px; }
    .manager-compact-values { grid-template-columns: minmax(0, 1fr); }
    .manager-scope { min-height: 0; }
    .manager-preview-controls { padding: 0 16px; }
    .manager-controls { width: calc(100% - 24px); margin-top: 12px; padding: 12px; gap: 12px; }
    .manager-control-actions, .manager-control-actions button { flex: 1 1 100%; }
    .manager-insight-grid { grid-template-columns: minmax(0, 1fr); }
    .manager-charts-grid { grid-template-columns: minmax(0, 1fr); }
    .manager-chart-card--wide { grid-column: auto; }
    .manager-chart-card { padding: 15px; }
    .manager-insight-card--wide { grid-column: auto; }
    .manager-insight-card { padding: 15px; }
    .manager-table-pagination { align-items: stretch; flex-direction: column; }
    .manager-table-pagination > div, .manager-table-pagination button { flex: 1 1 0; }
}
@media (max-width: 340px) {
    .manager-control-group label { flex-basis: 100%; }
}
@media (prefers-reduced-motion: reduce) {
    .manager-preview-controls button:active, .manager-controls button:active, .manager-area-nav button:active { transform: none; }
    .manager-controls button, .manager-area-nav button, .manager-data-coverage summary::before { transition: none; }
}