.guide-channel-list:before{content:"CHANNEL                                      NOW                         NEXT";display:block;color:#7890ad;font-size:10px;letter-spacing:1px;padding:0 10px 8px;border-bottom:1px solid var(--line);white-space:pre}
.guide-channel-list .channel-row{background:#101f33;margin:3px 0;border:1px solid #1b3556;padding:5px 8px;border-radius:5px;min-height:46px}
.guide-channel-list .channel-row:hover,.guide-channel-list .channel-row.selected{background:#18365f}
.guide-channel-list .channel-row>div:last-of-type:after{background:#173866;border-left:2px solid var(--blue);border-radius:3px;padding:5px 8px;color:#dceaff;line-height:1.1;font-size:10px;margin-top:0}
.guide-channel-list .channel-logo{width:24px;height:24px;font-size:10px;border-radius:5px}
.guide-channel-list .channel-name{font-size:11px;line-height:1.1}
.guide-channel-list .channel-number{font-size:9px}
.guide-channel-list .star{font-size:13px}
.channel-logo img{width:100%;height:100%;object-fit:contain;border-radius:inherit}
.program-block{background:#173866;border-left:2px solid var(--blue);border-radius:3px;padding:4px 7px;color:#dceaff;font-size:9px;display:flex;gap:7px;align-items:center;white-space:nowrap}.program-block b{font-size:10px}.program-block small{color:#9dbbe0;font-size:9px}
.preview-placeholder video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#02060d;display:none}.preview-placeholder video[src]{display:block}.preview-placeholder video[src]~.play-button,.preview-placeholder video[src]~span{display:none}
.login-screen{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:#080f1d}.login-card{width:min(380px,90vw);padding:34px;background:#101b2b;border:1px solid #29466c;border-radius:14px;box-shadow:0 20px 60px #0008}.login-card .brand{padding:0 0 30px}.login-card h2{font-size:24px}.login-card input{display:block;width:100%;margin:10px 0;padding:13px;border:1px solid #29466c;border-radius:7px;background:#091424;color:white}.login-button{width:100%;padding:13px;margin-top:10px;border:0;border-radius:7px;background:var(--blue);color:#fff;font-weight:700}.login-error{color:#ff8e8e;font-size:12px;margin:12px 0 0}

/* Keep the preview fixed while categories and guide rows scroll in their own panes. */
.right-rail{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.guide-panel{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}.guide-channel-list{flex:1 1 auto;height:0;min-height:0;overflow-y:scroll;overflow-x:hidden}
.preview-placeholder video{display:block!important;z-index:2}.preview-placeholder .play-button,.preview-placeholder>span{z-index:1}

/* Keep the player and guide in view; scroll only the category and channel lists. */
html,body{height:100%;overflow:hidden}.app-shell{height:100vh;min-height:0}.content{height:100vh;min-height:0;display:flex;flex-direction:column;overflow:hidden}.topbar{flex:0 0 auto}.workspace{flex:1 1 auto;min-height:0;overflow:hidden}.channels-panel{min-height:0;overflow:hidden;display:flex;flex-direction:column}.category-tabs{min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:5px}.right-rail{min-height:0;overflow:hidden}.preview-panel{flex:0 0 auto}.guide-panel{min-height:0;overflow:hidden;display:flex;flex-direction:column}.guide-channel-list{min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:5px}.guide-channel-list .channel-row{user-select:none}.preview-placeholder video:fullscreen{object-fit:contain;background:#000}
@media(max-width:900px){html,body{overflow:auto}.app-shell,.content{height:auto;min-height:100vh}.workspace{overflow:visible}.channels-panel,.guide-panel,.guide-channel-list{overflow:visible}.category-tabs{overflow-x:auto;overflow-y:hidden}}
.channels-panel{height:100%!important;min-height:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}.category-tabs{flex:1 1 auto!important;height:0!important;min-height:0!important;overflow-y:scroll!important;overflow-x:hidden!important}
.brand{position:relative}.brand::before{content:"";display:block;width:118px;height:56px;background:url('/trn-logo.png') center/contain no-repeat}.brand>*{display:none}.preview-placeholder::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(42%,220px);height:78px;background:url('/trn-logo.png') center/contain no-repeat;opacity:.95;z-index:1;pointer-events:none}.preview-placeholder video{z-index:2}.preview-placeholder .play-button{z-index:3}