:root{--navy:#082345;--deep:#061b35;--gold:#ffc21a;--muted:#6e8197;--line:#e1e8f1}*{box-sizing:border-box}body{margin:0;background:#f4f7fb;color:var(--navy);font:14px 'Segoe UI',system-ui,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus,select:focus{outline:3px solid #ffc21a70;outline-offset:2px}aside{width:230px;position:fixed;height:100vh;background:linear-gradient(160deg,#0b2c50,var(--deep));color:#fff;padding:24px 16px;display:flex;flex-direction:column}aside img{width:198px;margin:0 auto 32px}.navlabel{font-size:9px;letter-spacing:2px;color:#8caac4;padding:0 16px;margin:0 0 15px}.nav{width:100%;border:0;color:#dfe9f5;background:none;text-align:left;border-radius:8px;padding:16px;margin:4px 0}.nav:hover{background:#143958}.nav.active{background:#163e5e;border-left:3px solid var(--gold);color:white}.asidefoot{margin-top:auto;border-top:1px solid #ffffff15;padding:24px 14px;color:#8faac3;font-size:11px;line-height:2}.yellow{color:var(--gold)}main{margin-left:230px;padding:32px;max-width:1900px}.top,.sectionhead{display:flex;justify-content:space-between;align-items:center;gap:18px}.eyebrow{font-size:9px;letter-spacing:2px;color:#8091a5;margin-bottom:9px}h1{font-size:34px;letter-spacing:-1px;margin:0;font-weight:750}h2{font-size:19px;margin:0 0 7px}p{color:var(--muted);line-height:1.6;margin:7px 0 15px}.top p{margin:7px 0 0}.account{display:flex;align-items:center;gap:12px;font-size:12px}.account small{display:block;font-size:9px;color:#7b8ba0;margin-top:4px}.avatar{width:36px;height:36px;border-radius:50%;background:#e2eaf3;display:grid;place-items:center;color:#4a647d;font-size:11px;font-weight:700}.notice{background:#fff8e6;border:1px solid #f2e5bd;padding:12px 16px;border-radius:9px;color:#806021;font-size:11px;margin:24px 0}.primary{border:1px solid #f2ba10;background:var(--gold);color:var(--navy);font-weight:650;border-radius:8px;padding:12px 18px}.primary:hover{background:#ffcf48}.secondary{background:white;color:#4b627b;border:1px solid #dce5ef;border-radius:7px;padding:10px 13px}.secondary:hover{background:#f1f5fa}input,select{border:1px solid #dce5ef;background:white;padding:12px 14px;border-radius:8px;color:#27435e;font-size:12px}input{min-width:0}form{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.box{background:white;border:1px solid var(--line);border-radius:12px;padding:22px;margin-bottom:20px;box-shadow:0 4px 18px #0b254003}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:0 0 30px}.stat{border:1px solid var(--line);background:white;border-radius:12px;display:flex;align-items:center;gap:17px;text-align:left;padding:21px 19px;box-shadow:0 4px 18px #0b254003;color:var(--navy)}.stat:hover{border-color:#f1bd23}.stat.selected{box-shadow:0 0 0 2px var(--gold)}.stat b{font-size:30px;letter-spacing:-.8px;display:block;line-height:1.2}.stat div>span{font-size:11px;color:#738398;display:block;margin-top:5px}.metric-icon{width:42px;height:46px;border-radius:9px;display:grid;place-items:center;font-size:25px;background:#edf3fa}.green{color:#198c61}.metric-icon.green{background:#e8f7ef}.red{color:#d6656b}.metric-icon.red{background:#fdf0f0}.amber{color:#bd8b13}.metric-icon.amber{background:#fff6dd}.sectionhead p{margin:0;font-size:12px}.filters{display:flex;gap:10px;margin:20px 0}.filters input{flex:1}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px;box-shadow:0 4px 18px #0b254005;min-width:0}.card:hover{border-color:#cad7e6}.card.revoked{opacity:.7}.placeholder{border:0;border-radius:7px;aspect-ratio:16/9;width:100%;background:#0b2540;padding:0;overflow:hidden;display:block;color:#9cb0c6;font-size:12px;position:relative}.placeholder img{width:100%;height:100%;object-fit:contain;display:block}.placeholder .tag{position:absolute;right:8px;top:8px;background:#061b35cf;color:white;border-radius:4px;padding:4px 7px;font-size:9px}.cardhead{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:15px 2px 9px}.card h3{font-size:15px;margin:0;overflow-wrap:anywhere}.badge{font-size:9px;font-weight:600;padding:5px 8px;border-radius:20px;background:#e9f7ef;color:#158754;white-space:nowrap}.badge.offline{background:#f0f3f7;color:#8795a6}.badge.revoked{background:#fff2e0;color:#a17c31}.department{font-size:11px;color:#657c92;margin:0 2px 12px}.system{display:flex;gap:8px;align-items:center;font-size:11px;color:#46617c;margin:0 2px;min-height:28px}.system:before{content:'⊞';color:#346d9e;font-size:20px}.lastseen{font-size:10px;color:#93a0af;border-top:1px solid #edf1f6;padding-top:12px;margin:12px 2px 0}.actions{display:flex;align-items:center;gap:8px;margin-top:13px}.actions .primary{flex:1;padding:10px;font-size:12px}.actions .secondary{font-size:10px;padding:10px}.pagination{display:flex;justify-content:space-between;align-items:center;color:#73869a;font-size:11px;margin:20px 0 28px}.pagination>div{display:flex;align-items:center;gap:11px}.pagination select{padding:8px}.live video{display:block;width:100%;max-height:65vh;background:#061b35;border-radius:8px}.livefooter{display:flex;justify-content:space-between;color:#8797aa;font-size:10px;padding-top:14px}.live #liveStatus{font-size:12px}.live{border-top:3px solid var(--gold)}.capabilities{display:flex;gap:22px;flex-wrap:wrap;background:#ecf1f7;padding:16px;border-radius:9px;color:#718298;font-size:10px}.capabilities b{font-weight:400;margin-left:7px;color:#99a6b6}.bottom{margin-top:24px;padding-top:18px;border-top:1px solid #e1e8f0;font-size:10px;color:#8292a6;display:flex;justify-content:space-between;letter-spacing:.5px}#message{font-size:12px;white-space:pre-wrap}pre{padding:16px;border-radius:8px;background:#0b2540;color:#fff;overflow-wrap:anywhere;white-space:pre-wrap}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;color:#7c8da2;font-size:10px;font-weight:500}th,td{padding:15px;border-bottom:1px solid #edf1f6}.tablewrap{overflow-x:auto}.empty{grid-column:1/-1;padding:55px;text-align:center;border:1px dashed #ccd8e4;border-radius:12px;color:#8292a6}dialog{border:0;border-radius:12px;width:1100px;max-width:95vw;color:var(--navy);padding:20px}dialog::backdrop{background:#061b35b9}dialog img{display:block;width:100%;max-height:75vh;object-fit:contain;margin-top:16px}dialog h2{font-size:15px}[hidden]{display:none!important}@media(min-width:1700px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1200px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filters{flex-wrap:wrap}.filters input{flex-basis:100%}.stat{padding:16px 12px;gap:10px}.stat b{font-size:26px}.metric-icon{width:34px}}@media(max-width:760px){aside{width:100%;height:auto;position:static;padding:12px 16px}aside img{width:145px;margin:0}.navlabel,.asidefoot{display:none}nav{display:flex;gap:5px}.nav{padding:12px;font-size:11px}main{margin:0;padding:20px 15px}h1{font-size:27px}.account div{display:none}.stats{grid-template-columns:repeat(2,1fr);gap:10px}.grid{grid-template-columns:1fr}.sectionhead{flex-wrap:wrap}.filters select{flex:1}.pagination{gap:15px;flex-wrap:wrap}.bottom span{display:none}}
/* Composição aprovada: grade compacta e detalhe lateral. */
main{padding:26px 25px}.notice{margin:17px 0;font-size:10px;padding:10px 14px}.stats{margin-bottom:22px;gap:14px}.stat{padding:17px}.top h1{font-size:34px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}.machinearea{min-width:0}.workspace .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.card{padding:10px;border-radius:10px}.card.selected{border:2px solid #ffc21a;padding:9px;box-shadow:0 0 0 2px #ffc21a16}.cardhead{flex-wrap:wrap;margin-top:11px;gap:6px}.card h3{font-size:12px}.badge{font-size:8px}.department{margin-bottom:8px;font-size:10px}.system{font-size:9px}.lastseen{font-size:9px;line-height:1.5}.actions{flex-wrap:wrap;gap:6px}.actions .primary{font-size:10px;padding:9px}.actions .secondary{font-size:9px;padding:8px}.detailrail{position:sticky;top:18px}.detailrail .box{padding:17px;margin-bottom:14px}.detailrail h2{font-size:17px}.detailrail .sectionhead{align-items:start;flex-wrap:wrap;gap:9px}.detailrail .live video,.detailrail #selectedCapture{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#061b35;border-radius:7px}.detailrail .livefooter{font-size:9px;gap:12px;line-height:1.6}.detailrail #liveStatus{font-size:10px}.emptyrail{text-align:center;min-height:290px;display:flex;flex-direction:column;justify-content:center}.emptyrail p{font-size:12px}.monitoricon{font-size:55px;color:#afbecf;margin:17px}.support-preview label{display:block;border:1px solid #e0e7ef;border-radius:7px;padding:11px;font-size:12px;margin-top:14px}.support-preview p{font-size:10px;margin:6px 0 12px}.support-preview button{width:100%;font-size:11px}.support-preview small{display:block;font-size:10px;color:#98a6b7;margin-top:12px}.filters{margin:16px 0;gap:8px}.filters input{flex:2}.filters select{max-width:210px}.pagination{font-size:10px}.capabilities{font-size:9px}.sectionhead>button{font-size:12px}.placeholder .tag{font-size:8px}.bottom{margin-top:18px}@media(min-width:1700px){.workspace{grid-template-columns:minmax(0,1fr) 420px}.workspace .grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1250px){aside{width:195px}aside img{width:165px}main{margin-left:195px;padding:22px 18px}.workspace{grid-template-columns:minmax(0,1fr) 320px}.workspace .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:980px){.workspace{grid-template-columns:1fr}.detailrail{position:static}.workspace .grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){main{margin:0}aside{width:100%}.workspace .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{padding:12px}}@media(max-width:450px){.workspace .grid{grid-template-columns:1fr}}
/* Relatorios com dados reais recebidos do agente. */
.reports{margin-top:24px}.report-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:20px 0}.report-metrics>div{padding:20px;background:#f2f6fb;border:1px solid #dfE7f1;border-radius:9px}.report-metrics span{display:block;color:#6b8199;font-size:12px}.report-metrics b{display:block;font-size:27px;margin-top:9px}.report-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:20px}.report-grid section{border:1px solid #e1e8f1;border-radius:9px;padding:16px}.report-grid h3{font-size:13px}.report-grid p,.reports>p{font-size:11px}.report-row{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid #edf1f6;font-size:12px}.report-row span{overflow-wrap:anywhere}.report-row b{white-space:nowrap}.report-hours{display:flex;gap:3px;align-items:end;height:150px}.hour-column{flex:1;min-width:0;text-align:center}.hour-bar{height:110px;display:flex;flex-direction:column;justify-content:end}.hour-bar span{display:block;width:100%;min-height:0}.hour-active{background:#1f85bd}.hour-idle{background:#bcc9d7}.hour-column small{font-size:8px;color:#789}.live.expanded-live{position:fixed;z-index:50;inset:24px;overflow:auto;box-shadow:0 0 0 60px #061b35b9;background:white}.live.expanded-live video{max-height:75vh;height:75vh;aspect-ratio:auto}.live.expanded-live h2{font-size:20px}.live.expanded-live .sectionhead{flex-wrap:nowrap}@media(max-width:1000px){.report-grid{grid-template-columns:1fr}.report-metrics{gap:8px}.report-metrics>div{padding:10px}.report-metrics b{font-size:20px}}