:root{--bg:#0f1115;--panel:#151922;--text:#ffffff;--muted:#c9d1d9;--brand:#7cc74b;--accent:#009fe3;--border:#2a3242;--ok:#00e676;--warn:#ffca28;--err:#ff5252;--r:16px;--shadow:0 10px 24px rgba(0,0,0,.25)}
.hm-container{background:var(--bg);color:var(--text);padding:20px;border-radius:var(--r);box-shadow:var(--shadow);border:1px solid var(--border);max-width:980px;margin:24px auto;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,'Helvetica Neue',Arial,'Noto Sans',sans-serif}
.hm-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.hm-title{font-size:1.25rem;font-weight:700}
.hm-controls{display:flex;gap:8px;flex-wrap:wrap}
.hm-btn{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:8px 12px;cursor:pointer}
.hm-btn:hover{border-color:var(--accent)}
.hm-btn[disabled]{opacity:.5;cursor:not-allowed}
.hm-select,.hm-input{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 10px;min-width:160px}
.hm-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:900px){.hm-grid{grid-template-columns:1fr}}
.hm-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:12px}
.hm-video{width:100%;height:auto;border-radius:12px;border:1px solid var(--border);background:#000}
.hm-status{margin-top:8px;color:var(--muted)}
.hm-status[aria-live]{min-height:1.5em}
.hm-table{width:100%;border-collapse:collapse;margin-top:8px}
.hm-table th,.hm-table td{border:1px solid var(--border);padding:8px;text-align:left}
.hm-table th{background:#101521}
.hm-badge{padding:4px 8px;border-radius:999px;border:1px solid var(--border);font-size:.85rem}
.hm-badge.ok{color:var(--ok)}.hm-badge.warn{color:var(--warn)}.hm-badge.err{color:var(--err)}
.hm-recs{list-style:disc;padding-left:20px;margin:8px 0}
.hm-small{font-size:.9rem;color:var(--muted)}
#settings-section{display:none;margin-top:16px}
.hm-settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media (max-width:900px){.hm-settings-grid{grid-template-columns:1fr}}

.hm-scope{width:100%;height:auto;border:1px solid var(--border);border-radius:8px;margin-top:8px;display:block;background:#0a0d12}

/* v2.6.16: unify text colour to title colour (non-invasive) */ 
.hm-container, .hm-section, .hm-label, .hm-status, .hm-badge, #hm-panel, #hm-advanced-panel, p, span, small, label {
  color: #eeeeee !important;
}