.metrics-root{min-width:0}.metrics-filters{display:flex;align-items:end;gap:16px;padding:18px;margin-bottom:20px;flex-wrap:wrap}.metrics-filters .field{margin:0;min-width:200px}.metrics-filters [data-updated]{margin-block:8px}.metrics-kpis{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.metrics-kpis .v{font-size:28px}.metrics-note{line-height:1.7;margin:0 0 20px;max-width:95ch}.metrics-table{max-width:100%;max-height:65dvh;overflow:auto;container-type:inline-size}.metrics-table table{min-width:680px}.metrics-table thead{position:sticky;top:0;z-index:1;background:var(--surface-2)}.metrics-table tbody th{font-weight:500;text-align:left;padding:14px 18px;border-bottom:1px solid var(--line-2);max-width:300px;overflow-wrap:anywhere}.metrics-caption{text-align:left;padding:14px 18px;color:var(--muted);font-size:12px}.metrics-open{padding:0;background:none;border:0;color:var(--leaf);font-weight:650;text-align:left;cursor:pointer;overflow-wrap:anywhere}.metrics-open:hover{text-decoration:underline}.metrics-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-top:1px solid var(--line-2)}@media(max-width:600px){.metrics-filters{padding:14px;gap:12px}.metrics-filters .field{flex:1;min-width:100%}.metrics-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metrics-kpis .kpi{padding:14px}.metrics-kpis .v{font-size:24px}}