/* Analytics uses the same surfaces as the overview; printed reports remain untouched. */
@media screen {
  html[data-theme] :is(.warehouse-finance,.analytics-page,.calendar-day-dialog,.history-details-dialog) {
    font-family:var(--erp-font,"Arial Nova","Helvetica Neue",Arial,sans-serif);
    font-size:16px;
    line-height:1.5;
    color:var(--erp-ink);
  }

  html[data-theme] .warehouse-finance {
    --wf-surface:var(--erp-soft);
    --wf-ink:var(--erp-ink);
    --wf-muted:var(--erp-muted);
    --wf-line:var(--erp-line);
    --wf-card:var(--erp-surface);
    --wf-tint:var(--erp-raised);
    --wf-warning:var(--erp-warning,#825518);
  }
  html[data-theme] .warehouse-finance-heading h1 {font-size:clamp(32px,3.3vw,46px);font-weight:500;letter-spacing:-1.3px}
  html[data-theme] .warehouse-finance-period {padding:20px;border-radius:24px;background:var(--erp-mesh-quiet,var(--erp-surface))}
  html[data-theme] .warehouse-finance-date-fields label {font-size:14px;line-height:1.4}
  html[data-theme] .warehouse-finance-date-fields input {margin:0;background:var(--erp-surface);border-color:var(--erp-control-line);color:var(--erp-ink);font-size:16px}
  html[data-theme] .warehouse-finance-shortcuts button {min-height:44px;font-size:14px;background:var(--erp-surface)}
  html[data-theme] .warehouse-finance .warehouse-finance-primary {background:var(--erp-primary);color:var(--erp-primary-ink);border-color:transparent}
  html[data-theme] .warehouse-finance :is(button,a,input):focus-visible {outline-color:var(--erp-focus)}
  html[data-theme] .warehouse-finance-card {gap:12px;padding:26px;border-radius:28px;background:var(--erp-mesh-quiet,var(--erp-surface));box-shadow:var(--erp-shadow)}
  html[data-theme] .warehouse-finance-card[data-wf-card="net"] {background:var(--erp-mesh-card,var(--erp-mesh))}
  html[data-theme] .warehouse-finance-card h2 {font-size:18px;line-height:1.4;font-weight:500}
  html[data-theme] .warehouse-finance-card [data-wf-value] {font-size:clamp(32px,3.2vw,46px);line-height:1.15;font-weight:550;letter-spacing:-1.2px}
  html[data-theme] .warehouse-finance-card p {font-size:14px;line-height:1.6}
  html[data-theme] .warehouse-finance :is(.warehouse-finance-section,.warehouse-finance-group) {background:var(--erp-mesh-quiet,var(--erp-surface));border-radius:28px;box-shadow:var(--erp-shadow)}
  html[data-theme] .warehouse-finance-section>header p {font-size:15px;line-height:1.6;max-width:72ch}
  html[data-theme] :is(.warehouse-finance-flow,.warehouse-finance-person) {background:var(--erp-surface);border-radius:20px}
  html[data-theme] .warehouse-finance-flow-value>strong {font-size:21px;font-weight:550}
  html[data-theme] .warehouse-finance-person-heading>strong {font-size:22px;font-weight:550}
  html[data-theme] .warehouse-finance-person-links a {font-size:14px;background:var(--erp-soft)}
  html[data-theme] .warehouse-finance-flow[data-wf-flow="returns"] {border-color:var(--erp-warning-line,var(--erp-line))}
  html[data-theme] .warehouse-finance-flow[data-wf-flow="returns"] .warehouse-finance-flow-value>strong {color:var(--erp-warning)}
  html[data-theme] .warehouse-finance-pending {font-size:13px;color:var(--erp-warning)}
  html[data-theme] .warehouse-finance-footnote {font-size:14px;line-height:1.65;max-width:100ch}

  /* Replace the legacy calendar's unconditional black palette in both themes. */
  html[data-theme] :is(.analytics-page,.calendar-workspace,.calendar-report,.calendar-day-dialog) {
    --font-display:var(--erp-font,"Arial Nova","Helvetica Neue",Arial,sans-serif);
    --ink:var(--erp-ink);
    --muted:var(--erp-muted);
    --focus:var(--erp-focus);
    --calendar-panel:var(--erp-surface);
    --calendar-soft:var(--erp-soft);
    --calendar-line:var(--erp-line);
    --calendar-muted:var(--erp-muted);
    --calendar-blue:var(--erp-accent-ink);
    --calendar-selected:var(--erp-accent);
    --calendar-selected-line:var(--erp-focus);
    --calendar-today:var(--erp-accent-ink);
    --calendar-accent:var(--erp-mesh-card,var(--erp-mesh));
    --calendar-gradient:var(--erp-mesh-card,var(--erp-mesh));
    --calendar-gradient-blue:var(--erp-mesh-quiet,var(--erp-soft));
    --calendar-gradient-pearl:var(--erp-mesh-card,var(--erp-mesh));
    --calendar-gradient-slate:var(--erp-accent-ink);
    --calendar-petal:var(--erp-accent-ink);
    --calendar-petal-soft:var(--erp-muted);
    --calendar-sky:var(--erp-success,#39746a);
    --calendar-brand-blue:var(--erp-success,#39746a);
    --calendar-blue-deep:var(--erp-accent-ink);
    --finance-panel:var(--erp-surface);
    --finance-soft:var(--erp-soft);
    --finance-border:var(--erp-line);
    --finance-blue:var(--erp-accent-ink);
    --finance-lilac:var(--erp-accent-ink);
  }
  html[data-theme] .analytics-page .catalog-title-line h1 {font-size:clamp(32px,3.3vw,46px);line-height:1.15;letter-spacing:-1.3px}
  html[data-theme] .analytics-page .catalog-subtitle {font-size:15px;line-height:1.6}
  html[data-theme] .calendar-report {background:var(--erp-mesh-quiet,var(--erp-surface));border-color:var(--erp-line);border-radius:28px;color:var(--erp-ink);font-family:var(--erp-font,"Arial Nova","Helvetica Neue",Arial,sans-serif)}
  html[data-theme] .calendar-report :is(button,input,select) {font-family:inherit}
  html[data-theme] .calendar-report :is(.calendar-report-modebar>button,.calendar-group-switch button,.calendar-report-filters>summary,.calendar-period-options>summary,.calendar-report-navigation [data-calendar-today]) {font-size:14px;line-height:1.35;min-height:44px}
  html[data-theme] .calendar-report :is(.calendar-report-modebar,.calendar-group-switch) {background:var(--erp-soft);border:1px solid var(--erp-line);border-radius:18px}
  html[data-theme] .calendar-report :is(.calendar-report-modebar>button[aria-pressed="true"],.calendar-group-switch button[aria-pressed="true"]) {background:var(--erp-accent);color:var(--erp-ink);border-color:var(--erp-control-line);box-shadow:none}
  html[data-theme] .calendar-report :is(.calendar-report-filter-fields,.calendar-period-options>.finance-period-form) {border:1px solid var(--erp-control-line);border-radius:22px;background:var(--erp-surface);color:var(--erp-ink);box-shadow:var(--erp-modal-shadow)}
  html[data-theme] .calendar-report-filter-fields label {font-size:14px;line-height:1.5;color:var(--erp-muted)}
  html[data-theme] .calendar-report-filter-fields select {margin-top:6px;border-color:var(--erp-control-line);background:var(--erp-soft);color:var(--erp-ink);font-size:16px}
  html[data-theme] .calendar-report .finance-period-actions>button {font-size:14px}
  html[data-theme] .calendar-report .finance-period-actions>.button {background:var(--erp-primary);color:var(--erp-primary-ink)}
  html[data-theme] .calendar-report .finance-period-fields :is(.field-label,.date-picker-value) {font-size:14px}
  html[data-theme] .calendar-report :is(.calendar-report-counts span,.calendar-report-counts small,.calendar-report-total>span,.calendar-report-total>small,.calendar-board-note,.calendar-board-footer,.calendar-day-legend,.calendar-day-explanation) {font-size:13px;line-height:1.5;color:var(--erp-muted)}
  html[data-theme] .calendar-report .calendar-report-total>strong {font-weight:550;letter-spacing:-1px;color:var(--erp-ink)}
  html[data-theme] .calendar-report-summary:is([data-cost-state="unknown"],[data-cost-state="partial"]) .calendar-report-total>small {color:var(--erp-warning)}

  /* Day headers stay within their columns; selection never turns a whole dark card white. */
  html[data-theme] .calendar-report .calendar-board-column {--day-ink:var(--erp-ink);--day-gradient:var(--erp-mesh-card,var(--erp-mesh));--day-color:var(--erp-accent-ink);--day-overlap:0px;--day-inset:12px}
  html[data-theme] .calendar-report .calendar-board-day {width:100%;margin-left:0;margin-bottom:24px;padding:22px;border:1px solid var(--erp-line);border-radius:28px;background:var(--day-gradient);color:var(--erp-ink);column-gap:18px}
  html[data-theme] .calendar-report .calendar-board-column.is-selected .calendar-board-day {border-color:var(--erp-control-line);box-shadow:inset 0 0 0 1px var(--erp-focus)}
  html[data-theme] .calendar-report .calendar-board-date>strong {font-size:48px;letter-spacing:-2px}
  html[data-theme] .calendar-report :is(.calendar-board-date>span,.calendar-board-day-totals>small) {font-size:13px;line-height:1.4;opacity:1;color:var(--erp-muted)}
  html[data-theme] .calendar-report .calendar-board-amount {font-size:26px;font-weight:550}
  html[data-theme] .calendar-report :is(.calendar-group-card,.calendar-activity-card) {height:auto;min-height:96px;border:1px solid var(--erp-line);border-radius:24px;background:var(--erp-surface);color:var(--erp-ink)}
  html[data-theme] .calendar-report .calendar-group-card:is([aria-pressed="true"],[data-selected="true"]) {--ink:var(--erp-ink);--calendar-muted:var(--erp-muted);background:var(--erp-accent);border-color:var(--erp-control-line);color:var(--erp-ink)}
  html[data-theme] .calendar-report [data-calendar-color] {--person-ink:var(--erp-ink)}
  html[data-theme] .calendar-report :is(.calendar-person-mark,.calendar-activity-mark) {border:1px solid var(--erp-line);background:var(--erp-mesh-card,var(--erp-mesh));color:var(--erp-ink)}
  html[data-theme] .calendar-report .calendar-activity-card[data-calendar-activity-kind="receipt"] .calendar-activity-mark {background:var(--erp-success-surface,var(--erp-soft));color:var(--erp-success)}
  html[data-theme] .calendar-report .calendar-activity-card[data-calendar-activity-kind="reversal"] .calendar-activity-mark {background:var(--erp-warning-surface,var(--erp-soft));color:var(--erp-warning)}
  html[data-theme] .calendar-report .calendar-activity-card[data-calendar-activity-kind="transfer"] .calendar-activity-mark {background:var(--erp-accent);color:var(--erp-accent-ink)}
  html[data-theme] .calendar-report .calendar-group-copy>strong {font-size:16px;font-weight:500;line-height:1.4}
  html[data-theme] .calendar-report .calendar-group-copy>small {font-size:13px;line-height:1.5;color:var(--erp-muted)}
  html[data-theme] .calendar-report .calendar-report-month {border:1px solid var(--erp-line);border-radius:24px;background:var(--erp-surface)}
  html[data-theme] .calendar-report :is(.calendar-mini-heading,.calendar-mini-heading small,.calendar-report-weekdays>span,.calendar-report-day .calendar-report-day-number) {font-size:13px}
  html[data-theme] .calendar-report .calendar-report-day.is-selected {color:var(--erp-ink)}
  html[data-theme] .calendar-report .calendar-report-day.is-selected:before {background:var(--erp-accent);box-shadow:inset 0 0 0 1px var(--erp-focus)}
  html[data-theme] .calendar-report .calendar-report-day.is-selected .calendar-report-day-number {color:var(--erp-ink)}
  html[data-theme] .calendar-report .calendar-report-day.is-selected i[data-kind] {background:var(--erp-ink);border-color:var(--erp-ink)}
  html[data-theme] .calendar-report .calendar-day-insight {--ink:var(--erp-ink);--calendar-muted:var(--erp-muted);--calendar-line:var(--erp-line);--focus:var(--erp-focus);background:var(--erp-mesh-card,var(--erp-mesh));border:1px solid var(--erp-line);border-radius:24px;color:var(--erp-ink)}
  html[data-theme] .calendar-report :is(.calendar-day-overview .eyebrow,.calendar-day-total>span,.calendar-mini-bar>span,.calendar-day-insight>footer,.calendar-chart-empty>small) {font-size:13px;line-height:1.5}
  html[data-theme] .calendar-report .calendar-day-total {align-items:flex-start;flex-wrap:wrap}
  html[data-theme] .calendar-report .calendar-day-total>strong {font-size:30px;white-space:normal;overflow-wrap:anywhere}
  html[data-theme] .calendar-report .calendar-chart-empty[data-activity-only="true"]>span {color:var(--erp-ink)}
  html[data-theme] .calendar-report .calendar-mini-bar:nth-child(3n+2) rect {fill:var(--erp-accent-ink)}
  html[data-theme] .calendar-report .calendar-mini-bar:nth-child(3n+2)>span {background:var(--erp-accent);color:var(--erp-ink);border-color:var(--erp-control-line)}
  html[data-theme] .calendar-report .calendar-mini-bar text {fill:var(--erp-ink)}

  html[data-theme] .calendar-report .calendar-year-chart .calendar-report-month-card {border-radius:22px}
  html[data-theme] .calendar-report .calendar-year-chart .calendar-report-cell-cost {color:var(--erp-ink);font-size:16px}
  html[data-theme] .calendar-report .calendar-year-chart :is(.calendar-report-cell-count,.calendar-report-cell-note) {color:var(--erp-muted);font-size:13px;line-height:1.4}
  html[data-theme] .calendar-report .calendar-year-chart .calendar-report-month-card h3 {font-size:14px}
  html[data-theme] .calendar-report .calendar-year-chart .calendar-report-month-card.is-selected {--ink:var(--erp-ink);--calendar-muted:var(--erp-muted);background:var(--erp-accent);border-color:var(--erp-control-line);color:var(--erp-ink)}
  html[data-theme] .calendar-report .calendar-year-bar {background:var(--erp-success,#39746a);border-radius:16px 16px 10px 10px}
  html[data-theme] .calendar-report .calendar-year-bar[data-tone="1"],html[data-theme] .calendar-report .calendar-year-bar[data-tone="3"] {background:var(--erp-accent-ink)}
  html[data-theme] .calendar-report .calendar-year-bar[data-tone="2"] {background:var(--erp-muted)}
  html[data-theme] .calendar-report .calendar-report-month-card.is-selected .calendar-year-bar {background:var(--erp-success,#39746a)}
  html[data-theme] .calendar-report .calendar-year-detail {border-color:var(--erp-line);border-radius:24px;background:var(--erp-mesh-card,var(--erp-mesh));color:var(--erp-ink)}
  html[data-theme] .calendar-report :is(.calendar-year-detail-heading p,.calendar-year-detail-heading .eyebrow,.calendar-year-metrics dt,.calendar-year-group small,.calendar-year-groups>h4,.calendar-year-groups>p,.calendar-year-activity) {font-size:13px;line-height:1.5;color:var(--erp-muted)}
  html[data-theme] .calendar-report .calendar-year-detail-heading button {font-size:14px;background:var(--erp-soft);color:var(--erp-ink);border:1px solid var(--erp-control-line)}
  html[data-theme] .calendar-report .calendar-year-group {font-size:14px;border:1px solid var(--erp-line);border-radius:20px;background:var(--erp-surface);color:var(--erp-ink)}

  html[data-theme] .analytics-breakdowns {
    --breakdown-card:var(--erp-surface);
    --breakdown-ink:var(--erp-ink);
    --breakdown-muted:var(--erp-muted);
    --breakdown-line:var(--erp-line);
    --breakdown-hover:var(--erp-soft);
    --breakdown-selected:var(--erp-accent);
    font-family:var(--erp-font,"Arial Nova","Helvetica Neue",Arial,sans-serif);
  }
  html[data-theme] .analytics-breakdown-column {background:var(--erp-mesh-quiet,var(--erp-surface));border-radius:28px}
  html[data-theme] .analytics-breakdown-column>header h2 {font-size:22px;font-weight:500}
  html[data-theme] .analytics-breakdown-column>header small,html[data-theme] .analytics-breakdown-total>:is(span,small) {font-size:13px;line-height:1.5}
  html[data-theme] .analytics-breakdown-row {border-radius:24px}
  html[data-theme] .analytics-breakdowns .analytics-breakdown-pill {min-height:96px;border-radius:24px;padding:14px 12px;grid-template-columns:38px minmax(0,1fr) auto 14px;background:var(--erp-surface);color:var(--erp-ink)}
  html[data-theme] .analytics-breakdown-pill .analytics-breakdown-copy>strong {font-size:15px;line-height:1.4;white-space:normal;overflow-wrap:anywhere}
  html[data-theme] .analytics-breakdown-pill .analytics-breakdown-copy>small {font-size:13px;line-height:1.4}
  html[data-theme] .analytics-breakdown-pill .analytics-breakdown-metrics {gap:10px}
  html[data-theme] .analytics-breakdown-pill .analytics-breakdown-metrics strong {font-size:14px}
  html[data-theme] .analytics-breakdown-pill .analytics-breakdown-metrics small,html[data-theme] .analytics-breakdown-note {font-size:13px;line-height:1.4}
  html[data-theme] .analytics-breakdown-avatar {background:var(--erp-mesh-card,var(--erp-mesh));border-color:var(--erp-line);color:var(--erp-ink)}
  html[data-theme] .analytics-breakdown-actions>a {background:var(--erp-surface);color:var(--erp-ink);border:1px solid var(--erp-line)}
  html[data-theme] .analytics-breakdown-actions>a span {font-size:11px}
  html[data-theme] .analytics-breakdowns .analytics-breakdown-pill[aria-pressed="true"] {background:var(--erp-accent);color:var(--erp-ink);border-color:var(--erp-control-line);box-shadow:none}
  html[data-theme] .analytics-breakdown-pill[aria-pressed="true"] :is(.analytics-breakdown-copy>small,.analytics-breakdown-metrics small,.analytics-breakdown-open,.analytics-breakdown-note) {color:var(--erp-muted)}
  html[data-theme] .analytics-breakdown-error button {background:var(--erp-soft);color:var(--erp-ink);font-size:14px;min-height:44px}

  html[data-theme] :is(.calendar-day-dialog,.history-details-dialog) {background:var(--erp-surface);border:1px solid var(--erp-line);box-shadow:var(--erp-modal-shadow);color:var(--erp-ink)}
  html[data-theme] :is(.calendar-day-heading,.calendar-day-context,.history-details-heading) {background:var(--erp-mesh-quiet,var(--erp-surface));color:var(--erp-ink)}
  html[data-theme] :is(.calendar-day-context,.history-details-heading p) {font-size:14px;color:var(--erp-muted)}
  html[data-theme] .history-details-heading .icon-button {background:var(--erp-soft);color:var(--erp-ink)}
  html[data-theme] :is(.analytics-page,.calendar-day-dialog,.history-details-dialog) .movement {background:var(--erp-surface);border:1px solid var(--erp-line);border-radius:24px;box-shadow:none}
  html[data-theme] :is(.calendar-report-timeline,#calendar-day-result,.history-details-content) .movement {background:var(--erp-mesh-quiet,var(--erp-surface))}
  html[data-theme] :is(.analytics-page,.calendar-day-dialog,.history-details-dialog) .movement small {font-size:13px;line-height:1.5}
  html[data-theme] :is(.analytics-page,.calendar-day-dialog,.history-details-dialog) .movement .movement-kind {font-size:12px;letter-spacing:.04em;color:var(--erp-muted)}
  html[data-theme] :is(.analytics-page,.calendar-day-dialog,.history-details-dialog) .movement-icon {background:var(--erp-success-surface,var(--erp-soft));color:var(--erp-success)}
  html[data-theme] :is(.analytics-page,.calendar-day-dialog,.history-details-dialog) .movement.kind-issue .movement-icon {background:var(--erp-accent);color:var(--erp-accent-ink)}
  html[data-theme] :is(.analytics-page,.calendar-day-dialog,.history-details-dialog) .movement.kind-reversal .movement-icon {background:var(--erp-warning-surface,var(--erp-soft));color:var(--erp-warning)}
  html[data-theme] .analytics-page .history-day-heading h2 {font-size:16px;line-height:1.4}
  html[data-theme] .analytics-page .history-day-heading small {font-size:13px}
  html[data-theme] .history-details-group>header .history-week-event-cost {color:var(--erp-success)}
  html[data-theme] .history-details-group>header .history-week-event-cost.is-unpriced {color:var(--erp-warning)}
  html[data-theme] .analytics-page :is(.dashboard-flow-card,.dashboard-metric-card,.dashboard-value-card) {border-color:var(--erp-line);border-radius:28px;background:var(--erp-mesh-card,var(--erp-mesh));color:var(--erp-ink)}
  html[data-theme] .analytics-page :is(.dashboard-card-heading span,.dashboard-stock-copy span,.dashboard-value-card>p,.dashboard-supply-copy small) {font-size:13px;line-height:1.5;color:var(--erp-muted)}
  html[data-theme] .analytics-page .dashboard-stock-copy strong {color:var(--erp-ink)}
  html[data-theme] .analytics-page .dashboard-supply-row {border:1px solid var(--erp-line);background:var(--erp-surface);border-radius:22px}
  html[data-theme] .analytics-page .dashboard-value-card .money-breakdown {background:var(--erp-surface)}
  html[data-theme] .analytics-page .dashboard-expiry-ring-track {stroke:var(--erp-line)}
  html[data-theme] .analytics-page .dashboard-expiry-score :is(strong,span) {color:var(--erp-ink)}
  html[data-theme] .analytics-page .dashboard-expiry-score span {font-size:12px;line-height:1.4;text-transform:none;max-width:95px}
  html[data-theme] .analytics-page .dashboard-expiry-metric {border-color:var(--erp-line);background:var(--erp-surface);min-height:82px}
  html[data-theme] .analytics-page .dashboard-expiry-metric strong {color:var(--erp-ink);font-size:22px}
  html[data-theme] .analytics-page .dashboard-expiry-metric span:not(.dashboard-expiry-swatch) {color:var(--erp-muted);font-size:13px;line-height:1.4}
  html[data-theme] .analytics-page .dashboard-expiry-metric--ok .dashboard-expiry-swatch {background:var(--erp-success)}
  html[data-theme] .analytics-page .dashboard-expiry-metric--soon .dashboard-expiry-swatch {background:var(--erp-warning)}
  html[data-theme] .analytics-page .dashboard-expiry-metric--expired .dashboard-expiry-swatch {background:var(--erp-danger)}
  html[data-theme] .analytics-page .dashboard-card-tool {border-color:var(--erp-control-line);background:var(--erp-soft);color:var(--erp-ink)!important}
  html[data-theme] .analytics-page .history-planner {
    --planner-bg:var(--erp-surface);--planner-surface:var(--erp-soft);
    --planner-text:var(--erp-ink);--planner-muted:var(--erp-muted);
    --planner-line:var(--erp-line);--planner-minor:var(--erp-soft);
    --planner-selected:var(--erp-accent);--planner-accent:var(--erp-accent-ink);
    border:1px solid var(--erp-line);border-radius:24px;
  }
  html[data-theme] .analytics-page .history-calendar :is(.history-calendar-toolbar,.history-calendar-day) {background:var(--erp-surface);border-color:var(--erp-line)}
  html[data-theme] .analytics-page .history-calendar .history-calendar-sidebar {background:var(--erp-soft);border-color:var(--erp-line)}
  html[data-theme] .analytics-page .history-calendar .history-calendar-day.is-selected {background:var(--erp-accent)}
  html[data-theme] .analytics-page .history-calendar .history-calendar-day.is-today:not(.is-selected) {background:var(--erp-mesh-quiet,var(--erp-soft))}
  html[data-theme] .analytics-page :is(.history-person-legend,.history-calendar-weekdays) {color:var(--erp-muted);font-size:13px}
}

@media screen and (hover:hover) {
  html[data-theme] .calendar-report :is(.calendar-group-card,.calendar-activity-card):hover {--ink:var(--erp-ink);--calendar-muted:var(--erp-muted);background:var(--erp-accent);color:var(--erp-ink);border-color:var(--erp-control-line);transform:none}
  html[data-theme] .calendar-report .calendar-activity-card:hover small {color:var(--erp-muted)}
  html[data-theme] .calendar-report .calendar-report-day:not(:disabled):not(.is-selected):hover:before {background:var(--erp-raised)}
  html[data-theme] .calendar-report .calendar-year-chart .calendar-report-month-card:not(.is-selected):hover {background:var(--erp-soft);border-color:var(--erp-control-line)}
  html[data-theme] .calendar-report .calendar-day-open-button:hover {background:var(--erp-accent);color:var(--erp-ink)}
  html[data-theme] .calendar-report .calendar-board-day:hover {transform:none;box-shadow:inset 0 0 0 1px var(--erp-control-line)}
}

@media screen and (max-width:700px) {
  html[data-theme] .warehouse-finance :is(.warehouse-finance-card,.warehouse-finance-section) {padding:20px;border-radius:24px}
  html[data-theme] .warehouse-finance-period {padding:16px;gap:14px}
  html[data-theme] .warehouse-finance-date-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}
  html[data-theme] .warehouse-finance-date-fields input {width:100%;padding:10px 8px}
  html[data-theme] .warehouse-finance-date-fields button {grid-column:1/-1}
  html[data-theme] .warehouse-finance-shortcuts {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%}
  html[data-theme] .warehouse-finance-shortcuts button {font-size:13px;line-height:1.4;min-width:0;padding:9px 7px;white-space:normal}
  html[data-theme] .calendar-report {padding:18px;border-radius:24px}
  html[data-theme] .calendar-report :is(.calendar-report-modebar>button,.calendar-group-switch button,.calendar-report-filters>summary,.calendar-period-options>summary) {font-size:13px;padding-inline:9px}
  html[data-theme] .calendar-report .calendar-report-modebar>button {min-width:0;padding-inline:7px}
  html[data-theme] .calendar-report .calendar-report-navigation h3 {font-size:18px;line-height:1.4}
  html[data-theme] .calendar-report .calendar-period-options .finance-period-actions {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  html[data-theme] .calendar-report .calendar-period-options .finance-period-actions>.button {grid-column:1/-1;width:100%;margin:0}
  html[data-theme] .calendar-report .calendar-period-options .finance-period-actions>button {font-size:14px}
  html[data-theme] .calendar-report .calendar-report-summary {grid-template-columns:minmax(0,1fr);gap:18px}
  html[data-theme] .calendar-report .calendar-report-summary .calendar-report-total {justify-items:start;text-align:left}
  html[data-theme] .calendar-report .calendar-report-summary .calendar-report-counts {justify-content:flex-start;gap:20px}
  html[data-theme] .calendar-report .calendar-report-counts :is(span,small) {font-size:13px}
  html[data-theme] .calendar-report .calendar-report-total>small {font-size:13px;max-width:none}
  html[data-theme] .analytics-breakdown-pill .analytics-breakdown-metrics {flex-direction:column;gap:5px}
  html[data-theme] .analytics-breakdown-pill .analytics-breakdown-metrics>span {display:flex;justify-content:flex-end;align-items:baseline;gap:5px}
  html[data-theme] .analytics-breakdown-pill .analytics-breakdown-metrics small {font-size:12px}
}

@media screen and (max-width:380px) {
  html[data-theme] .warehouse-finance-date-fields {grid-template-columns:minmax(0,1fr)}
  html[data-theme] .calendar-report {padding:14px}
  html[data-theme] .calendar-report :is(.calendar-report-modebar>button,.calendar-group-switch button) {padding-inline:5px}
  html[data-theme] .analytics-breakdowns .analytics-breakdown-pill {grid-template-columns:32px minmax(0,1fr) auto 12px;gap:7px;padding:13px 10px}
  html[data-theme] .analytics-breakdown-pill .analytics-breakdown-copy>strong {font-size:14px}
  html[data-theme] .analytics-breakdown-pill .analytics-breakdown-copy>small {font-size:12px}
}