/* The overview follows the available workspace, including an expanded menu. */
.analytics-page #dashboard-result {container:analytics-result / inline-size}
#dashboard-result>.analytics-overview {
  display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:24px;min-width:0;
}
#dashboard-result>.analytics-overview>.calendar-workspace {min-width:0;width:100%}
#dashboard-result>.analytics-overview .calendar-report {width:100%;max-width:none}
.analytics-breakdowns {
  --breakdown-card:#fbfbf7;--breakdown-ink:#34434b;--breakdown-muted:#6f7c83;--breakdown-line:#dce2e4;
  --breakdown-hover:#edf3f6;--breakdown-selected:linear-gradient(115deg,#f1dde7,#f1eeee 45%,#d5eaf4);
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;min-width:0;
  color:var(--breakdown-ink);font-family:"Arial Nova","Helvetica Neue",Arial,sans-serif;
}
html[data-theme="dark"] .analytics-breakdowns {
  --breakdown-card:#24292c;--breakdown-ink:#edf0ef;--breakdown-muted:#adb7bd;--breakdown-line:#ffffff16;
  --breakdown-hover:#30383d;--breakdown-selected:linear-gradient(115deg,#e5d4de,#e0e0e2 45%,#c9e1eb);
}
.analytics-breakdowns * {box-sizing:border-box}
.analytics-breakdown-column {min-width:0}
.analytics-breakdown-column>header {display:grid;align-content:start;gap:8px;min-height:96px;padding:25px 12px 20px}
.analytics-breakdown-column>header h2 {margin:0;font-family:inherit;font-size:22px;line-height:1.2;font-weight:500;letter-spacing:-.6px;overflow-wrap:anywhere}
.analytics-breakdown-column>header small {display:block;min-width:0;color:var(--breakdown-muted);font-size:11px;line-height:1.5;overflow-wrap:anywhere}
.analytics-breakdown-list {display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-content:start;min-width:0}
.analytics-breakdowns .analytics-breakdown-pill {
  display:grid;grid-template-columns:42px minmax(0,1fr) 18px;grid-template-rows:auto auto;align-items:center;gap:8px 10px;
  width:100%;min-width:0;min-height:104px;margin:0;padding:15px 17px 15px 13px;
  border:1px solid var(--breakdown-line);border-radius:54px;background:var(--breakdown-card);color:var(--breakdown-ink);
  font-family:inherit;text-align:left;cursor:pointer;box-shadow:inset 0 1px #ffffff0c;
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.analytics-breakdowns .analytics-breakdown-pill:hover {border-color:#92b0bf;background:var(--breakdown-hover);box-shadow:0 6px 20px #1c3d4a0d}
.analytics-breakdowns .analytics-breakdown-pill:focus-visible {outline:2px solid #86afc4;outline-offset:3px}
.analytics-breakdowns .analytics-breakdown-pill[aria-pressed="true"] {border-color:#aec3ce;background:var(--breakdown-selected);color:#33464f;box-shadow:inset 0 1px #ffffff6b,0 6px 22px #26414f12}
.analytics-breakdown-avatar {display:grid;grid-column:1;grid-row:1/-1;place-items:center;width:42px;height:42px;min-width:0;overflow:hidden;border:1px solid #ffffff45;border-radius:50%;background:linear-gradient(135deg,#e9dce4,#d1e6ee);color:#58707b}
.analytics-breakdown-avatar img {display:block;width:100%;height:100%;object-fit:cover}
.analytics-breakdown-avatar>svg {display:block;width:21px;height:21px;flex:none}
.analytics-breakdown-column[data-analytics-axis="cabinets"] .analytics-breakdown-avatar {background:linear-gradient(135deg,#e8e1d4,#d4e4e8);color:#607078}
.analytics-breakdown-copy {display:grid;grid-column:2;grid-row:1;gap:4px;min-width:0}
.analytics-breakdown-copy>strong {display:block;min-width:0;font-size:13px;font-weight:600;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.analytics-breakdown-copy>small {display:block;min-width:0;font-size:11px;line-height:1.3;color:var(--breakdown-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.analytics-breakdown-metrics {display:grid;grid-column:2;grid-row:2;grid-template-columns:minmax(40px,.65fr) minmax(0,1.35fr);align-items:start;gap:10px;min-width:0}
.analytics-breakdown-metrics>span {display:grid;gap:3px;min-width:0}
.analytics-breakdown-metrics strong {display:block;min-width:0;font-size:13px;font-weight:500;line-height:1.25;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.analytics-breakdown-metrics small {display:block;font-size:10px;font-weight:400;line-height:1.3;color:var(--breakdown-muted)}
.analytics-breakdown-open {display:grid;grid-column:3;grid-row:1/-1;place-items:center;width:18px;height:24px;align-self:center;color:var(--breakdown-muted);font-size:18px;line-height:1}
.analytics-breakdown-open>svg {display:block;width:17px;height:17px}
.analytics-breakdown-note {display:block;grid-column:2;min-width:0;margin:0;color:var(--breakdown-muted);font-size:10px;line-height:1.4;overflow-wrap:anywhere}
.analytics-breakdown-pill[aria-pressed="true"] :is(.analytics-breakdown-copy>small,.analytics-breakdown-metrics small,.analytics-breakdown-open,.analytics-breakdown-note) {color:#556d79}
.analytics-breakdown-empty,.analytics-breakdown-loading,.analytics-breakdown-error {min-width:0;margin:0;padding:24px 20px;border:1px solid var(--breakdown-line);border-radius:26px;background:var(--breakdown-card);color:var(--breakdown-muted);font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.analytics-breakdown-empty p,.analytics-breakdown-loading p,.analytics-breakdown-error p {margin:0}
.analytics-breakdown-error button {min-height:38px;margin-top:12px;padding:8px 14px;border:1px solid var(--breakdown-line);border-radius:999px;background:var(--breakdown-selected);color:#33464f;font:inherit;font-size:12px;cursor:pointer}
@container analytics-result (min-width:1760px) {
  #dashboard-result>.analytics-overview {grid-template-columns:minmax(0,2fr) minmax(600px,1fr)}
}
@container analytics-result (max-width:619px) {
  .analytics-breakdowns {grid-template-columns:minmax(0,1fr);gap:22px}
  .analytics-breakdown-column>header {min-height:0;padding:0 8px 15px;gap:6px}
  .analytics-breakdown-column>header h2 {font-size:21px}
  #dashboard-result>.analytics-overview {gap:22px}
}
@container analytics-result (max-width:359px) {
  .analytics-breakdowns .analytics-breakdown-pill {grid-template-columns:38px minmax(0,1fr) 14px;column-gap:8px;min-height:104px;padding:14px 12px 14px 10px}
  .analytics-breakdown-avatar {width:38px;height:38px}
  .analytics-breakdown-open {width:14px;font-size:16px}
  .analytics-breakdown-open>svg {width:14px;height:14px}
  .analytics-breakdown-metrics {column-gap:7px}
  .analytics-breakdown-metrics strong {font-size:12px}
}
@media(prefers-reduced-motion:reduce) {
  .analytics-breakdowns .analytics-breakdown-pill {transition:none}
}

/* Compact sliding cards expose two explicit destinations without reloading the report. */
.analytics-breakdown-row {position:relative;min-width:0;border-radius:999px;overflow:hidden;background:var(--breakdown-hover)}
.analytics-breakdowns .analytics-breakdown-pill {position:relative;z-index:1;min-height:78px;grid-template-columns:38px minmax(0,1fr) auto 14px;grid-template-rows:1fr;gap:9px;padding:12px;border-radius:999px;transition:transform .24s ease,background .2s ease}
.analytics-breakdown-pill .analytics-breakdown-avatar {width:38px;height:38px;grid-row:1;grid-column:1}
.analytics-breakdown-pill .analytics-breakdown-copy {grid-column:2;grid-row:1}
.analytics-breakdown-pill .analytics-breakdown-copy>strong {font-size:12px}
.analytics-breakdown-pill .analytics-breakdown-copy>small {font-size:10px}
.analytics-breakdown-pill .analytics-breakdown-metrics {grid-column:3;grid-row:1;display:flex;gap:12px;text-align:right}
.analytics-breakdown-pill .analytics-breakdown-metrics strong {font-size:11px;white-space:nowrap}
.analytics-breakdown-pill .analytics-breakdown-metrics small {font-size:9px}
.analytics-breakdown-pill .analytics-breakdown-open {grid-column:4;grid-row:1;width:14px}
.analytics-breakdown-actions {position:absolute;inset:0 auto 0 0;display:flex;align-items:center;gap:7px;padding:10px;width:126px}
.analytics-breakdown-actions>a {display:grid;place-content:center;gap:2px;width:49px;height:49px;flex:none;border-radius:50%;background:var(--breakdown-selected);color:#33464f;text-decoration:none;text-align:center;font-size:21px}
.analytics-breakdown-actions>a>span {font-size:8px}
.analytics-breakdown-actions>a:focus-visible {outline:2px solid #86afc4;outline-offset:2px}
.analytics-breakdown-row.is-open .analytics-breakdown-pill {transform:translateX(126px);background:var(--breakdown-selected);color:#33464f}
.analytics-breakdown-row.is-open .analytics-breakdown-copy>small {color:#556d79}
.analytics-breakdowns.is-updating {opacity:.55}
.calendar-report-analytics {position:relative}
.calendar-report-analytics.is-updating>[data-calendar-result],.calendar-report-analytics.is-updating>[data-calendar-summary] {opacity:.55}
[data-calendar-updating] {position:absolute;bottom:8px;left:28px;color:var(--calendar-muted);font-size:11px}
@container analytics-result (max-width:359px) {
 .analytics-breakdowns .analytics-breakdown-pill {grid-template-columns:32px minmax(0,1fr) auto 10px;gap:6px;min-height:76px;padding:10px}
 .analytics-breakdown-pill .analytics-breakdown-avatar {width:32px;height:32px}
 .analytics-breakdown-pill .analytics-breakdown-metrics {flex-direction:column;gap:3px}
 .analytics-breakdown-pill .analytics-breakdown-metrics>span {display:flex;gap:4px;align-items:baseline;justify-content:flex-end}
}
@media(prefers-reduced-motion:reduce) {.analytics-breakdowns .analytics-breakdown-pill {transition:none}}

/* Monthly summaries share a bounded surface; only their lists scroll. */
.analytics-breakdown-column {display:flex;flex-direction:column;height:560px;min-height:0;padding:0 12px;border:1px solid var(--breakdown-line);border-radius:30px;background:#fbfbf780;overflow:hidden}
html[data-theme="dark"] .analytics-breakdown-column {background:#171b20b3}
.analytics-breakdown-column>header {flex:none;min-height:100px;padding:24px 8px 18px}
.analytics-breakdown-column>header h2 {font-size:20px;letter-spacing:-.4px}
.analytics-breakdown-list {flex:1;grid-auto-rows:max-content;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-gutter:stable;padding:3px 3px 14px}
.analytics-breakdown-list:focus-visible {outline:2px solid #86afc4;outline-offset:-2px;border-radius:16px}
.analytics-breakdown-total {display:grid;flex:none;gap:7px;margin:0 8px;padding:22px 0;border-top:1px solid var(--breakdown-line);text-align:right}
.analytics-breakdown-total>span,.analytics-breakdown-total>small {font-size:11px;color:var(--breakdown-muted)}
.analytics-breakdown-total>strong {font-size:30px;font-weight:500;letter-spacing:-.8px;font-variant-numeric:tabular-nums}
.calendar-report-analytics>.calendar-board-navigation {margin:18px 0 0}
@container analytics-result (min-width:1760px) {
  .analytics-breakdowns {height:var(--monthly-height,780px);align-items:stretch}
  .analytics-breakdown-column {height:100%}
}
@container analytics-result (max-width:619px) {
  .analytics-breakdown-column>header {min-height:90px;padding:20px 8px 16px}
  .analytics-breakdown-column {height:480px}
}