.robot-hero{max-width:420px;margin:48px auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}
.robot-hero-icon{width:56px;height:56px;color:var(--la-muted)}
.robot-hero-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.robot-hero-title{font-size:18px;font-weight:800;color:var(--la-ink);margin:0}
.robot-hero-note{font-size:12.5px;color:var(--la-muted);line-height:1.6;margin:0}

.robot-status-badge{font-size:10.5px;font-weight:700;letter-spacing:.04em;color:var(--la-faint);background:rgba(20,26,44,.05);border:1px solid var(--la-border);padding:3px 10px;border-radius:20px;flex:0 0 auto}
.robot-status-badge.is-online{color:#0a7a3d;background:rgba(10,122,61,.08);border-color:rgba(10,122,61,.25)}

/* Status + Live Video merged into one view: a slim status bar (badge +
   serial + note, all inline — no more full-height hero card for this
   case) with the video panel filling whatever's left below it. */
.robot-connected{display:flex;flex-direction:column;height:100%;min-height:0}
.robot-status-bar{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--la-border);flex:0 0 auto}
.robot-status-text{display:flex;align-items:baseline;gap:8px;min-width:0;overflow:hidden}
.robot-status-text strong{font-size:13px;font-weight:800;color:var(--la-ink);white-space:nowrap}
.robot-status-text span{font-size:12px;color:var(--la-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.robot-status-spacer{flex:1 1 auto}
.robot-idle-toggle{flex:0 0 auto;white-space:nowrap}
.robot-idle-toggle.is-on{color:#0a7a3d;background:rgba(10,122,61,.08);border-color:rgba(10,122,61,.25)}
.robot-idle-toggle.is-paused{color:#8a5a00;background:rgba(200,130,0,.1);border-color:rgba(200,130,0,.3)}

.robot-video-panel{flex:1 1 auto;min-height:0;display:flex}
.robot-video-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px;flex:1 1 auto;min-height:0}
.robot-video-idle{display:flex;flex-direction:column;align-items:center;gap:10px}
.robot-video-live{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;min-height:0}
.robot-video{width:100%;max-width:720px;aspect-ratio:4/3;max-height:100%;object-fit:contain;background:#0b0f1a;border-radius:10px}
.robot-video-note{font-size:12.5px;color:var(--la-muted);margin:0;text-align:center}