/* Minimal modern UI for admin & control */
:root{
  --bg:#0b1220; --card:#111a2b; --accent:#3b82f6; --text:#e5e7eb; --muted:#94a3b8; --danger:#ef4444;
}
.uuds-wrap, .uuds-control-wrap { font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial; color:var(--text); }
.uuds-wrap { padding: 24px; background: var(--bg); min-height: 100vh; }
.uuds-title { font-size: 28px; margin-bottom: 16px; }
.uuds-grid { display: grid; gap: 16px; grid-template-columns: 1fr; }
@media(min-width: 900px){ .uuds-grid { grid-template-columns: 1fr 2fr; } }
.uuds-card, .uuds-control-card { background: linear-gradient(180deg, rgba(59,130,246,0.08), transparent), var(--card);
  border:1px solid rgba(255,255,255,0.06); border-radius:16px; padding:16px; box-shadow:0 10px 30px rgba(0,0,0,0.25); }
.uuds-row { display:flex; gap:8px; margin:8px 0; flex-wrap: wrap; }
.uuds-btn, .uuds-btn-small { background: var(--accent); color:#fff; border:0; border-radius:12px; cursor:pointer;
  padding:10px 14px; font-weight:600; box-shadow:0 6px 20px rgba(59,130,246,.35); }
.uuds-btn-small { padding:6px 10px; }
.uuds-danger { background: var(--danger); box-shadow:0 6px 20px rgba(239,68,68,.35); }
.uuds-link { color: var(--accent); text-decoration: none; font-weight: 600; }
.uuds-hint { color: var(--muted); font-size: 12px; }
input[type="text"], input[type="url"], select {
  background: rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.12); color:var(--text);
  border-radius:12px; padding:10px 12px; min-width:260px;
}
.uuds-table { width:100%; border-collapse:collapse; font-size:14px; }
.uuds-table th, .uuds-table td { padding:8px; border-bottom:1px solid rgba(255,255,255,0.08); }

/* TV screen helpers */
.uuds-tv-root { background:#000; }
.uuds-stage { position:fixed; inset:0; display:grid; place-items:center; background:#000; }
.uuds-box { width:100vw; height:100vh; aspect-ratio:16/9; background:#000; }
.uuds-fit { width:100%; height:100%; object-fit:cover; border:0; }
