/* VIDAA presentation only. Playback, identity and library storage are shared by both appearances. */
#classic-home,.classic-nav-icon{display:none}
html[data-tv-platform="vidaa"][data-appearance="classic"] body.classic-home-visible #classic-home:not([hidden]){display:block}
html[data-tv-platform="vidaa"][data-appearance="classic"] body.classic-home-visible #home>:not(#classic-home){display:none!important}
html[data-tv-platform="vidaa"][data-appearance="classic"] #nav{display:none!important}
/* Classic navigation lives on Home; each section uses the reclaimed space. */
html[data-tv-platform="vidaa"][data-appearance="classic"] #shell>.page{left:0}
html[data-tv-platform="vidaa"][data-appearance="classic"] #library .category-panel{left:2.4vw}
html[data-tv-platform="vidaa"][data-appearance="classic"] #library .catalog{left:21vw;right:2.4vw}
html[data-tv-platform="vidaa"][data-appearance="classic"] #live{padding-left:2.4vw;padding-right:2.4vw}
html[data-tv-platform="vidaa"][data-appearance="classic"] #home .home-content{padding-left:2.4vw}
html[data-tv-platform="vidaa"][data-appearance="classic"] body.inline-playing #shell:before{width:2.4vw}
#classic-home{position:absolute;top:0;right:0;bottom:0;left:0;background:#03080f url('assets/classic-background.svg') center/cover no-repeat;color:#f1f7ff;overflow:hidden}
.classic-header{position:absolute;top:8vh;left:35%;width:30%;text-align:center}
.classic-header img{display:block;width:21vw;height:11vh;object-fit:contain;margin:0 auto}
.classic-header p,.classic-header span{display:block;margin:1.3vh 0 0;font-size:1vw;font-weight:600;letter-spacing:.34em;color:#7b9bbd;text-transform:uppercase}
.classic-tiles{position:absolute;top:34vh;left:0;right:0;display:flex;justify-content:center;align-items:flex-start;gap:2.3vw}
.classic-tile{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;flex:0 0 12.4vw;width:12.4vw;padding:0;border:0;background:transparent;border-radius:0;outline:0;box-shadow:none;color:#c1cfdf;overflow:visible}
.classic-tile img{display:block;width:12.4vw;height:12.4vw;padding:1.45vw;object-fit:contain;border:1px solid #6c8199;border-radius:2.45vw;background:linear-gradient(145deg,#15243466,#030b1477);box-shadow:inset 0 1px 0 #cae7ff19;box-sizing:border-box}
.classic-label{display:block;margin-top:1.45vh;font-size:1.65vw;line-height:1.25;font-weight:700;letter-spacing:.03em;white-space:nowrap;text-transform:uppercase}
.classic-tile:focus,.classic-tile:hover{color:#55b5ff;background:transparent;border:0;box-shadow:none;outline:0;transform:none}
.classic-tile:focus img{border:2px solid #4ca8ff;background:linear-gradient(145deg,#123e6c80,#061b3370);box-shadow:0 0 0 3px #2585ee25,inset 0 1px 0 #c8eaff30}
.classic-tile:focus .classic-label{color:#65baff}
.classic-tools{position:absolute;top:4.3vh;right:4vw;display:flex;gap:1vw;align-items:center}
.classic-tools button{display:flex;align-items:center;justify-content:center;gap:.55vw;min-width:4vw;height:3.6vw;border:1px solid #527293;border-radius:1.8vw;background:#081729b3;padding:.7vw 1.1vw;font-size:1vw;color:#b4cbe2}
.classic-tools button svg{width:1.5vw;height:1.5vw;fill:none;stroke:currentColor;stroke-width:1.8}
.classic-tools button:focus{border-color:#66b8ff;background:#123759;color:#fff;box-shadow:0 0 0 2px #67baff30}
.classic-footer{position:absolute;left:4vw;right:4vw;bottom:5vh;display:flex;justify-content:space-between;align-items:center;color:#7892ad;font-size:1.05vw;line-height:1.6;border-top:1px solid #7199c122;padding-top:2vh}
.classic-footer p{margin:0}.classic-footer strong{color:#bed0e2;font-weight:600}
.classic-device{flex:0 1 auto;min-width:0;line-height:1.65;text-align:left}
.classic-device-heading{font-size:1.15vw}.classic-device-state{color:#eaf4ff!important}
.classic-device-remaining{font-size:1.05vw;color:#8eb9df;font-variant-numeric:tabular-nums}
.classic-status{max-width:48%;text-align:right;margin-left:2vw!important}
/* A quiet, non-interactive status plate in the Modern hero's unused right corner. */
.modern-device-status{position:absolute;top:3.3vw;right:2.5vw;z-index:2;min-width:18vw;max-width:26vw;padding:1vw 1.3vw;border:1px solid #294c6c;border-radius:1.1vw;background:#081725;color:#eaf4ff;pointer-events:none;line-height:1.5;text-align:left}
.modern-device-label{margin:0 0 .35vw;font-size:.95vw;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:#91a9c0}
.modern-device-state{display:block;font-size:1.5vw;font-weight:600;line-height:1.35}
.modern-device-state:before{content:'';display:inline-block;width:.5vw;height:.5vw;margin-right:.65vw;border-radius:50%;background:#89a1b7;vertical-align:middle}
.modern-device-status[data-state="Active"] .modern-device-state:before,.modern-device-status[data-state="Lifetime"] .modern-device-state:before{background:#69c6ff}
.modern-device-status[data-state="Free trial"] .modern-device-state:before{background:#8bded8}
.modern-device-status[data-state="Expired"] .modern-device-state:before,.modern-device-status[data-state="Deactivated"] .modern-device-state:before,.modern-device-status[data-state="Activation required"] .modern-device-state:before{background:#edb56e}
.modern-device-remaining{margin:.35vw 0 0;font-size:1.1vw;color:#b8d0e5;font-variant-numeric:tabular-nums;overflow-wrap:break-word}
.appearance-options{display:flex;gap:1.2vw;margin-top:1.8vw}
.appearance-option{position:relative;flex:1;min-width:0;display:block;padding:1vw;text-align:left;border:1px solid #344c68;border-radius:1.2vw;background:#0a1728;color:#eaf3ff;white-space:normal}
.appearance-option.chosen,.appearance-option[aria-pressed="true"]{border-color:#337bd3;background:#112b49}
.appearance-option:focus{border:2px solid #eaf6ff;padding:calc(1vw - 1px);background:#183b60;box-shadow:none}
.appearance-option h2,.appearance-option strong{display:block;font-size:1.6vw;margin:1.1vw 0 .45vw}
.appearance-option p,.appearance-option small{display:block;line-height:1.5;font-size:1.05vw;color:#aebfd5;margin:.4vw 0}
.appearance-preview{position:relative;display:block;width:100%;height:11vw;border:1px solid #314d6c;border-radius:.65vw;overflow:hidden;pointer-events:none}
.modern-preview{background:radial-gradient(ellipse at 85% 25%,#416375,transparent 70%),linear-gradient(150deg,#102431,#030b15)}
.modern-preview:before{content:'';position:absolute;left:4%;top:13%;bottom:12%;width:5%;border:1px solid #5b7e91;border-radius:1vw;background:repeating-linear-gradient(transparent 0,transparent 13%,#71a0b4 13%,#71a0b4 16%,transparent 16%,transparent 20%)}
.modern-preview:after{content:'';position:absolute;left:16%;top:24%;width:45%;height:4%;background:#d5e7ef;box-shadow:0 1.1vw 0 -.1vw #9bb2bd,0 3.2vw 0 .25vw #6d99a8,3.4vw 6.2vw 0 1vw #243a4d,10.1vw 6.2vw 0 1vw #30556b}
.classic-preview{background:#03080f url('assets/classic-background.svg') center/cover}
.classic-preview:before{content:'';position:absolute;top:9%;left:35%;width:30%;height:25%;background:url('assets/logo.png') center/contain no-repeat}
.classic-preview:after{content:'';position:absolute;top:48%;left:9%;width:82%;height:36%;background:url('assets/classic-live.svg') 0 center/18% auto no-repeat,url('assets/classic-movies.svg') 25% center/18% auto no-repeat,url('assets/classic-series.svg') 50% center/18% auto no-repeat,url('assets/classic-playlist.svg') 75% center/18% auto no-repeat,url('assets/classic-settings.svg') 100% center/18% auto no-repeat}
.appearance-status{margin-top:1.2vw;font-size:1.1vw;color:#92ccff;min-height:1.7em}
/* Chromium 76 on Tizen 6 does not support gaps in flex containers. */
.no-flex-gap .classic-tiles,.no-flex-gap .classic-tools,.no-flex-gap .appearance-options{gap:0}
.no-flex-gap .classic-tile+.classic-tile{margin-left:2.3vw}
.no-flex-gap .classic-tools button+button{margin-left:1vw}
.no-flex-gap .appearance-option+.appearance-option{margin-left:1.2vw}
/* Keep the extra preference reachable on 1080p and older TV viewports. */
html[data-tv-platform="vidaa"][data-appearance] #settings-menu{overflow-y:auto;scrollbar-width:none}
html[data-tv-platform="vidaa"][data-appearance] #settings-menu::-webkit-scrollbar{display:none}
html[data-tv-platform="vidaa"][data-appearance] #settings-menu button{margin:.35vw 0;padding:.7vw 1vw}