.fleet-operations { grid-column:1/-1; min-width:0; }
.fleet-operations > summary { display:flex; flex-wrap:wrap; align-items:center; gap:12px; cursor:pointer; font-weight:700; }
.fleet-operations > summary::before { content:'+'; font-size:22px; }
.fleet-operations[open] > summary::before { content:'−'; }
.connection-summary { margin-inline-start:auto; color:var(--muted); font-size:13px; font-weight:500; }
.fleet-body { display:grid; gap:16px; padding-top:20px; }
.operations-toolbar { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.operations-toolbar select { width:auto; min-width:180px; max-width:100%; }
.operations-toolbar button { min-height:42px; }
.fleet-device-list { max-height:260px; overflow:auto; border:1px solid var(--line); border-radius:12px; }
.fleet-device { display:flex; align-items:center; gap:12px; padding:12px; border-bottom:1px solid var(--line); margin:0; }
.fleet-device:last-child { border-bottom:0; }
.fleet-device input { width:18px; height:18px; flex:none; }
.fleet-device > span:first-of-type { flex:1; min-width:0; overflow-wrap:anywhere; }
.connection-badge { display:inline-flex; align-items:center; gap:6px; font-size:12px; font-weight:600; white-space:nowrap; }
.connection-badge::before { content:''; width:7px; height:7px; border-radius:50%; background:currentColor; }
.connection-badge.connected { color:#8bddb1; }
.connection-badge.recent { color:#e3c485; }
.connection-badge.offline { color:#b7b2ad; }
.device-card .connection-badge { margin-top:8px; }
.device-operations { margin-top:16px; padding-top:16px; border-top:1px solid var(--line); }
.device-operations > p:empty, .operation-result:empty { display:none; }
.operation-result { max-height:220px; overflow:auto; }
.operation-result p { margin:6px 0; }
.remote-dialog { width:min(1100px,94vw); max-height:94dvh; overflow:auto; padding:24px; border-radius:20px; }
.remote-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.remote-heading h2 { margin:0; }
.remote-screen { display:flex; justify-content:center; background:#050505; aspect-ratio:16/9; max-height:58vh; border:1px solid var(--line); overflow:hidden; border-radius:12px; }
.remote-screen img, .remote-screen video { display:block; max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain; align-self:center; cursor:crosshair; }
.remote-screen img:not([src]) { visibility:hidden; }
.remote-keypad { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; max-width:410px; margin:20px auto 0; direction:ltr; }
.remote-keypad button { padding:10px; }
#panelDevices.is-importing-devices > .fleet-operations { display:none; }
@media(max-width:600px) { .remote-dialog { padding:14px; } .remote-heading { align-items:flex-start; } .remote-heading h2 { font-size:19px; } .fleet-device { flex-wrap:wrap; } .operations-toolbar > select { flex:1; } }

#messageStatus { white-space:pre-line; }

.remote-screen [hidden] { display:none; }