/* V9.104: man Thong ke gon lai (man >=821px, ke ca may tinh de thu phong 100%). Chi CSS, giu nguyen HTML va moi nut/data-* cu.
   Dien thoai (<=820px) giu bo cuc cu. */
@media (min-width:821px) {
  .statistics-panel .statistics-page { display:grid; grid-template-columns:minmax(0,1fr); gap:10px !important; min-width:0; }
  .statistics-panel .statistics-page > * { min-width:0; max-width:100%; }

  .statistics-panel .statistics-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 !important; padding:0 !important; min-height:0 !important; }
  .statistics-panel .statistics-head .eyebrow, .statistics-panel .statistics-head p { display:none !important; }
  .statistics-panel .statistics-head h2 { margin:0 !important; font-size:20px !important; line-height:1.2; }
  .statistics-panel .statistics-head .soft-button { min-height:36px !important; height:36px; padding:0 12px !important; font-size:13px !important; border-radius:10px; }

  .statistics-panel .statistics-filter { display:flex !important; flex-wrap:wrap; align-items:flex-end; gap:8px 10px !important; margin:0 !important; padding:10px 12px 12px !important; border-radius:14px !important; }
  .statistics-panel .statistics-filter > label { flex:1 1 128px; min-width:0; margin:0 !important; font-size:11px !important; font-weight:700; color:var(--muted); }
  .statistics-panel .statistics-filter > label input, .statistics-panel .statistics-filter > label select { display:block; width:100% !important; height:38px !important; min-height:38px !important; margin-top:4px !important; padding:0 10px !important; border-radius:10px !important; font-size:13px !important; font-weight:600; color:var(--text); }
  .statistics-panel .statistics-filter > .primary-button { flex:none; width:auto !important; height:38px !important; min-height:38px !important; padding:0 16px !important; border-radius:10px !important; font-size:13px !important; white-space:nowrap; }
  .statistics-panel .statistics-filter > a.soft-button { flex:none; display:inline-flex !important; align-items:center; justify-content:center; width:auto !important; height:38px !important; min-height:38px !important; padding:0 14px !important; border:1px solid color-mix(in srgb,var(--green) 55%,var(--line)) !important; border-radius:10px !important; background:color-mix(in srgb,var(--green) 8%,var(--surface)) !important; color:var(--green) !important; font-size:13px !important; font-weight:700; text-decoration:none !important; white-space:nowrap; }
  .statistics-panel .statistics-filter > .statistics-quick { order:-1; flex:1 1 100%; display:flex !important; flex-wrap:wrap; gap:6px !important; margin:0 !important; padding:0 !important; }
  .statistics-panel .statistics-quick button { min-height:28px !important; height:28px; padding:0 12px !important; border-radius:999px !important; font-size:12px !important; font-weight:700; }

  .statistics-panel .statistics-tabs { display:flex !important; flex-wrap:wrap; gap:6px !important; margin:0 !important; padding:4px !important; border:1px solid var(--line) !important; border-radius:12px; background:var(--surface-soft); overflow:visible !important; }
  .statistics-panel .statistics-tabs button { flex:0 0 auto; min-height:32px !important; height:32px; padding:0 13px !important; border:0 !important; border-radius:9px !important; background:transparent; color:var(--muted); font-size:13px !important; font-weight:700; white-space:nowrap; box-shadow:none !important; }
  .statistics-panel .statistics-tabs button::after { display:none !important; }
  .statistics-panel .statistics-tabs button.active { background:var(--primary) !important; color:#fff !important; }

  .statistics-panel .statistics-vat, .statistics-panel .journey-statistics { padding:12px 14px !important; border-radius:14px !important; }
  .statistics-panel .statistics-vat .section-title { margin:0 0 10px !important; align-items:center; }
  .statistics-panel .statistics-vat .section-title h3, .statistics-panel .journey-statistics > header h3 { margin:0 !important; font-size:16px !important; }
  .statistics-panel .vat-summary-scope, .statistics-panel .journey-statistics > header p { margin:2px 0 0 !important; font-size:12px !important; }
  .statistics-panel .statistics-vat .section-title .soft-button, .statistics-panel .journey-statistics > header .soft-button, .statistics-panel .statistics-selection .soft-button { min-height:34px !important; height:34px; padding:0 12px !important; font-size:12.5px !important; border-radius:10px; }

  .statistics-panel .vat-summary { display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:8px !important; margin:0 0 10px !important; }
  .statistics-panel .vat-summary > button, .statistics-panel .statistics-kpis > article, .statistics-panel .journey-kpis > article { grid-column:auto !important; }
  .statistics-panel .vat-summary > button { width:auto !important; min-width:0 !important; max-width:none !important; min-height:0 !important; padding:8px 12px !important; border-radius:12px !important; text-align:left; }
  .statistics-panel .vat-summary > button span { display:block; font-size:10.5px !important; line-height:1.25; }
  .statistics-panel .vat-summary > button strong { display:block; margin-top:3px !important; font-size:16px !important; line-height:1.2; white-space:nowrap; }

  .statistics-panel .statistics-kpis, .statistics-panel .journey-kpis { display:grid !important; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)) !important; gap:8px !important; margin:0 !important; }
  .statistics-panel .statistics-kpis > article, .statistics-panel .journey-kpis > article { min-height:0 !important; padding:10px 12px !important; border-radius:12px !important; }
  .statistics-panel .statistics-kpis > article span, .statistics-panel .journey-kpis > article span { font-size:11px !important; }
  .statistics-panel .statistics-kpis > article strong, .statistics-panel .journey-kpis > article strong { display:block; margin-top:3px !important; font-size:19px !important; line-height:1.2; white-space:nowrap; }
  .statistics-panel .statistics-bottom { display:grid !important; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)) !important; gap:10px !important; margin:0 !important; }
  .statistics-panel .statistics-bottom > article { padding:12px 14px !important; border-radius:14px !important; }
  .statistics-panel .statistics-bottom > article h3 { margin:0 0 8px !important; font-size:15px !important; }

  .statistics-panel .statistics-selection { gap:8px !important; margin:0 0 8px !important; }
  .statistics-panel .statistics-table-wrap, .statistics-panel .journey-table-wrap { overflow-x:auto; border-radius:12px; }
  .statistics-panel .statistics-scope-note { margin:0 !important; font-size:11px !important; opacity:.8; }
}
@media (min-width:1180px) {
  .statistics-panel .statistics-kpis { grid-template-columns:repeat(5,minmax(0,1fr)) !important; }
  .statistics-panel .vat-summary { grid-template-columns:repeat(7,minmax(0,1fr)) !important; }
  .statistics-panel .vat-summary > button { padding:8px 10px !important; }
  .statistics-panel .vat-summary > button strong { font-size:15px !important; }
}