/* ===== TV MEDIA (SCOPED) ===== */
.tv-media{
  background:#0b0f0e;
  color:#fff;
  font-family:system-ui,Segoe UI,Roboto,sans-serif;
  width:100%;
  height:100vh;
  display:flex;
  flex-direction:column;
}

/* HEADER */
.tv-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:20px 30px;
  border-bottom:1px solid rgba(255,255,255,.1);
}
.tv-brand-title{
  font-size:34px;
  font-weight:700;
}
.tv-brand-sub{
  font-size:18px;
  opacity:.75;
}
.tv-meta{text-align:right}
.tv-clock{font-size:40px;font-weight:700}
.tv-date{font-size:14px;opacity:.7}

/* CONTENT */
.tv-content{
  flex:1;
  display:grid;
  grid-template-columns: 1.6fr 1fr;
  gap:20px;
  padding:20px;
}
.tv-panel{
  background:rgba(255,255,255,.06);
  border-radius:16px;
  overflow:hidden;
}
.tv-panel-header{
  padding:12px 16px;
  display:flex;
  justify-content:space-between;
  background:rgba(255,255,255,.08);
  font-weight:600;
}
.tv-panel-header small{
  background:#c5aa6a;
  color:#000;
  padding:4px 10px;
  border-radius:999px;
  font-size:11px;
}

/* VIDEO */
.tv-video-wrapper{
  position:relative;
  height:100%;
}
.tv-video iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}
.tv-video-poster{
  position:absolute;
  inset:0;
  background:linear-gradient(160deg,#1f5b46,#000);
  display:flex;
  align-items:flex-end;
  padding:20px;
  z-index:2;
}
.tv-video-poster.hide{opacity:0;transition:.4s}
.tv-poster-text span{opacity:.8;font-size:14px}

/* INFO */
.tv-info-list{
  list-style:none;
  padding:20px;
  margin:0;
}
.tv-info-list li{
  margin-bottom:18px;
  line-height:1.4;
}

/* TICKER */
.tv-footer{
  padding:12px 20px;
  border-top:1px solid rgba(255,255,255,.1);
}
.tv-ticker{
  overflow:hidden;
  white-space:nowrap;
}
.tv-ticker-move{
  display:inline-flex;
  gap:40px;
  animation:tvTicker 25s linear infinite;
}
@keyframes tvTicker{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}