/* Source: approved ambassador-cabinet-fit.html chart/cards. Scoped only; canonical theme tokens. */
.aa-section{--aa-accent:#a855f7;--aa-selected:#a21caf;--aa-selected-bg:#fae8ff;font-family:Nunito,sans-serif;color:hsl(var(--foreground));font-weight:400}
.aa-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.aa-heading h2{font-size:16px;margin:0}.aa-muted{color:hsl(var(--muted-foreground));font-size:12px;line-height:1.5}
.aa-chart-card,.aa-metric{border:1px solid hsl(var(--border));border-radius:24px;background:hsl(var(--card));padding:16px}
.aa-chart-card{margin-bottom:12px}.aa-tabs{display:flex;gap:8px;flex-wrap:wrap}
.aa-section .aa-control{font:inherit;font-size:12px;min-height:36px;border-radius:12px;padding:8px 12px;border:0;background:transparent;color:hsl(var(--muted-foreground));cursor:pointer}
.aa-section .aa-control[aria-pressed=true]{background:var(--aa-selected-bg);color:var(--aa-selected)}
.aa-section button:focus-visible{outline:2px solid #a855f7;outline-offset:3px}
.aa-chart{position:relative;overflow-x:auto;overflow-y:hidden;height:200px;margin-top:14px;padding:14px 0 24px 28px}
.aa-plot{height:100%;display:grid;gap:10px;border-bottom:1px solid hsl(var(--border))}
.aa-col{position:relative;min-width:0;height:100%}.aa-bar{position:absolute;bottom:0;left:22%;width:56%;background:var(--aa-accent);border:0;padding:0;border-radius:5px 5px 0 0;cursor:pointer}
.aa-value{position:absolute;left:0;right:0;bottom:calc(var(--aa-height) + 4px);text-align:center;font-size:12px}
.aa-date{position:absolute;bottom:-22px;left:0;right:0;text-align:center;font-size:11px;white-space:nowrap;color:hsl(var(--muted-foreground))}
.aa-zero{position:absolute;bottom:20px;left:0;font-size:11px;color:hsl(var(--muted-foreground))}.aa-max{position:absolute;top:10px;left:0;font-size:11px;color:hsl(var(--muted-foreground))}
.aa-empty{height:100%;display:grid;place-items:center;margin:0;font-size:13px;color:hsl(var(--muted-foreground));text-align:center}
.aa-detail{margin:14px 0 0;min-height:36px}.aa-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.aa-metric p,.aa-metric h3{margin:0}.aa-metric .aa-number{font-size:28px;line-height:1.2;margin-bottom:12px;color:var(--aa-selected)}.aa-metric h3{font-size:16px;margin-bottom:6px}.aa-metric .aa-quality{margin-top:8px}
@media(min-width:640px){.aa-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1024px){.aa-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:500px){.aa-plot{gap:4px}.aa-section .aa-control{min-height:44px;padding:8px}.aa-heading .aa-muted{font-size:11px}}

.dark .aa-section{--aa-accent:#c084fc;--aa-selected:#f0abfc;--aa-selected-bg:#3b1c43}.aa-number-row{display:flex;gap:10px;align-items:center;margin-bottom:12px}.aa-number-row .aa-number{margin-bottom:0}.aa-icon{width:28px;height:28px;stroke:var(--aa-selected);flex-shrink:0}

/* Owner-approved compact four tiles; only analytics cards. */
.aa-metric{min-width:0;overflow-wrap:anywhere}.aa-metric h3{font-size:14px;line-height:1.35}.aa-metric .aa-muted{font-size:11px}.aa-metric .aa-number{font-size:24px}.aa-number-row{margin-bottom:8px}.aa-metric .aa-quality{font-size:10px}
@media(max-width:500px){.aa-metric{padding:12px}.aa-icon{width:24px;height:24px}}
@media(max-width:239px){.aa-metrics{grid-template-columns:minmax(0,1fr)}}
.aa-section{container-type:inline-size}.aa-metric .aa-number-row{flex-wrap:wrap}.aa-chart-card{min-width:0}.aa-chart{max-width:100%}
@container(max-width:239px){.aa-metrics{grid-template-columns:minmax(0,1fr)}}

/* Period choices reuse the shared button/dialog; these rules only arrange them. */
.aa-period-options{display:grid;gap:8px}.aa-period-host{max-width:100%}