/* Imperador Play — identidade visual original para TV ao vivo */
:root{--accent:#c6283d!important;--tv-gold:#e5b85c;--tv-red:#c6283d;--tv-blue:#2369b4;--tv-ink:#080b12}
.app-header{background:rgba(8,11,18,.94);border-bottom-color:rgba(229,184,92,.2)}
.hd-brand img{width:44px;height:44px;border-radius:0;object-fit:contain;background:transparent}
.hd-brand-name{background:linear-gradient(90deg,#fff1c8 0%,#e5b85c 48%,#fff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hd-nav a.on{color:#fff4d5;background:linear-gradient(135deg,rgba(198,40,61,.19),rgba(35,105,180,.16));border-color:rgba(229,184,92,.35)}
.hd-nav a:hover{background:rgba(35,105,180,.15)}
.hd-avatar-ph{background:linear-gradient(135deg,#c6283d,#d9a842)}
.hd-burger.open,.hd-burger:hover{background:rgba(35,105,180,.18)}
.hd-drawer a.on{background:linear-gradient(135deg,rgba(198,40,61,.2),rgba(35,105,180,.16));border-color:rgba(229,184,92,.28)}
.app-shell--premium{background:radial-gradient(ellipse at 88% 0%,rgba(35,105,180,.13),transparent 38%)}
.app-shell .ch-shell{border-color:rgba(229,184,92,.2);box-shadow:0 24px 70px rgba(0,0,0,.28)}
.app-shell .ch-sidebar{background:linear-gradient(180deg,rgba(15,18,29,.97),rgba(8,11,18,.96))}
.ch-sidebar-head h2{letter-spacing:-.025em}
.app-shell .ch-tab.on{background:linear-gradient(135deg,rgba(198,40,61,.2),rgba(35,105,180,.18));border-color:rgba(229,184,92,.34);color:#fff3d2}
.app-shell .ch-cat-item.on{background:linear-gradient(135deg,rgba(198,40,61,.2),rgba(35,105,180,.14));border-color:rgba(229,184,92,.28);color:#fff3d2}
.ch-cat-item:hover,.ch-ch-item:hover,.app-shell .ch-ch-item.on{background:rgba(255,255,255,.075)}
.app-shell .ch-ch-item.on{border-color:rgba(229,184,92,.38);box-shadow:inset 3px 0 #e5b85c}
.app-shell .ch-player-wrap{background:#03050a}
.ch-player-card,.ch-player-panel{border-color:rgba(229,184,92,.16)}
.tv-chip:focus-visible,.tv-channel:focus-visible,.tv-cta:focus-visible,.ch-cat-item:focus-visible,.ch-ch-item:focus-visible{outline:2px solid #e5b85c;outline-offset:2px}
.auth-copy .brand img{width:76px;height:70px;border-radius:0;object-fit:contain;background:transparent}
.auth-mobile-logo img{width:82px;height:76px;border-radius:0;object-fit:contain;background:transparent;margin:0 auto 8px}
.auth-copy .brand span,.auth-mobile-logo span{color:#f4cf7a}
@media(max-width:860px){.app-header{background:rgba(8,11,18,.98)}.hd-brand img{width:40px;height:40px}}
