/* Admin-only content: no chart dependency; one scroll region on small screens. */
#screen-online-admin:has(#online-admin-data:not([hidden])){max-width:1000px}
#online-admin-room-panel{display:flex;flex:1;min-height:0;flex-direction:column}
#online-admin-nav{flex-shrink:0;margin:0 0 12px;grid-template-columns:1fr 1fr}
#online-admin-data{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:2px 5px 16px 0;scrollbar-gutter:stable;animation:analytics-in .24s ease-out}
.analytics-heading,.analytics-block>header{display:flex;align-items:center;justify-content:space-between;gap:10px}
.analytics-heading h3{font-size:18px;line-height:1.5}.analytics-heading .online-eyebrow{margin:0 0 4px}
.analytics-heading .btn{flex-shrink:0}.analytics-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:14px 0 10px}
.analytics-presets button{min-height:44px;border:1px solid #c6cfc2;border-radius:8px;background:#fffdf8;color:#4d5d8c;font:inherit;font-size:12px;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.analytics-presets .active{background:#e6eee1;border-color:#628875;color:#345d4c}.analytics-presets button:active{transform:scale(.97)}
.analytics-filters{display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:end;gap:8px}.analytics-filters label{min-width:0;display:grid;gap:4px;font-size:11px;color:#59647a}
.analytics-filters input,.analytics-filters select,.analytics-block select{width:100%;min-width:0;min-height:44px;padding:6px;border:1px solid #c6cfc2;border-radius:8px;background:#fffdf8;color:#273547;font:inherit;font-size:16px}
.analytics-notice{font-size:11px;line-height:1.75;padding:10px;border-radius:8px;background:#eaf0e5;color:#3d5d50;overflow-wrap:anywhere}.analytics-notice:empty{display:none}
.analytics-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.analytics-cards>div{min-width:0;padding:13px 10px;border:1px solid #cad3c5;background:#fffdf7;border-radius:12px}
.analytics-cards dt,.analytics-quality dt{font-size:11px;color:#586579}.analytics-cards dd{font:500 30px/1.5 system-ui,sans-serif;margin:4px 0;color:#345d4c;font-variant-numeric:tabular-nums}.analytics-cards small{font-size:10px;color:#586579;display:block;line-height:1.5}
.analytics-block{margin-top:12px;padding:14px 10px;border:1px solid #cad3c5;border-radius:12px;background:#fffdf780}.analytics-block h4{font-size:14px;font-weight:600;margin:0 0 8px}.analytics-block select{width:auto;font-size:12px}.analytics-block .online-note{font-size:11px;line-height:1.7;overflow-wrap:anywhere}
.analytics-chart{display:flex;gap:8px;overflow-x:auto;align-items:end;padding:22px 4px 0;height:184px;touch-action:pan-x pan-y}.analytics-bar{display:grid;grid-template-rows:20px 110px 20px;align-items:end;justify-items:center;flex:1 0 36px;min-width:36px;font-size:10px;color:#4d5d8c}.analytics-bar i{width:70%;border-radius:5px 5px 0 0;background:#628875;min-height:2px;transition:height .25s ease-out}.analytics-bar i[data-empty=true]{background:#ccd0c9}.analytics-bar small{font-variant-numeric:tabular-nums;font-size:10px}
.analytics-modes{display:grid;grid-template-columns:1fr 1fr;gap:10px}.analytics-modes article{min-width:0;padding:10px;border-left:3px solid #628875;background:#eef2e8}.analytics-modes strong{font-size:13px}.analytics-modes p{font-size:12px;margin:7px 0}.analytics-modes small{font-size:11px;color:#586579}
.analytics-quality{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:10px 0}.analytics-quality dd{margin:6px 0;font-size:18px;color:#345d4c;font-variant-numeric:tabular-nums}
.analytics-signals{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:8px}.analytics-signals li{padding:10px;background:#f2eee4;border-left:3px solid #9b8457;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.analytics-signals p{margin:4px 0}.analytics-signals small{font-size:10px;color:#59647a}
.analytics-table{overflow:auto;max-height:280px;margin-top:12px}.analytics-table table{border-collapse:collapse;width:100%;font-size:11px;white-space:nowrap}.analytics-table th,.analytics-table td{padding:9px 7px;border-bottom:1px solid #d3d8cd;text-align:right}.analytics-table th:first-child{text-align:left}.analytics-table thead{position:sticky;top:0;background:#e9eee2}.analytics-block summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-size:13px;color:#4d5d8c}.analytics-block summary::before{content:'＋';margin-right:8px}.analytics-block[open] summary::before{content:'－'}
@keyframes analytics-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.analytics-filters{grid-template-columns:1fr 1fr}.analytics-cards{grid-template-columns:1fr 1fr}.analytics-heading h3{font-size:15px}.analytics-modes{grid-template-columns:1fr}.analytics-heading{align-items:start}}
@media(prefers-reduced-motion:reduce){#online-admin-data{animation:none}.analytics-presets button,.analytics-bar i{transition:none}}