
/* Qore AI Statistics: aggregated operational telemetry only */
.stats-hero{display:flex;justify-content:space-between;align-items:center;gap:16px}
.stats-hero p{margin:6px 0 0;color:var(--muted,#97a8b8)}
.stats-live{color:#75dbb7;font-size:11px;font-weight:800;letter-spacing:.12em;white-space:nowrap}
.stats-controls{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}
.stats-presets,.stats-chooser-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.stats-presets .btn{font-size:12px;min-height:34px}
.stats-active{border-color:#76b8ff!important;background:rgba(99,194,255,.13)!important}
.stats-range{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px}
.stats-range label{display:flex;flex-direction:column;gap:7px;min-width:130px;flex:1;color:var(--muted,#a1adbe);font-size:12px}
.stats-range label:first-child{flex:3;min-width:200px}
.stats-range input[type=date]{width:100%;min-height:40px;color:inherit;background:var(--surface,#132034);border:1px solid rgba(155,185,210,.24);border-radius:10px;padding:6px 10px;color-scheme:dark}
.stats-range input[type=range]{width:100%;accent-color:#63c2ff;cursor:pointer}
.stats-range .btn{min-height:40px}
.stats-chooser-head strong{margin-right:auto}
.stats-chooser-head span{font-size:12px;color:var(--muted,#a1adbe)}
.stats-ai-chooser{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:7px;border-top:1px solid rgba(155,185,210,.15);padding-top:12px;max-height:280px;overflow:auto}
.stats-ai-chooser label{display:grid;grid-template-columns:18px 1fr;align-items:center;gap:3px 8px;border:1px solid rgba(155,185,210,.12);border-radius:9px;padding:9px;font-size:12px}
.stats-ai-chooser input{grid-row:span 2;accent-color:#72c0ff}
.stats-ai-chooser small{font-size:10px;opacity:.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.stats-footnote,.stats-sub{font-size:12px;line-height:1.6;color:var(--muted,#97a8b8);margin:2px 0}
.stats-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}
.stats-metric{display:flex;flex-direction:column;gap:9px;min-width:0}
.stats-metric>span{color:var(--muted,#a1adbe);font-size:12px}
.stats-metric strong{font-size:clamp(22px,2vw,32px);line-height:1.05;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.stats-metric small{font-size:11px;color:var(--muted,#97a8b8)}
.stats-metric.stats-bad strong,.stats-error-count{color:#ff8689}
.stats-metric.stats-ok strong{color:#75dbb7}
.stats-section{margin-bottom:16px;min-width:0}
.stats-section h3{margin:0 0 12px;font-size:17px}
.stats-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}
.stats-section-head h3{margin:0 0 4px}
.stats-section-head p{font-size:12px;color:var(--muted,#97a8b8);margin:0}
.stats-section-head select{max-width:190px;padding:8px 10px;border:1px solid rgba(155,185,210,.25);border-radius:9px;background:var(--surface,#132034);color:inherit}
.stats-chart-frame{overflow-x:auto;color:var(--text,#dce8f6)}
.stats-chart-frame svg{display:block;width:100%;min-width:460px;height:auto;max-height:315px}
.stats-table-scroll{overflow:auto;width:100%;max-height:530px}
.stats-table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:12px}
.stats-table th{text-align:right;position:sticky;top:0;background:var(--surface,#162335);z-index:1;color:var(--muted,#a1adbe);font-weight:600;padding:10px 11px;border-bottom:1px solid rgba(160,190,220,.17)}
.stats-table th:first-child,.stats-table td:first-child{text-align:left}
.stats-table td{padding:10px 11px;text-align:right;border-bottom:1px solid rgba(160,190,220,.09);font-variant-numeric:tabular-nums}
.stats-table tbody tr:hover{background:rgba(125,165,205,.07)}
.stats-provider{display:block;font-size:10px;color:var(--muted,#97a8b8);margin-top:3px}
.stats-mini-bar{width:80px;min-width:60px;height:7px;border-radius:99px;background:rgba(160,190,220,.12);overflow:hidden}
.stats-mini-bar i{height:100%;display:block;background:#ff777b;border-radius:99px}
.stats-pair{display:grid;grid-template-columns:1fr 1.3fr;gap:14px;align-items:start}
.stats-reason-list{display:flex;flex-direction:column;gap:13px}
.stats-reason>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin-bottom:5px}
.stats-reason strong{font-variant-numeric:tabular-nums}
.stats-reason-track{height:6px;border-radius:99px;background:rgba(160,190,220,.1);overflow:hidden}
.stats-reason-track i{display:block;height:100%;border-radius:99px;background:#e2a57c}
.stats-details{margin-bottom:12px}
.stats-details summary{font-size:14px;font-weight:700;cursor:pointer;user-select:none}
.stats-details[open] summary{margin-bottom:14px}
.stats-hours{display:flex;gap:3px;height:165px;align-items:stretch;justify-content:space-between;padding-top:12px}
.stats-hours>div{height:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px;min-width:0}
.stats-hours>div>div{background:#ff777b;opacity:.8;min-height:2px;width:75%;border-radius:3px 3px 0 0}
.stats-hours span{font-size:10px;color:var(--muted,#a1adbe);transform:rotate(-45deg);transform-origin:center}
.stats-loading{padding:9px 12px;border-radius:10px;background:rgba(99,194,255,.08);margin-bottom:12px;font-size:12px}
.stats-warning{border-color:#b45a60!important;color:#ffaaa9;margin-bottom:12px}
.stats-empty{padding:16px;color:var(--muted,#a1adbe);font-size:13px}
@media(max-width:900px){.stats-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-pair{grid-template-columns:1fr}}
@media(max-width:540px){.stats-hero{align-items:flex-start}.stats-live{font-size:9px}.stats-presets{gap:5px}.stats-range{gap:9px}.stats-range label{min-width:135px}.stats-range label:first-child{min-width:100%;flex:1}.stats-chooser-head{gap:6px}.stats-chooser-head strong{width:100%}.stats-chooser-head span{margin-right:auto}.stats-section-head{align-items:flex-start}.stats-section-head select{max-width:140px}.stats-metric strong{font-size:23px}.stats-ai-chooser{grid-template-columns:repeat(2,minmax(0,1fr))}}

.stats-chart-legend{display:flex;flex-wrap:wrap;gap:9px 15px;margin:8px 0 4px;font-size:11px;color:var(--muted,#a1adbe)}
.stats-chart-legend span{display:flex;gap:6px;align-items:center}.stats-chart-legend i{height:9px;width:9px;display:inline-block;border-radius:50%}

/* Token usage and pricing: operational aggregates only, no private message data */
.stats-token-section{margin-top:6px}
.stats-token-section .stats-metrics{margin-top:16px}
.stats-token-title{font-size:14px;font-weight:750;margin:20px 0 10px}
.stats-token-section .stats-token-hour-head{margin:25px 0 8px;align-items:end}
.stats-token-day-label{display:flex;align-items:center;gap:8px;color:var(--muted,#a1adbe);font-size:12px}
.stats-token-day-label select{padding:8px;border:1px solid rgba(155,185,210,.25);border-radius:9px;background:var(--surface,#132034);color:inherit}
.stats-token-hours{margin-bottom:12px;min-height:155px;gap:5px}
.stats-token-hours .stats-token-bar{background:#63c2ff;opacity:.86;min-height:2px;width:78%;border-radius:4px 4px 0 0}
.stats-token-hours span{font-size:10px}
.stats-token-details{margin:16px 0;border-top:1px solid rgba(160,190,220,.12);padding-top:14px}
.stats-token-details summary{font-size:13px;font-weight:700;cursor:pointer}
.stats-token-details[open] summary{margin-bottom:12px}
.stats-model-name{display:inline-block;max-width:360px;overflow-wrap:anywhere;white-space:normal;text-align:left}
@media(max-width:540px){.stats-token-section .stats-section-head{flex-wrap:wrap}.stats-token-section .stats-section-head button{margin-top:4px}.stats-token-hours{gap:2px}.stats-token-hours span{font-size:8px}}

