/* Drone live-video rail. Hashed by scripts/build.mjs
   (ensure: views-drone-video), after views-admin. The old
   <style id="drone-video-css"> was appended when the panel was created.
   views-ssa.css only anchors .ssa-drone-body > .drone-video; these rules
   still paint the rail. */

.drone-video { display: flex; flex-direction: column; border-left: 1px solid rgba(255,255,255,.08); background: #0b0e14; transition: width .15s ease; }
.drone-video.is-collapsed { width: 40px; min-width: 40px; }
.drone-video.is-open { width: 320px; min-width: 260px; }
.drone-video-head { display: flex; align-items: center; gap: 8px; padding: 8px; }
.drone-video-title { font-size: 13px; font-weight: 600; white-space: nowrap; }
.drone-video-toggle { background: none; border: 1px solid rgba(255,255,255,.14); border-radius: 6px; color: inherit; cursor: pointer; padding: 2px 8px; font-size: 12px; }
.drone-video-body { display: flex; flex-direction: column; gap: 10px; padding: 0 10px 10px; min-height: 0; overflow-y: auto; }
.drone-video-empty { padding: 18px 6px; text-align: center; color: rgba(255,255,255,.5); font-size: 13px; }
.drone-video video { width: 100%; border-radius: 8px; background: #000; aspect-ratio: 16/9; }
.drone-video-status { font-size: 12px; color: rgba(255,255,255,.55); }
.drone-video-status.is-error { color: #ff9d9d; }
.drone-video-action { background: #1c2434; color: #cfe3ff; border: 1px solid rgba(120,170,255,.35); border-radius: 6px; padding: 5px 10px; font-size: 12px; cursor: pointer; }
.drone-video-cred { background: #10141d; border: 1px solid rgba(255,255,255,.1); border-radius: 6px; padding: 8px; font-size: 11px; }
.drone-video-cred label { display: block; color: rgba(255,255,255,.5); margin-bottom: 2px; }
.drone-video-cred code { display: block; word-break: break-all; user-select: all; font-size: 11px; color: #9fd0ff; }