
/* Unified top navigation + content sidebars, without touching player scripts. */
.tamj-live-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,320px);align-items:start;gap:18px;max-width:1450px!important;width:100%;}
.tamj-live-main{min-width:0;display:grid;gap:16px}
.tamj-live-main .now-playing{margin:0!important}
.tamj-live-sidebar{min-width:0;margin:0!important;position:sticky;top:12px;max-height:calc(100dvh - 24px);overflow:hidden;display:flex;flex-direction:column;gap:10px}
.tamj-live-sidebar .section-header,.tamj-live-sidebar .playlist-tools,.tamj-live-sidebar .maintenance-dashboard,.tamj-live-sidebar .category-tabs,.tamj-live-sidebar .channel-footer{flex-shrink:0}
.tamj-live-sidebar .category-tabs{overflow-x:auto;display:flex;flex-wrap:nowrap;max-width:100%}
.tamj-live-sidebar .category-btn{flex-shrink:0}
.tamj-live-sidebar .maintenance-dashboard{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px}
.tamj-live-sidebar .maintenance-card{padding:8px 3px!important}
.tamj-live-sidebar .maintenance-card strong{font-size:19px!important}
.tamj-live-sidebar .search{flex-shrink:0;min-width:0;width:100%}
.tamj-live-sidebar .channel-list{min-height:120px;max-height:none!important;flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain}
.tamj-live-main .player-wrap{min-width:0;width:100%}
/* Movies: top navigation replaces redundant navigation sidebar; movie directory is the content sidebar. */
body:has(.movie-workspace) .layout{display:block!important;min-width:0}
body:has(.movie-workspace) .sidebar{display:none!important}
body:has(.movie-workspace) .content{max-width:1450px!important;padding:clamp(14px,2vw,28px)!important;min-width:0}
body:has(.movie-workspace) .movie-workspace{display:grid!important;grid-template-columns:minmax(245px,340px) minmax(0,1fr)!important;gap:18px!important;align-items:start;min-width:0}
body:has(.movie-workspace) .movie-menu{grid-column:1/-1;min-width:0}
body:has(.movie-workspace) .movie-directory{grid-column:1;grid-row:2;min-width:0;max-height:calc(100dvh - 24px);overflow:auto}
body:has(.movie-workspace) .movie-view{grid-column:2;grid-row:2;min-width:0}
body:has(.movie-workspace) .movie-grid{min-width:0}
/* Radio: station list replaces redundant navigation sidebar. */
body:has(.stations) .layout{display:block!important;min-width:0}
body:has(.stations) .layout>aside{display:none!important}
body:has(.stations) .layout>main{max-width:1450px;margin:auto;display:grid;grid-template-columns:minmax(245px,340px) minmax(0,1fr);gap:18px;padding:clamp(14px,2vw,28px)!important;align-content:start}
body:has(.stations) main>header{grid-column:1/-1;margin:0}
body:has(.stations) main>.player-panel{grid-column:2;grid-row:2;min-width:0;margin:0}
body:has(.stations) main>.panel:not(.player-panel){grid-column:1;grid-row:2;min-width:0;margin:0;max-height:calc(100dvh - 24px);overflow-y:auto}
body:has(.stations) .stations{grid-template-columns:minmax(0,1fr)}
@media(max-width:850px){
 .tamj-live-layout{grid-template-columns:minmax(0,1fr)!important;gap:14px}
 .tamj-live-sidebar{position:static;max-height:none;overflow:visible}
 .tamj-live-sidebar .channel-list{max-height:52vh!important;min-height:180px;overflow-y:auto}
 body:has(.movie-workspace) .movie-workspace{grid-template-columns:minmax(0,1fr)!important}
 body:has(.movie-workspace) .movie-menu,body:has(.movie-workspace) .movie-directory,body:has(.movie-workspace) .movie-view{grid-column:1!important;grid-row:auto!important;max-height:none}
 body:has(.stations) .layout>main{grid-template-columns:minmax(0,1fr)!important}
 body:has(.stations) main>header,body:has(.stations) main>.player-panel,body:has(.stations) main>.panel:not(.player-panel){grid-column:1!important;grid-row:auto!important;max-height:none}
 body:has(.stations) main>.player-panel{grid-row:2!important}
 body:has(.stations) main>.panel:not(.player-panel){grid-row:3!important}
}
@media(max-width:520px){
 .tamj-live-layout{padding:12px!important}
 .tamj-live-sidebar .maintenance-dashboard{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .tamj-live-sidebar .section-header{flex-wrap:wrap}
 body:has(.movie-workspace) .content{padding:12px!important}
 body:has(.stations) .layout>main{padding:12px!important}
 .tamj-upgrade-nav,.tamj-site-nav{overflow-x:auto;white-space:nowrap;flex-wrap:nowrap}
}
