/* Overlay sidebar: fixed, never shifts the page or resizes playback. */
:root{--tamj-green:#00d7ad}
.tamj-global-brand{display:flex;align-items:center;gap:12px;padding:13px clamp(14px,3vw,28px);background:#071b1a;border-bottom:1px solid #1b5148;color:#eafff8;font:800 clamp(19px,3vw,25px)/1.2 system-ui;letter-spacing:-.5px}
.tamj-global-brand .tamj-mark{display:grid;place-items:center;background:#00d7ad;color:#06261e;width:40px;height:40px;border-radius:12px;flex:none}
.tamj-global-brand .tamj-brand-label{flex:1;min-width:0}
.tamj-global-brand small{font-size:11px;font-weight:600;color:#81caba;letter-spacing:0}
.tamj-menu-toggle{position:fixed;top:50%;left:0;transform:translateY(-50%);z-index:1200;border:1px solid #347767;border-left:0;border-radius:0 12px 12px 0;padding:13px 9px;background:#073c32;color:#afffe8;box-shadow:0 3px 14px #0007;font-size:20px;cursor:pointer}
.tamj-menu-toggle:focus-visible,.tamj-drawer-close:focus-visible{outline:3px solid #fff;outline-offset:2px}
.tamj-drawer-scrim{position:fixed;inset:0;z-index:1201;background:#000a;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}
.tamj-drawer{position:fixed;top:0;bottom:0;left:0;width:min(390px,calc(100vw - 36px));max-width:100vw;z-index:1202;background:#091d1c;border-right:1px solid #2b7865;box-shadow:15px 0 45px #0008;transform:translateX(-105%);transition:transform .22s ease;display:flex;flex-direction:column;min-width:0;color:#e6fff8}
body.tamj-drawer-open .tamj-drawer{transform:translateX(0)}
body.tamj-drawer-open .tamj-drawer-scrim{visibility:visible;opacity:1}
body.tamj-drawer-open{overflow:hidden}
.tamj-drawer-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;border-bottom:1px solid #245d50;flex:none}
.tamj-drawer-top strong{font:800 17px system-ui;color:#e6fff8}
.tamj-drawer-close{background:#154439;border:1px solid #337b69;color:#fff;border-radius:9px;padding:7px 12px;font-size:18px;cursor:pointer}
.tamj-drawer-body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:12px;min-width:0}
.tamj-drawer-body>*{max-width:100%!important;min-width:0!important}
.tamj-drawer-body .tamj-live-sidebar{display:block!important;position:static!important;margin:0!important;max-height:none!important;width:100%!important;overflow:visible!important;box-shadow:none!important;padding:12px!important}
.tamj-drawer-body .movie-menu{display:block!important;position:static!important;min-height:0!important;width:100%!important;max-height:none!important}
.tamj-drawer-body .radio-directory{display:block!important;position:static!important;margin:0!important;width:100%!important}
.tamj-drawer-body .stations{grid-template-columns:1fr!important}
.tamj-drawer-body .category-tabs{max-width:100%;overflow-x:auto}
/* Eliminate duplicated sidebar navigation and give player all available width */
body.tamj-movies .layout,body.tamj-radio .layout{display:block!important;grid-template-columns:minmax(0,1fr)!important}
body.tamj-movies .layout>.sidebar,body.tamj-radio .layout>aside{display:none!important}
body.tamj-movies .content,body.tamj-radio main{width:100%;max-width:1400px;margin:auto;min-width:0}
body.tamj-movies .movie-workspace{display:block!important;max-width:100%}
body.tamj-movies .movie-workspace>.movie-view{width:100%;max-width:100%}
body.tamj-movies .movie-workspace>.movie-directory{width:100%;max-width:100%;margin-top:16px}
body.tamj-movies .movie-workspace>.movie-menu{display:none}
body.tamj-movies .movie-workspace .movie-directory{display:block!important}
body.tamj-movies .movie-workspace .movie-grid{max-width:100%}
body.tamj-radio main{padding:20px clamp(14px,3vw,30px)!important}
body.tamj-radio .player-panel{max-width:100%}
body.tamj-radio .radio-directory{display:none}
body.tamj-live .tamj-live-layout{display:block!important;max-width:1100px;margin:auto}
body.tamj-live .tamj-live-main{width:100%;max-width:100%;min-width:0}
body.tamj-live .tamj-live-layout>.tamj-live-sidebar{display:none!important}
body.tamj-live .tamj-global-brand{display:none}
body.tamj-live .tamj-menu-toggle{top:53%}
@media(max-width:700px){.tamj-global-brand{padding:10px 15px}.tamj-global-brand .tamj-mark{width:36px;height:36px}.tamj-drawer{width:min(360px,calc(100vw - 28px))}.tamj-menu-toggle{padding:12px 8px}.tamj-drawer-body{padding:8px}.tamj-global-brand small{display:none}}
@media(prefers-reduced-motion:reduce){.tamj-drawer,.tamj-drawer-scrim{transition:none}}