/* TAMJ TV green visual layer. No playback, playlist, or control behavior changed. */
:root{
 --bg:#080d12;--panel:#111b22;--border:#244039;--text:#effcf7;
 --text-dim:#a0b9b3;--accent:#08d9ad;--success:#43e2b5;
 --danger:#ff667c;--warn:#eebd5d;
}
body{background:radial-gradient(ellipse at 72% -12%,#123b35 0,transparent 42%),#080d12;color:var(--text)}
header{background:#091b1b;border-color:#1d5148;position:relative;z-index:20}
.header-content{max-width:1300px;min-height:62px;gap:12px;min-width:0}
.logo{color:#eafff8;font-size:clamp(17px,2.5vw,23px);gap:11px;min-width:0}
.logo em{font-style:normal;color:#66e4b9}
.logo .tamj-brand-mark{background:#05d9aa;color:#05211b;display:grid;place-items:center;width:39px;height:39px;border-radius:12px;font-size:23px;flex-shrink:0}
.proxy-badge{flex-shrink:0}
.tamj-upgrade-nav{background:#092722!important;border-bottom:1px solid #1c584b!important;justify-content:flex-start;gap:10px!important;max-width:100%;padding:12px max(14px,calc((100vw - 1300px)/2))!important}
.tamj-upgrade-nav a{color:#b7e1d7!important;border-color:#226758!important;background:#082a25!important;border-radius:12px!important;font-weight:700!important}
.tamj-upgrade-nav a.selected{background:#05d9ad!important;color:#05251d!important;border-color:#05d9ad!important}
.container{max-width:1100px;padding:clamp(12px,2.5vw,24px);min-width:0}
.player-wrap{border:1px solid #245c50;border-radius:18px;background:#050c0d;box-shadow:0 18px 40px #0003}
.now-playing,.channel-list-section{background:linear-gradient(145deg,#11252a,#0e1b22)!important;border:1px solid #25584e!important;border-radius:18px!important;box-shadow:0 12px 35px #0002;min-width:0}
.now-playing{padding:clamp(14px,2.6vw,23px)!important}
.now-playing-label{color:#65e9c7!important;letter-spacing:1.4px}
.now-playing-title{color:#f3fffb!important;overflow-wrap:anywhere}
.now-playing-meta{color:#a9c9c0!important}
.engine-info{background:#0a302e!important;border:1px solid #245e51!important;color:#91e8d0!important;overflow-wrap:anywhere}
.channel-list-section{padding:clamp(13px,2.5vw,24px)!important}
.section-header{gap:10px;min-width:0}
.section-header h2{color:#f0fff9!important}
.category-tabs{max-width:100%;min-width:0}
.category-btn,.quick-filter-btn{border-color:#255e52!important;background:#0d2a2a!important;color:#c1e4da!important}
.category-btn.active,.quick-filter-btn.active{background:#08d9ad!important;color:#04251c!important;border-color:#08d9ad!important}
.maintenance-dashboard{min-width:0}
.maintenance-card{background:#0c2b2b!important;border:1px solid #25594e!important;min-width:0}
.maintenance-card strong{color:#b9fff0!important}
.search{background:#0a2526!important;border-color:#2b6659!important;color:#f2fff9!important;max-width:100%}
.search:focus{outline:2px solid #06d9ac;outline-offset:1px}
.channel-list{min-width:0}
.channel-item,.channel-card{min-width:0}
button{touch-action:manipulation}
button:focus-visible,a:focus-visible{outline:2px solid #83ffda;outline-offset:3px}
@media(max-width:700px){
 .header-content{padding:8px 13px}
 .tamj-upgrade-nav{padding:10px 12px!important}
 .tamj-upgrade-nav a{padding:10px 12px!important}
 .container{padding:12px}
 .video-controls{max-width:100%;min-width:0}
 .section-header{flex-wrap:wrap}
 .maintenance-dashboard{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .maintenance-card{padding:10px 5px!important}
 .maintenance-card strong{font-size:clamp(17px,5vw,24px)!important}
 .category-tabs{overflow-x:auto;overscroll-behavior-x:contain}
}
@media(max-width:370px){
 .maintenance-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .logo{font-size:16px}
 .logo .tamj-brand-mark{width:33px;height:33px}
}