.portal-statistics { background:#f7f9f8 !important; }
.portal-statistics main.stats-page { background:#f7f9f8 !important; }
.portal-statistics .portal-navigation { top:66px; }
.stats-heading { background:#fff; border-bottom:1px solid #e0e8e3; padding:18px 0 22px; }
.stats-breadcrumb { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-bottom:14px; color:#7a877f; font-size:12px; }
.stats-breadcrumb svg { width:13px; height:13px; }
.stats-breadcrumb a { color:#377654; }
.stats-heading__row { display:flex; align-items:center; justify-content:space-between; gap:24px; }
.stats-heading h1 { margin:5px 0 8px; font-size:30px; line-height:1.25; color:#193f2b; overflow-wrap:anywhere; }
.stats-heading p { margin:0; font-size:14px; color:#728078; }
.stats-public-label { display:inline-flex; align-items:center; gap:7px; flex:0 0 auto; font-size:12px; color:#4c705a; }
.stats-public-label svg { width:17px; height:17px; }
.stats-body { padding:22px 0 34px; }
.stats-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-bottom:26px; }
.stats-summary__item { display:flex; align-items:center; gap:15px; padding:16px 20px; border:1px solid #e0e7e2; border-radius:6px; background:#fff; min-width:0; }
.stats-summary__icon { width:44px; height:48px; flex:0 0 44px; display:grid; place-items:center; border-radius:5px; }
.stats-summary__icon svg { width:25px; height:25px; }
.stats-summary__icon--green { background:#eaf3ed; color:#2c8050; }
.stats-summary__icon--amber { background:#faf3e3; color:#ac8230; }
.stats-summary__icon--blue { background:#eaf3f8; color:#377e9f; }
.stats-summary__icon--rose { background:#f8edf1; color:#aa5b7c; }
.stats-summary__item > div { min-width:0; }
.stats-summary__item div > span { display:block; font-size:12px; color:#738077; line-height:1.4; }
.stats-summary__item strong { display:inline-block; margin:2px 6px 0 0; font-size:28px; line-height:1.2; color:#233c2d; font-weight:750; }
.stats-summary__item small { font-size:11px; color:#859087; white-space:nowrap; }
.stats-layout { display:grid; grid-template-columns:238px minmax(0,1fr); gap:30px; align-items:start; }
.stats-sidebar { border-top:3px solid #337f9d; background:transparent; min-width:0; }
.stats-sidebar h2 { display:flex; align-items:center; gap:9px; padding:16px 12px; margin:0; font-size:14px; color:#2a4835; }
.stats-sidebar h2 svg { width:18px; height:18px; color:#648571; }
.stats-sidebar nav { display:grid; gap:3px; }
.stats-sidebar nav a { display:flex; align-items:center; gap:12px; padding:13px 14px; color:#64736a; min-height:48px; font-size:13px; border-radius:4px; }
.stats-sidebar nav a > svg:first-child { width:18px; height:18px; }
.stats-sidebar nav a > svg:last-child { margin-left:auto; width:14px; height:14px; opacity:0; }
.stats-sidebar nav a:hover { background:#eaf1ec; color:#27563b; }
.stats-sidebar nav a.is-active { background:#155a3a; color:#fff; font-weight:650; }
.stats-sidebar nav a.is-active > svg:last-child { opacity:.8; }
.stats-source { border-top:1px solid #dce5df; margin-top:24px; padding:20px 12px; display:flex; align-items:flex-start; gap:10px; }
.stats-source > svg { width:16px; height:16px; margin-top:3px; color:#82978a; }
.stats-source strong { display:block; font-size:11px; color:#52705d; }
.stats-source p { margin:5px 0 12px; font-size:11px; line-height:1.8; color:#7c8880; }
.stats-source span { font-size:10px; color:#8b948f; }
.stats-results { border-top:3px solid #155a3a; padding:0; min-width:0; }
.stats-toolbar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; padding:15px 0; border-bottom:1px solid #e2e9e4; }
.stats-view-switch { display:inline-flex; align-items:center; border:1px solid #dbe4dd; border-radius:5px; padding:3px; background:#fff; }
.stats-view-switch button { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:34px; min-width:82px; padding:6px 12px; border:0; border-radius:3px; background:transparent; color:#7d8980; font-size:12px; cursor:pointer; }
.stats-view-switch button svg { width:15px; height:15px; }
.stats-view-switch button:hover { color:#266342; background:#f0f5f1; }
.stats-view-switch button[aria-pressed="true"] { color:#155a3a; background:#e7f1ea; font-weight:750; }
.stats-actions { display:flex; gap:5px; }
.stats-actions .portal-icon-button { border:1px solid #e0e7e2; background:#fff; border-radius:5px; }
.stats-actions svg { width:17px; height:17px; }
.stats-result-heading { padding:18px 0 16px; }
.stats-category-label { color:#327953; font-size:11px; font-weight:700; }
.stats-result-heading h2 { margin:5px 0 7px; font-size:21px; line-height:1.35; color:#294333; }
.stats-result-heading p { margin:0; font-size:12px; color:#7a877e; }
.stats-filters { display:flex; flex-wrap:wrap; gap:12px; margin:0 0 12px; }
.stats-filter-field { display:grid; gap:6px; min-width:0; width:200px; max-width:100%; }
.stats-filter-field label { font-size:11px; font-weight:650; color:#697e70; }
.stats-filter-field select { width:100%; min-width:0; min-height:40px; padding:8px 30px 8px 11px; border:1px solid #dce5df; border-radius:5px; background:#fff; color:#315c42; font:inherit; font-size:12px; }
.stats-filter-field select:focus-visible { outline:3px solid #d6a83d; outline-offset:3px; }
.stats-scope { margin:0 0 14px; color:#839187; font-size:11px; }
.stats-data-status { margin:0 0 15px; display:flex; align-items:center; gap:8px; padding:10px 13px; border-left:3px solid #d8b157; background:#faf6eb; color:#8c783f; font-size:12px; }
.stats-table-scroll { width:100%; overflow-x:auto; border:1px solid #dfe7e2; border-radius:5px; background:#fff; }
.stats-table { width:100%; border-collapse:collapse; font-size:13px; font-variant-numeric:tabular-nums; }
.stats-table th, .stats-table td { padding:12px 16px; border-bottom:1px solid #e8eee9; text-align:right; }
.stats-table thead th { background:#edf2ef; color:#607467; font-size:11px; font-weight:750; white-space:nowrap; }
.stats-table thead small { font-size:10px; font-weight:400; }
.stats-table th:first-child, .stats-table td:first-child { width:52px; text-align:center; color:#8c978f; }
.stats-table th:nth-child(2) { text-align:left; }
.stats-table tbody th { color:#52675a; font-weight:500; text-align:left; }
.stats-table tbody td { color:#6a7c70; }
.stats-table tbody tr:nth-child(even) { background:#fbfcfb; }
.stats-table tbody tr:hover { background:#f1f7f3; }
.stats-table tfoot th, .stats-table tfoot td { background:#155a3a; color:#fff; font-weight:700; border-bottom:0; }
.stats-table tfoot th:first-child { text-align:left; color:#fff; }
.stats-table .stats-table__empty { padding:35px 16px; text-align:center; width:auto; color:#8b968e; }
.stats-result-footer { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:14px; font-size:10px; color:#8b978e; }
.stats-result-footer > span:first-child { display:flex; align-items:center; gap:6px; }
.stats-result-footer svg { width:13px; height:13px; }
.stats-result-footer > span:last-child { flex:0 0 auto; }
.stats-chart-panel { background:#fff; border:1px solid #e2e9e4; border-radius:5px; padding:24px; }
.stats-chart { position:relative; width:100%; height:350px; }
.stats-chart-empty { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:280px; text-align:center; }
.stats-chart-empty > svg { width:45px; height:45px; color:#9bb3a3; margin-bottom:14px; stroke-width:1.3; }
.stats-chart-empty strong { font-size:14px; color:#668170; }
.stats-chart-empty p { font-size:12px; color:#93a095; margin:5px 0 0; }
.stats-privacy { display:flex; align-items:flex-start; gap:12px; margin-top:40px; padding-top:20px; border-top:1px solid #dfe7e2; color:#8b998f; }
.stats-privacy > svg { width:18px; height:18px; flex:0 0 18px; margin-top:2px; color:#60826c; }
.stats-privacy p { font-size:11px; line-height:1.7; margin:0; max-width:840px; }
.stats-mobile-category { display:none; }
.stats-mobile-category select:focus-visible { outline:3px solid #d6a83d; outline-offset:3px; }
@media (max-width:1050px) {
    .stats-summary__item { padding:16px 12px; gap:10px; }
    .stats-summary__icon { width:36px; flex-basis:36px; height:42px; }
    .stats-summary__item small { display:block; }
    .stats-layout { grid-template-columns:210px minmax(0,1fr); gap:24px; }
}
@media (max-width:900px) {
    .portal-statistics .portal-navigation { top:62px; }
    .stats-heading h1 { font-size:27px; }
    .stats-public-label { display:none; }
    .stats-layout { grid-template-columns:190px minmax(0,1fr); gap:20px; }
    .stats-sidebar h2 { font-size:12px; padding-inline:5px; }
    .stats-sidebar nav a { padding-inline:10px; gap:8px; font-size:12px; }
    .stats-summary { gap:10px; }
    .stats-summary__icon { display:none; }
    .stats-table th, .stats-table td { padding-inline:12px; }
}
@media (max-width:660px) {
    .stats-heading { padding:18px 0 22px; }
    .stats-breadcrumb { margin-bottom:18px; font-size:11px; }
    .stats-heading h1 { font-size:25px; margin-bottom:10px; }
    .stats-heading p { font-size:12px; line-height:1.7; }
    .stats-body { padding:20px 0 26px; }
    .stats-summary { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-bottom:24px; }
    .stats-summary__item { padding:14px 12px; gap:10px; }
    .stats-summary__item div > span { font-size:11px; }
    .stats-summary__item strong { font-size:25px; margin-right:4px; }
    .stats-summary__item small { display:inline-block; font-size:10px; }
    .stats-summary__icon { display:grid; width:30px; flex-basis:30px; height:38px; }
    .stats-summary__icon svg { width:20px; height:20px; }
    .stats-layout { grid-template-columns:minmax(0,1fr); gap:0; }
    .stats-sidebar { display:none; }
    .stats-mobile-category { display:grid; gap:7px; padding:16px 0; }
    .stats-mobile-category label { font-size:11px; color:#6b8073; font-weight:650; }
    .stats-mobile-category select { min-width:0; width:100%; min-height:44px; padding:10px 12px; border:1px solid #dce5df; border-radius:5px; color:#315c42; background:#fff; font:inherit; font-size:13px; }
    .stats-toolbar { padding:0 0 14px; gap:8px; flex-wrap:nowrap; }
    .stats-view-switch { padding:2px; min-width:0; }
    .stats-view-switch button { min-width:0; padding:7px 9px; gap:5px; min-height:36px; font-size:11px; }
    .stats-view-switch button svg { width:14px; height:14px; }
    .stats-actions { gap:4px; }
    .stats-actions .portal-icon-button { width:34px; height:40px; flex-basis:34px; }
    .stats-result-heading { padding:20px 0 16px; }
    .stats-result-heading h2 { font-size:20px; }
    .stats-result-heading p { font-size:12px; line-height:1.7; }
    .stats-filters { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
    .stats-filter-field { width:auto; }
    .stats-filter-field select { min-height:44px; padding-left:9px; padding-right:20px; font-size:12px; }
    .stats-data-status { font-size:11px; }
    .stats-table { font-size:12px; }
    .stats-table th, .stats-table td { padding:12px 9px; }
    .stats-table th:first-child, .stats-table td:first-child { width:34px; }
    .stats-table thead th { font-size:10px; }
    .stats-table thead small { display:block; font-size:9px; }
    .stats-table tbody th { overflow-wrap:anywhere; }
    .stats-result-footer { align-items:flex-start; gap:9px; font-size:9px; }
    .stats-result-footer > span:first-child { align-items:flex-start; gap:5px; }
    .stats-result-footer svg { width:12px; height:12px; margin-top:2px; }
    .stats-chart-panel { padding:18px 12px; }
    .stats-privacy { margin-top:28px; gap:9px; }
    .stats-privacy p { font-size:10px; }
}
@media (max-width:360px) {
    .stats-summary__icon { display:none; }
    .stats-summary__item { padding:14px; }
    .stats-view-switch button { padding:7px; }
    .stats-view-switch button span { display:none; }
    .stats-view-switch button { width:41px; }
}
@media print {
    @page { margin:15mm; }
    html, body, .portal-statistics, .portal-statistics main.stats-page { background:#fff !important; color:#111; }
    .portal-header, .portal-navigation, .portal-footer, .portal-skip, .stats-sidebar, .stats-toolbar, .stats-mobile-category, .stats-breadcrumb, .stats-public-label, .stats-chart-panel, .stats-filters { display:none !important; }
    .portal-home .container { width:100%; }
    .stats-layout { display:block; }
    .stats-heading { padding:0 0 15px; }
    .stats-heading h1 { font-size:22px; }
    .stats-body { padding:18px 0; }
    .stats-summary { margin-bottom:20px; }
    .stats-summary__icon { display:none; }
    .stats-summary__item { padding:12px; }
    .stats-results { border-color:#333; }
    .stats-table-scroll[hidden] { display:block !important; }
    .stats-table thead th, .stats-table tfoot th, .stats-table tfoot td { background:#eee; color:#111 !important; }
    .stats-table tr { break-inside:avoid; }
    .stats-privacy { margin-top:22px; }
}