.analytics { width:100%; }
.analytics-heading,.analytics-paging { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:20px; flex-wrap:wrap; }
.analytics-filters { display:flex; flex-wrap:wrap; align-items:end; gap:16px; margin-bottom:20px; }
.analytics-filters label { flex:1 1 150px; }
.analytics-layout { display:grid; grid-template-columns:minmax(230px,300px) minmax(0,1fr); gap:20px; }
.analytics-catalog { align-self:start; }
.analytics-catalog h4 { margin:18px 0 8px; }
.analytics-metric { display:block; text-align:left; width:100%; padding:10px; border:0; border-radius:6px; background:transparent; cursor:pointer; color:inherit; font:inherit; }
.analytics-metric.selected { background:#e8f1fa; color:#164d7e; font-weight:600; }
.analytics-metric:hover { background:#eef3f8; }
.analytics-metric small { display:block; color:#657487; margin-top:3px; font-weight:400; }
#analytics-result > .card { margin-bottom:20px; }
#analytics-result { min-width:0; }
.analytics-definition { display:grid; grid-template-columns:130px minmax(0,1fr); gap:8px 16px; }
.analytics-definition dt { color:#657487; }
.analytics-definition dd { margin:0; overflow-wrap:anywhere; }
.analytics-total { display:flex; flex-wrap:wrap; align-items:baseline; gap:20px; }
.analytics-total strong { font-size:28px; }
.analytics-bars { display:grid; gap:10px; }
.analytics-bar { display:grid; grid-template-columns:minmax(140px,1fr) minmax(80px,2fr) auto; gap:8px 16px; align-items:center; padding:12px; border:1px solid #dce3eb; border-radius:8px; background:transparent; text-align:left; cursor:pointer; color:inherit; font:inherit; }
.analytics-bar:hover,.analytics-bar:focus-visible { border-color:#1f6ea8; background:#f1f7fc; }
.analytics-bar meter { width:100%; height:18px; accent-color:#2475ab; }
.analytics-bar small { grid-column:1/-1; color:#657487; }
.analytics-paging { margin-top:16px; }
.analytics pre,.analytics-task pre { white-space:pre-wrap; overflow-wrap:anywhere; font-size:12px; }
.analytics-task { padding:12px; max-height:75vh; overflow:auto; }
.analytics-task h4 { margin:18px 0 8px; }
.analytics-task details { margin:8px 0; }
.analytics-empty { border-left:4px solid #d9a73f; }
@media(max-width:850px) { .analytics-layout { grid-template-columns:minmax(0,1fr); } .analytics-catalog { max-height:300px; overflow:auto; } .analytics-bar { grid-template-columns:minmax(0,1fr); } .analytics-definition { grid-template-columns:minmax(0,1fr); } .analytics-definition dd { margin-bottom:8px; } }