/* CF TV v8 — palette broadcast graphite, signal red and electric blue */
:root{
  --bg:#07090d;
  --bg-soft:#0b0e14;
  --surface:#11151d;
  --surface-2:#151a23;
  --surface-3:#1a202b;
  --violet:#e52b50;
  --violet-light:#ff8ca2;
  --violet-dark:#a80e2f;
  --blue:#3989ee;
  --red:#ef3157;
}

.ambient-one{background:#9f1534;opacity:.24}
.ambient-two{background:#14518d;opacity:.18}
.brand-mark{background:linear-gradient(145deg,#ff4b69,#af0d32);border-color:rgba(255,128,151,.34);box-shadow:0 8px 24px rgba(190,20,55,.26)}
.kicker{color:#f58aa0}.kicker-dot{background:#f04465;box-shadow:0 0 0 5px rgba(229,43,80,.1),0 0 15px rgba(229,43,80,.55)}
.btn-primary{background:linear-gradient(135deg,#f04465,#be173d);border-color:rgba(255,255,255,.16);box-shadow:0 12px 30px rgba(183,17,53,.26),inset 0 1px rgba(255,255,255,.2)}
.btn-primary:hover{background:linear-gradient(135deg,#ff5673,#d01b45);box-shadow:0 16px 38px rgba(183,17,53,.35),inset 0 1px rgba(255,255,255,.24)}
button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline-color:#ff8ba2}
input:focus{border-color:rgba(239,49,87,.65);box-shadow:0 0 0 4px rgba(229,43,80,.09)}

.hero-copy h1 em{background:linear-gradient(105deg,#ffffff 0%,#dfe4eb 52%,#ff637f 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
.trust-icon{color:#f38da1}
.hero-visual::before{background:radial-gradient(circle at 50% 50%,rgba(218,33,72,.2),rgba(43,102,174,.11) 36%,transparent 68%)}
.broadcast-card{background:rgba(13,17,24,.96)}
.broadcast-screen{background:radial-gradient(circle at 78% 18%,rgba(39,113,201,.31),transparent 34%),radial-gradient(circle at 18% 80%,rgba(222,35,73,.19),transparent 32%),linear-gradient(135deg,#141820,#090c12 72%)}
.signal-orbit{border-color:rgba(85,154,240,.14)}.signal-orbit i:nth-child(3){background:rgba(229,43,80,.08)}
.rail-play{background:rgba(229,43,80,.12);color:#ff93a7}
.floating-chip b{color:#ff91a6}

.segmented button.selected,.filter-scroll button.selected{background:#232a35;border-color:rgba(255,255,255,.12)}
.filter-scroll button.selected{color:#fff;border-color:rgba(229,43,80,.25);box-shadow:inset 0 -2px #e52b50}
.channel:hover{border-color:rgba(239,49,87,.4);box-shadow:0 25px 55px rgba(0,0,0,.32),0 0 0 1px rgba(229,43,80,.07)}
.poster{background:linear-gradient(140deg,#1c222d,#0c1017 74%)}
.poster-glow{background:#e52b50}
.channel:nth-child(4n+2) .poster-glow{background:#2f80df}
.channel:nth-child(4n+3) .poster-glow{background:#c77926}
.channel:nth-child(4n+4) .poster-glow{background:#158a85}
.poster>img{width:62%;height:54%;max-width:150px;max-height:78px;padding:10px 13px;border:1px solid rgba(255,255,255,.72);border-radius:12px;background:rgba(249,250,252,.95);filter:drop-shadow(0 12px 22px rgba(0,0,0,.38))}
.monogram.wordmark{width:86%;display:flex;flex-direction:column;align-items:center;gap:4px;color:rgba(255,255,255,.76);font-size:clamp(13px,1vw,18px);line-height:1.05;letter-spacing:-.035em;text-align:center;text-wrap:balance}
.monogram.wordmark small{color:rgba(255,255,255,.26);font-size:6px;letter-spacing:.22em;text-transform:uppercase}
.poster:has(>img:not([hidden])) .monogram{opacity:0}
.card-play{background:rgba(7,9,13,.76)}.channel:hover .card-play{background:#e52b50}
.provider{color:#a9b4c4;background:rgba(68,91,121,.13);border-color:rgba(118,145,180,.12)}

.broadcast-screen>img{max-width:180px;width:34%;max-height:34%;padding:12px 16px;border-radius:13px;background:rgba(249,250,252,.95);filter:drop-shadow(0 15px 25px rgba(0,0,0,.42))}
.screen-monogram{max-width:70%;font-size:clamp(28px,5vw,60px);line-height:1;text-align:center;color:rgba(255,255,255,.1)}
.broadcast-screen:has(>img:not([hidden])) .screen-monogram{opacity:0}
.rail-logo,.summary-logo,.table-channel>span{background:#f6f7f9;border-color:rgba(255,255,255,.18)}
.rail-logo img,.summary-logo img,.table-channel img{padding:3px}
.rail-logo i,.summary-logo span,.table-channel i{color:#707682}

.player-backdrop{background:radial-gradient(circle at 46% 42%,rgba(215,34,72,.18),transparent 34%),radial-gradient(circle at 72% 28%,rgba(50,126,216,.15),transparent 31%),linear-gradient(145deg,#0e1219,#05070a)}
.player-backdrop::before{border-color:rgba(239,49,87,.09);box-shadow:0 0 0 45px rgba(229,43,80,.02),0 0 0 90px rgba(48,125,216,.016)}
.player-backdrop img{width:25%;max-height:22%;padding:13px 17px;border-radius:14px;background:rgba(249,250,252,.93);filter:grayscale(0) opacity(.55)}
#playOverlay{background:linear-gradient(135deg,#ef3f61,#bb153a);box-shadow:0 18px 45px rgba(0,0,0,.55),0 0 0 8px rgba(229,43,80,.08)}
#playOverlay:hover{box-shadow:0 22px 55px rgba(0,0,0,.6),0 0 0 10px rgba(229,43,80,.09)}
.watchtools button>i{background:rgba(229,43,80,.1);color:#ff8ba1}.watchtools button:hover{border-color:rgba(229,43,80,.32)}
.program-line i{background:linear-gradient(90deg,#e52b50,#ff7891);box-shadow:0 0 12px rgba(229,43,80,.32)}

.stat-icon.violet{background:rgba(229,43,80,.11);color:#ff8198}
.panel-icon{color:#e88196}.scan-spinner{border-top-color:#e52b50}.activity-list i b{background:linear-gradient(90deg,#d51e45,#ff6b85)}
.file-drop{border-color:rgba(229,43,80,.25);background:rgba(229,43,80,.022)}.file-drop:hover{background:rgba(229,43,80,.045);border-color:rgba(229,43,80,.42)}.upload-icon{background:rgba(229,43,80,.1);color:#ff899f}
.icon-action:hover{border-color:rgba(229,43,80,.28)}
.login-art{background:radial-gradient(circle at 50% 50%,rgba(208,30,67,.22),rgba(42,104,178,.08) 42%,transparent 68%),#0c1017}.login-rings{border-color:rgba(229,43,80,.11)}.login-rings i:nth-child(3){background:rgba(229,43,80,.05)}
.lock-icon{border-color:rgba(229,43,80,.2);background:rgba(229,43,80,.09);color:#f28ba0}

@media(max-width:650px){.poster>img{max-width:125px;max-height:66px;padding:8px 10px}}