.log-table {
  font-size: 12px;
}

.log-details {
  max-width: 440px;
  white-space: normal;
  word-break: break-word;
  color: var(--muted);
}

#chat-form input {
  min-width: 360px;
}
.toggle-label{display:flex;align-items:center;gap:10px;color:#d9d5e4;font-size:13px;background:#17131f;border:1px solid #30263e;border-radius:9px;padding:9px 13px}.toggle-label input{accent-color:#9d4dff;width:16px;height:16px}.quick-actions{display:flex;flex-wrap:wrap;gap:5px;min-width:250px}.quick-actions button{font-size:11px;padding:6px 8px}.page>.panel+ .panel{margin-top:18px}#period-metrics{overflow:auto}#page-stats .metrics{grid-template-columns:repeat(6,minmax(120px,1fr))}@media(max-width:1100px){#page-stats .metrics{grid-template-columns:repeat(3,1fr)}}
.inspection-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.inspection-toolbar select{min-width:210px}.inspection-path{padding:11px 13px;border:1px solid #2c2638;border-radius:9px;background:#0b0d12;color:#bd8dff;font:12px ui-monospace,Consolas,monospace;word-break:break-all}.inspection-grid{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(320px,1.2fr);gap:12px;margin-top:12px;min-height:380px}.inspection-files{border:1px solid var(--line);border-radius:10px;background:#0b0d12;overflow:auto;max-height:520px}.inspection-entry{display:flex;align-items:center;gap:9px;width:100%;border-radius:0;border-bottom:1px solid #1f222c;background:transparent;text-align:left;padding:10px 12px}.inspection-entry:hover{background:#21172f}.inspection-entry:disabled{color:#666;cursor:not-allowed;filter:none}.inspection-entry span{flex:1;overflow:hidden;text-overflow:ellipsis}.inspection-entry small{color:var(--muted)}.inspection-preview{margin:0;min-height:380px;max-height:520px;overflow:auto;border:1px solid var(--line);border-radius:10px;background:#090a0e;padding:16px;color:#cdd0d8;white-space:pre-wrap;word-break:break-word;font:12px/1.55 ui-monospace,Consolas,monospace}
@media(max-width:760px){body{padding-bottom:76px}.app>aside{position:fixed;z-index:100;inset:auto 0 0 0;width:100%;height:72px;padding:6px;background:#0b0c11ee;border:0;border-top:1px solid var(--line);backdrop-filter:blur(14px)}.app>aside .brand,.app>aside .account{display:none}.app>aside nav{display:flex;gap:4px;height:100%;overflow-x:auto;scrollbar-width:none}.app>aside nav::-webkit-scrollbar{display:none}.app>aside nav button{flex:0 0 88px;min-height:56px;align-items:center;justify-content:center;text-align:center;padding:7px 6px;font-size:10px;line-height:1.2}.app main{padding:14px 10px 88px}.app header{align-items:stretch;flex-direction:column;gap:12px}.app header h2{font-size:22px}.header-actions{width:100%;align-items:stretch;flex-direction:row}.header-actions select{width:100%;min-width:0}.live{font-size:0;flex:0 0 18px}.panel{padding:14px;border-radius:12px}.panel-head{align-items:flex-start;gap:10px}.metrics,#page-stats .metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metric{padding:14px}.metric b{font-size:21px;margin-top:7px}.grid.two{grid-template-columns:1fr}.inline-form,.toolbar{display:grid;grid-template-columns:1fr}.inline-form input,.inline-form select,.inline-form button,.toolbar input,.toolbar select{width:100%;min-width:0}.table{min-width:680px}.quick-actions{min-width:280px}.cards{grid-template-columns:1fr}.server-stats{grid-template-columns:1fr 1fr}.drawer{width:100vw;padding:18px}.inspection-grid{grid-template-columns:1fr;min-height:0}.inspection-files,.inspection-preview{max-height:360px;min-height:220px}.inspection-toolbar{display:grid;grid-template-columns:1fr 1fr}.inspection-toolbar select{grid-column:1/-1;width:100%;min-width:0}.toast{left:12px;right:12px;bottom:86px;text-align:center}}
@media(max-width:420px){.metrics,#page-stats .metrics{grid-template-columns:1fr 1fr}.metric small{font-size:10px}.metric b{font-size:19px}.login-card{padding:30px 22px}.inspection-toolbar{grid-template-columns:1fr}.inspection-toolbar select{grid-column:auto}.panel-head{flex-direction:column}.toggle-label{margin:0;width:100%}}
@media (min-width:761px) and (max-width:900px){body{padding-bottom:76px}.app{display:block}.app>aside{position:fixed;z-index:100;inset:auto 0 0 0;width:100%;height:72px;padding:6px;background:#0b0c11ee;border:0;border-top:1px solid var(--line);backdrop-filter:blur(14px)}.app>aside .brand,.app>aside .account{display:none}.app>aside nav{display:flex;gap:4px;height:100%;overflow-x:auto;scrollbar-width:none}.app>aside nav button{flex:0 0 96px;align-items:center;justify-content:center;text-align:center;padding:7px 6px;font-size:11px}.app main{padding:18px 16px 92px;max-width:none}.app header{align-items:stretch;flex-direction:column;gap:12px}.header-actions{width:100%}.metrics,#page-stats .metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.two{grid-template-columns:1fr}.inspection-grid{grid-template-columns:1fr}.toast{bottom:86px}}
.rewind{min-height:460px;border-color:#3a3048;touch-action:none}.rewind-hint{padding:8px 3px 0;color:#8f94a3;font-size:11px}.rewind-controls{flex-wrap:wrap}.rewind-controls input{min-width:140px}.rewind-controls select{min-height:38px}
.drawer{width:min(1120px,98vw)}.real-recording{width:100%;aspect-ratio:16/9;max-height:720px;border:1px solid #3a3048;border-radius:12px;background:#050509;overflow:hidden;display:flex;align-items:center;justify-content:center}.real-recording img{width:100%;height:100%;object-fit:contain;image-rendering:auto}.real-recording:fullscreen{max-height:none;border:0;border-radius:0;background:#000}.real-recording:fullscreen img{object-fit:contain}