/* portal3 STB — CSS conservador para MAG256 (WebKit viejo). 1280x720. */
* { margin:0; padding:0; box-sizing:border-box; }
html, body {
  width:1280px; height:720px; overflow:hidden;
  background:transparent;                 /* deja ver el video de hardware detrás */
  font-family: Arial, "Helvetica Neue", sans-serif;
  color:#fff; -webkit-user-select:none; user-select:none;
}
.hidden { display:none !important; }

/* ---- Splash / login ---- */
.screen {
  position:absolute; top:0; left:0; width:1280px; height:720px;
  background:#0b1220; text-align:center;
}
.brand { font-size:84px; font-weight:bold; letter-spacing:2px; margin-top:230px; }
.brand span { color:#3b82f6; }
.splash-msg { margin-top:24px; font-size:26px; color:#93a4bd; }

/* ---- OSD ---- */
.osd {
  position:absolute; left:40px; right:40px; bottom:40px; height:150px;
  background:rgba(9,15,28,0.86); border-radius:14px;
  border:2px solid rgba(59,130,246,0.5);
  padding:20px 26px;
}
.osd-num {
  float:left; width:150px; height:110px; line-height:110px; text-align:center;
  font-size:64px; font-weight:bold; color:#3b82f6;
  background:rgba(59,130,246,0.12); border-radius:10px; margin-right:26px;
}
.osd-main { overflow:hidden; }
.osd-name { font-size:38px; font-weight:bold; }
.osd-now  { font-size:26px; color:#dbe4f3; margin-top:8px; }
.osd-next { font-size:22px; color:#8aa0c0; margin-top:4px; }
.osd-clock { position:absolute; top:20px; right:26px; font-size:28px; color:#8aa0c0; }

/* ---- Lista de canales ---- */
.list {
  position:absolute; top:0; left:0; width:460px; height:720px;
  background:rgba(7,12,24,0.94); border-right:3px solid #3b82f6;
}
.list-head {
  height:64px; line-height:64px; padding:0 24px; font-size:26px; font-weight:bold;
  background:#111c33; color:#cfe0ff;
}
.list-head span { color:#6c85ad; font-size:20px; }
.list ul { list-style:none; height:656px; overflow:hidden; position:relative; }
.list li {
  height:64px; line-height:64px; padding:0 20px; font-size:24px;
  border-bottom:1px solid rgba(255,255,255,0.05); overflow:hidden; white-space:nowrap;
}
.list li .n { display:inline-block; width:70px; color:#6c85ad; }
.list li .nm { color:#e7eefb; }
.list li.sel { background:#1d4ed8; }
.list li.sel .n, .list li.sel .nm { color:#fff; }
.list li.playing .nm { color:#38bdf8; }

/* ---- Toast ---- */
.toast {
  position:absolute; top:30px; left:50%; margin-left:-220px; width:440px;
  padding:16px 20px; text-align:center; font-size:22px;
  background:rgba(9,15,28,0.92); border:2px solid #3b82f6; border-radius:12px;
}
.toast.err { border-color:#ef4444; color:#fecaca; }