/* Eyes Up · camera-system health badges (Tab, Nov 9 2026) */
.hb{position:absolute;z-index:3;top:6px;right:6px;font:600 11px/1 system-ui,-apple-system,sans-serif;padding:4px 7px;border-radius:999px;letter-spacing:.2px;pointer-events:none;box-shadow:0 1px 4px rgba(0,0,0,.35)}
.hb.off{background:#e5484d;color:#fff}
.hb.stale{background:#f5a524;color:#1a1200}
.hb.sm{font-size:10px;padding:3px 6px}
.card .thumb,.cam,.mvt{position:relative}
.mvt .hb{top:auto;bottom:6px;right:6px}
.card .thumb .hb{top:auto;bottom:8px;right:8px;font-size:12px;padding:5px 9px}
#hpanel{margin:8px 0 2px;display:flex;flex-direction:column;gap:8px}
.hban{border-radius:12px;padding:10px 12px;display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;font-size:14px}
.hban b{width:100%}.hban span{opacity:.85;font-size:13px}
.hban.off{background:rgba(229,72,77,.14);border:1px solid rgba(229,72,77,.5)}
.hban.warn{background:rgba(245,165,36,.12);border:1px solid rgba(245,165,36,.45)}
.hrow{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.hcall{background:#e5484d!important;color:#fff!important;text-decoration:none}
.hsheet{position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.55);display:flex;align-items:flex-end;justify-content:center}
.hsheet.hidden{display:none}
.hcard{background:var(--bg2,#16181d);color:var(--fg,#eef);width:100%;max-width:520px;max-height:88vh;overflow:auto;border-radius:18px 18px 0 0;padding:14px 16px calc(16px + env(safe-area-inset-bottom))}
@media(min-width:700px){.hsheet{align-items:center}.hcard{border-radius:18px}}
.hhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:16px}
.hdl{display:grid;grid-template-columns:max-content 1fr;gap:6px 12px;margin:8px 0 12px;font-size:14px}.hdl dt{opacity:.65}.hdl dd{margin:0;word-break:break-word}.hdl a{color:inherit}
.hform{display:flex;flex-direction:column;gap:10px}.hform label{display:flex;flex-direction:column;gap:4px;font-size:13px;opacity:.95}
.hform input,.hform textarea{font:16px system-ui,-apple-system,sans-serif;padding:9px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:inherit}
.hform .hck{flex-direction:row;align-items:center;gap:8px}
.hpwrow{display:flex;gap:6px}.hpwrow input{flex:1}
.hnote{font-size:13px;opacity:.75;margin:4px 0 8px}.hnote.warn{color:#f5a524;opacity:1}