body { background: #f6f7f7; }
.statistics-shell, .statistics-shell * { letter-spacing: 0; }
.statistics-shell { max-width: 1180px; padding: 1rem 0 3rem; }
.statistics-shell .app-header h1 { font-size: 1.5rem; }
.statistics-gate { max-width: 30rem; margin: 15vh auto; text-align: center; }
.statistics-gate .workspace-brand-logo { margin: 0 auto 1rem; }
.statistics-gate h1 { font-size: 1.4rem; }
.statistics-gate p { color: var(--muted); }
.statistics-filters { display: flex; flex-wrap: wrap; align-items: end; gap: .65rem; padding: 1rem 0; border-bottom: 1px solid var(--line); }
.statistics-filters label { display: grid; min-width: 0; gap: .25rem; }
.statistics-filters label > span { font-size: .75rem; color: var(--muted); font-weight: 700; }
.statistics-filters select, .statistics-filters input { min-height: 2.2rem; width: 100%; }
.statistics-company { flex: 1 1 18rem; max-width: 28rem; }
.statistics-filters .report-period-mode { margin-bottom: .08rem; }
.statistics-month { display: flex; align-items: end; gap: .35rem; }
.statistics-month label { width: 10rem; }
.statistics-month .icon-button { min-height: 2.2rem; }
.statistics-dates { display: flex; align-items: end; gap: .4rem; }
.statistics-dates input { width: 9rem; }
.statistics-dates .button { min-height: 2.2rem; }
.statistics-context { display: flex; align-items: center; justify-content: space-between; gap: .8rem; padding: .65rem 0; }
.statistics-context p, .statistics-note, .statistics-loading { margin: 0; font-size: .75rem; color: var(--muted); }
.statistics-note { line-height: 1.7; }
.statistics-period-summary { padding: .5rem 0 1.1rem; border-bottom: 1px solid var(--line); }
.statistics-metrics { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .65rem; margin: .75rem 0; }
.statistics-metric { min-width: 0; padding: .85rem .75rem; background: #fff; border: 1px solid #dfe6e3; border-radius: 6px; }
.statistics-metric > span, .statistics-queue > span { display: block; font-size: .78rem; font-weight: 600; line-height: 1.6; }
.statistics-metric > strong { display: block; margin: .45rem 0 .35rem; font-size: 1.4rem; line-height: 1.3; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.statistics-metric > small { display: block; color: var(--muted); font-size: .7rem; line-height: 1.65; }
.statistics-metric-money { background: #edf5f2; border-color: #c5ded4; }
.statistics-metric-money > strong { color: var(--teal-dark); font-size: 1.25rem; }
.statistics-metric > .statistics-attention { color: #8b5916; margin-top: .25rem; }
.statistics-tax-totals { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); margin: 1rem 0 .5rem; padding: .7rem 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); gap: .8rem; }
.statistics-tax-totals > div { min-width: 0; }
.statistics-tax-totals dt { font-size: .73rem; color: var(--muted); }
.statistics-tax-totals dd { margin: .25rem 0 0; font-size: .95rem; font-weight: 650; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.statistics-tax-totals dd > span { font-size: .65rem; font-weight: 400; color: var(--muted); }
.statistics-follow-up { padding: 1.2rem 0; border-bottom: 1px solid var(--line); }
.statistics-heading > .statistics-scope-label { padding: .15rem .45rem; color: #71511a; background: #faf0db; border-radius: 4px; font-size: .7rem; }
.statistics-queues { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .8rem; margin-top: .9rem; }
.statistics-queue { padding-left: .7rem; border-left: 3px solid #dfe6e3; min-width: 0; }
.statistics-queue.has-items { border-color: #c9953c; }
.statistics-queue:nth-child(3).has-items { border-color: #bb6960; }
.statistics-queue:nth-child(4).has-items { border-color: #698d80; }
.statistics-queue > strong { display: block; font-size: 1.2rem; margin: .25rem 0; font-variant-numeric: tabular-nums; }
.statistics-queue > strong > small { font-weight: 400; font-size: .7rem; color: var(--muted); margin-left: .45rem; }
.statistics-queue > .statistics-queue-amount { color: var(--muted); font-size: .75rem; font-weight: 400; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.statistics-follow-up-details { margin-top: 1rem; }
.statistics-follow-up-details > summary { display: flex; align-items: baseline; justify-content: space-between; gap: .7rem; cursor: pointer; padding: .7rem 0; font-size: .8rem; }
.statistics-follow-up-details > summary > span:last-child { color: var(--muted); font-size: .73rem; }
.statistics-follow-up-details > summary::after, .statistics-overview > summary::after { content: "+"; color: var(--muted); }
.statistics-follow-up-details[open] > summary::after, .statistics-overview[open] > summary::after { content: "-"; }
.statistics-follow-up-details > summary::-webkit-details-marker, .statistics-overview > summary::-webkit-details-marker { display: none; }
.statistics-follow-up-details > summary:focus-visible, .statistics-overview > summary:focus-visible { outline: 2px solid var(--teal-dark); outline-offset: 3px; }
.statistics-follow-up-list { list-style: none; padding: 0; margin: .5rem 0 0; }
.statistics-follow-up-list a { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 12rem) minmax(0, 9rem); gap: .8rem; align-items: center; padding: .75rem .4rem; border-top: 1px solid var(--line); text-decoration: none; color: inherit; }
.statistics-follow-up-list a:hover { background: #edf5f2; }
.statistics-follow-up-list a:focus-visible { outline: 2px solid var(--teal-dark); outline-offset: -2px; }
.statistics-follow-up-name { min-width: 0; }
.statistics-follow-up-name small { display: block; color: var(--muted); font-size: .7rem; }
.statistics-follow-up-name strong { display: block; font-size: .8rem; font-weight: 600; overflow-wrap: anywhere; margin-top: .2rem; }
.statistics-next-step { font-size: .73rem; color: #71511a; overflow-wrap: anywhere; }
.statistics-follow-up-amount { text-align: right; color: var(--teal-dark); font-size: .8rem; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.statistics-overview { padding: 1rem 0; border-bottom: 1px solid var(--line); }
.statistics-overview > summary { cursor: pointer; margin: 0; list-style: none; }
.statistics-overview[open] > summary { margin-bottom: .8rem; }
.statistics-overview > summary > strong { margin-left: auto; }
.statistics-heading { display: flex; align-items: baseline; justify-content: space-between; gap: .65rem; margin-bottom: .65rem; }
.statistics-heading h2 { margin: 0; font-size: 1rem; }
.statistics-heading > strong { font-size: .875rem; color: var(--teal-dark); font-variant-numeric: tabular-nums; }
.statistics-heading > span { font-size: .75rem; color: var(--muted); }
.statistics-statuses { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); margin-bottom: .7rem; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.statistics-status { padding: .75rem .65rem; border-left: 1px solid var(--line); }
.statistics-status:first-child { border-left: 0; padding-left: 0; }
.statistics-status > span { display: block; color: var(--muted); font-size: .75rem; font-weight: 700; }
.statistics-status strong { display: block; margin: .25rem 0 .1rem; font-size: .92rem; font-variant-numeric: tabular-nums; }
.statistics-status small { font-size: .8rem; color: var(--teal-dark); font-variant-numeric: tabular-nums; }
.statistics-breakdown { padding: 1.25rem 0; border-bottom: 1px solid var(--line); }
.statistics-table-wrap { width: 100%; overflow-x: auto; }
.statistics-table { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: .8rem; }
.statistics-table th, .statistics-table td { padding: .65rem .6rem; border-bottom: 1px solid var(--line); text-align: right; font-variant-numeric: tabular-nums; }
.statistics-table th { color: var(--muted); background: #f1f5f3; font-size: .75rem; font-weight: 700; }
.statistics-table th:first-child, .statistics-table td:first-child { width: 45%; text-align: left; overflow-wrap: anywhere; }
.statistics-table th:nth-child(2), .statistics-table td:nth-child(2) { width: 18%; }
.statistics-table tbody th { background: transparent; color: var(--ink); font-size: .8rem; font-weight: 600; }
.statistics-table tbody tr:hover { background: #f8faf9; }
.statistics-table tfoot { color: var(--teal-dark); font-weight: 700; }
.statistics-table tfoot td { border-bottom: 0; }
.statistics-empty { padding: 1rem 0; font-size: .8rem; color: var(--muted); }
.statistics-loading { padding: 2rem 0; }
.statistics-shell [hidden] { display: none !important; }
@media (max-width: 960px) {
  .statistics-metrics { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .statistics-metric { grid-column: span 2; }
  .statistics-metric:nth-child(-n+2) { grid-column: span 3; }
}
@media (max-width: 640px) {
  .statistics-shell .app-header h1 { font-size: 1.25rem; }
  .statistics-company { flex-basis: 100%; max-width: none; }
  .statistics-filters .report-period-mode { width: 100%; }
  .statistics-filters .report-period-mode-button { flex: 1; padding: .4rem; font-size: .72rem; }
  .statistics-dates { width: 100%; flex-wrap: wrap; }
  .statistics-dates label { flex: 1 1 8rem; }
  .statistics-dates input { width: 100%; }
  .statistics-statuses { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .statistics-status:nth-child(3) { border-left: 0; padding-left: 0; }
  .statistics-status:nth-child(n+3) { border-top: 1px solid var(--line); }
  .statistics-heading { flex-wrap: wrap; }
  .statistics-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .statistics-metric, .statistics-metric:nth-child(-n+2) { grid-column: auto; }
  .statistics-metric:last-child { grid-column: 1 / -1; }
  .statistics-metric > strong { font-size: 1.25rem; }
  .statistics-tax-totals { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .statistics-queues { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem .65rem; }
  .statistics-follow-up-details > summary { flex-wrap: wrap; }
  .statistics-follow-up-list a { grid-template-columns: minmax(0, 1fr) minmax(0, 7.5rem); gap: .4rem; }
  .statistics-follow-up-name { grid-column: 1 / -1; }
  .statistics-overview > summary > strong { margin-left: 0; }
  .statistics-table th, .statistics-table td { padding: .6rem .3rem; }
  .statistics-table th:first-child, .statistics-table td:first-child { width: 38%; }
  .statistics-table th:nth-child(2), .statistics-table td:nth-child(2) { width: 20%; }
}