.sessions-console { display:grid; gap:12px; min-width:0; }
.sessions-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.sessions-metrics article { position:relative; display:grid; grid-template-columns:34px 1fr; gap:2px 10px; min-height:92px; padding:14px; border:1px solid #30343a; border-radius:8px; background:linear-gradient(145deg,rgba(24,26,29,.96),rgba(12,13,15,.98)); }
.sessions-metrics svg { grid-row:1/4; width:20px; height:20px; align-self:center; color:#c8cbd0; }
.sessions-metrics span,.sessions-metrics small { color:#aeb2b8; font-size:12px; }.sessions-metrics strong { font-size:24px; line-height:1.1; color:#f6f7f8; }
.sessions-toolbar { display:grid; grid-template-columns:minmax(260px,1fr) 180px 180px auto auto; gap:8px; align-items:center; padding:10px; border:1px solid #2d3035; border-radius:8px; background:#111315; }
.sessions-toolbar select,.sessions-search { min-height:40px; border:1px solid #34383e; border-radius:7px; background:#0a0b0d; color:#f1f2f3; }
.sessions-search { display:flex; align-items:center; gap:8px; padding:0 11px; }.sessions-search svg { width:16px; color:#aeb2b8; }.sessions-search input { width:100%; border:0; outline:0; background:transparent; color:inherit; }
.sessions-workbench { display:grid; grid-template-columns:minmax(0,1fr) minmax(290px,360px); gap:10px; min-height:520px; }
.sessions-registry,.session-inspector { min-width:0; border:1px solid #30343a; border-radius:8px; background:linear-gradient(155deg,#131517,#0c0d0f); overflow:hidden; }
.sessions-table-head,.session-row { display:grid; grid-template-columns:minmax(190px,1.35fr) minmax(110px,.8fr) 100px 116px 130px 116px 100px; align-items:center; gap:10px; padding:0 14px; }
.sessions-table-head { min-height:42px; color:#92979e; font-size:11px; border-bottom:1px solid #30343a; }.sessions-table-body { overflow:auto; max-height:570px; scrollbar-width:none; }.sessions-table-body::-webkit-scrollbar { display:none; }
.session-row { width:100%; min-height:62px; border:0; border-bottom:1px solid #272a2f; background:transparent; color:#dfe1e4; text-align:left; cursor:pointer; }.session-row:hover,.session-row.selected { background:#202327; }.session-row.selected { box-shadow:inset 2px 0 #d4d7dc; }
.session-row>span,.session-row code { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; }.session-device { display:flex!important; gap:10px; align-items:center; }.session-device>svg { flex:0 0 30px; width:30px; height:30px; padding:7px; border:1px solid #353940; border-radius:7px; }.session-device span { min-width:0; }.session-device strong,.session-device small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.session-device small { margin-top:3px; color:#989da5; font-size:11px; }
.session-state { display:inline-flex!important; align-items:center; gap:6px; }.session-state i { width:7px; height:7px; border-radius:50%; background:#777d85; }.session-state.active i { background:#55bd78; }.session-state.warning i { background:#d1a34d; }.session-state.ended i { background:#ad5a5a; }
.sessions-registry>footer { padding:10px 14px; color:#92979e; font-size:11px; border-top:1px solid #2b2e33; }.sessions-empty { min-height:220px; display:grid; place-content:center; justify-items:center; gap:7px; color:#959aa2; text-align:center; }.sessions-empty svg { width:28px; }
.session-inspector { padding:16px; overflow:auto; scrollbar-width:none; }.session-inspector::-webkit-scrollbar { display:none; }.session-inspector header { padding-bottom:14px; border-bottom:1px solid #2e3136; }.session-inspector h3 { margin:0 0 7px; color:#f4f5f6; font-size:18px; }.session-inspector section { padding:14px 0; border-bottom:1px solid #292c31; }.session-inspector h4 { margin:0 0 11px; font-size:12px; color:#f0f1f2; }.session-inspector dl { display:grid; gap:9px; margin:0; }.session-inspector dl div { display:grid; grid-template-columns:120px minmax(0,1fr); gap:10px; font-size:12px; }.session-inspector dt { color:#969ba2; }.session-inspector dd { min-width:0; margin:0; color:#e5e6e8; overflow-wrap:anywhere; }.session-inspector code { color:#e5e6e8; }.same-device-list { display:grid; gap:6px; }.same-device-list button { display:flex; justify-content:space-between; gap:10px; padding:9px; border:1px solid #30343a; border-radius:7px; background:#17191c; color:#e2e4e6; text-align:left; }.same-device-list small,.session-note { color:#969ba2; font-size:11px; }.session-inspector-actions { padding-top:14px; }.session-inspector-actions .button { width:100%; }
@media(max-width:1500px){.sessions-metrics{grid-template-columns:repeat(2,1fr)}.sessions-toolbar{grid-template-columns:1fr 1fr 1fr}.sessions-toolbar .sessions-search{grid-column:1/-1}.sessions-workbench{grid-template-columns:1fr}.session-inspector{max-height:none}.sessions-table-head,.session-row{grid-template-columns:minmax(180px,1.3fr) 110px 90px 118px 105px}.sessions-table-head span:nth-child(4),.session-row>span:nth-child(4),.sessions-table-head span:nth-child(6),.session-row>span:nth-child(6){display:none}}
@media(max-width:720px){.sessions-metrics{grid-template-columns:1fr 1fr}.sessions-toolbar{grid-template-columns:1fr}.sessions-toolbar>*{width:100%}.sessions-table-head{display:none}.session-row{grid-template-columns:minmax(0,1fr) auto; gap:5px 10px; padding:12px}.session-row>*{display:none!important}.session-row .session-device,.session-row .session-state{display:flex!important}.sessions-workbench{min-height:0}.session-inspector dl div{grid-template-columns:1fr}.session-inspector dt{margin-bottom:-5px}.sessions-metrics article{grid-template-columns:28px 1fr;padding:11px}.sessions-metrics strong{font-size:20px}}