/* KB Downloader Control — blue/cyan identity aligned with Android TV edition.
   This file overrides the legacy orange styling without changing backend logic. */
:root{
 --orange:#04c9ee;--orange2:#2186fa;--orange-soft:#0b324b;
 --dark:#08142a;--muted:#9cb0ca;--line:#253858;
 --paper:#081327;--ink:#eef6ff;--white:#111f3b;
 --green:#24d6a1;--radius:16px;
 --shadow:0 15px 44px rgba(0,4,18,.17);
}
html,body{background:#081327;color:var(--ink)}
a:focus-visible,button:focus-visible{outline:2px solid #00d9f5;outline-offset:3px}
input:focus,textarea:focus,select:focus{outline:2px solid #00d9f54c!important;border-color:#00ccf2!important}
.muted,.subnote,.page-header p{color:#9fb1cd!important}
.eyebrow,.smallcaps{color:#0ad9fa}
.brand-symbol{background:transparent!important;box-shadow:none!important;overflow:visible;border-radius:0}
.brand-symbol img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 2px 8px rgba(0,204,255,.15))}
.sidebar-logo{gap:13px;padding:5px 9px 28px}
.sidebar-logo .brand-symbol{width:49px;height:49px;flex:none}
.sidebar-logo strong{color:#f4fbff;font-size:13px}
.sidebar-logo span{color:#91a8c7;letter-spacing:1.8px}
.auth-card .brand-symbol{width:56px;height:56px}
.auth-card .brand-line strong{color:#eef8ff}
.auth-card .brand-line span{color:#91a8c7}
.auth-layout{background:#09152b}
.auth-art{background:radial-gradient(ellipse at 85% 20%,rgba(7,111,237,.34),transparent 45%),linear-gradient(140deg,#101c38 0%,#06102a 100%)}
.auth-art:before,.auth-art:after{border-color:#00c8f032;box-shadow:0 0 0 70px #009de709,0 0 0 140px #088afa05}
.auth-art .smallcaps{color:#27d9f7}
.auth-art h1 em{color:#0ecfed}
.auth-art p{color:#a9bed6}
.auth-mark{background:linear-gradient(140deg,#123463,#0a1936);box-shadow:0 14px 55px #00beee20;border:1px solid #2267974a}
.auth-mark img{width:94%;height:94%;object-fit:contain}
.auth-main{background:#0b1930}
.auth-card h2,.auth-card .form-stack label{color:#edf7ff}
.auth-card>p,.auth-foot{color:#97acc6}
.auth-pills span{color:#c8e1f6;border-color:#26608b70;background:#0f315350}
.subnote code,.info-block code{color:#05d5fb;background:#103657}
.btn{background:#1a2b4b;color:#e6f6ff;border-color:#294363}
.btn:hover{background:#203859}
.btn.primary{background:linear-gradient(114deg,#0870ea,#06bdeb);color:#fff;box-shadow:0 8px 23px #008dfc38;border:1px solid #18a9ff55}
.btn.primary:hover{background:linear-gradient(115deg,#157fff,#09d5ed);box-shadow:0 12px 26px #00c7ed48}
.btn.outline{background:#142a49;color:#dceefe;border-color:#2f4c73}
.btn.outline:hover{background:#1c375d;border-color:#04cee7}
.btn.danger-outline{background:#391e33;color:#ffadb6;border-color:#7f3652}
.notice.success{background:#0f372e;color:#7cf3c4;border-color:#22644d}
.notice.error{background:#401c35;color:#ffc0c9;border-color:#7a3451}
.sidebar{background:linear-gradient(180deg,#101e3c 0%,#0b1933 60%,#09162c 100%);border-right:1px solid #1c3557;color:#e8f4ff}
.workspace{background:#172b4a;border-color:#294568;box-shadow:inset 0 1px 0 #ffffff08}
.workspace-icon{background:#0b3457;flex:none;overflow:hidden}
.workspace-icon img{width:100%;height:100%;object-fit:contain}
.workspace small{color:#8fa6c6}
.workspace strong{color:#e7f5ff}
.workspace .chevron{color:#8fa6c6}
.nav-caption{color:#7691b6}
.nav-link{color:#acbed6;min-height:43px;border:1px solid transparent}
.nav-link:hover{background:#1d355755;color:#fff;border-color:#28639570}
.nav-link.selected{background:linear-gradient(100deg,#084888,#086fbe);color:#f3ffff;border:1px solid #09c7f270;box-shadow:inset 3px 0 0 #17e2f6,0 5px 20px #008ff71a}
.nav-link.selected:hover{background:linear-gradient(100deg,#09519a,#0780cf)}
.nav-link.selected .nav-icon{color:#5fecff}
.nav-count{background:#214165;color:#bddcf2}
.nav-link.selected .nav-count{background:#00c3e62c;color:#e6feff}
.sidebar-tip{background:radial-gradient(ellipse at 80% 0,#04bef025,transparent 70%),#122546;border:1px solid #244669}
.tip-emoji{color:#32d9f4}
.sidebar-tip strong{color:#ebf8ff}
.sidebar-tip p{color:#a2b9d6}
.side-user small{color:#93aac7}
.avatar,.top-avatar,.mini-avatar{background:#163e67;color:#38e2ff}
.logout:hover{color:#21d8f4}
.main-panel{background:radial-gradient(ellipse at 80% 0%,#10264a 0%,#081327 50%,#081327 100%)}
.topbar{background:#0d1b34;border-bottom:1px solid #243a5a}
.breadcrumbs{color:#819cbd}
.breadcrumbs span{color:#55708e}
.breadcrumbs strong{color:#e8f6ff}
.live-chip{background:#0f4339;color:#50efbe}
.top-avatar{background:#123f62;color:#23d9f4}
.menu-toggle{color:#ddecff}
.page-header h1{color:#f3faff}
.page-header .eyebrow{color:#1bd8f4}
.footer{border-top:1px solid #233754;color:#93aac5}
.hero{background:radial-gradient(ellipse at 88% 53%,#13538f90,transparent 42%),linear-gradient(118deg,#172d55,#0d203f 70%,#0b3760);border:1px solid #254970;color:#f5fbff;box-shadow:0 18px 50px #03081752}
.hero-eyebrow{color:#4feaff}
.hero h2 span{color:#15d8fb}
.hero p{color:#abc0d9}
.hero-button{color:#20e4fa}
.hero-button:hover{color:#98f4ff}
.hero-pattern{border:1px solid #00d5f033;box-shadow:0 0 0 60px #009dee12,0 0 0 120px #009dee08;opacity:.85}
.hero-ring{background:radial-gradient(circle,#106bbc 0%,#0b3565 41%,transparent 72%);box-shadow:0 0 140px #008ff747}
.hero-ring img{width:70%;height:70%;object-fit:contain;filter:drop-shadow(0 6px 13px #00c9fa3c)}
.stat-card,.panel{background:#12213e;border:1px solid #2b4160;color:#eaf6ff}
.stat-card:hover{border-color:#04bde7;box-shadow:0 12px 35px #00b9ea13}
.stat-icon,.quick-icon,.activity-icon{background:#123a62;color:#29d5f3}
.stat-more{color:#8198b8}
.stat-label{color:#a8bfd9}
.stat-value{color:#f2fbff}
.stat-footer{color:#849fbe}
.green{color:#37e4ac}.orange{color:#22d9f8}.blue{color:#76b1ff}
.panel-title{border-bottom-color:#294260}
.panel-title h3{color:#f2f9ff}
.panel-title p,.activity-row p,.activity-row time,.quick-row p{color:#93aac8}
.text-link,.sub-link{color:#1ce1fc}
.activity-row,.quick-row{border-bottom-color:#263e59}
.activity-row strong,.quick-row strong{color:#eaf7ff}
.quick-row:hover{background:#193454}
.quick-row>span{color:#86a6ca}
.empty-small,.empty p,.table-note{color:#9fb6d4}
.count-pill{background:#1d3150;color:#b6cae2}
.table-scroll,table{color:#a9bed5}
thead{background:#192c4b}
tr{border-color:#243958}
th{color:#abc1db}
th,td{border-bottom-color:#2a3e5d}
td{color:#bfd2e7}
td strong{color:#e7f4ff}
tbody tr:hover{background:#1c3353}
.item-name small{color:#93aecd}
.app-square{background:linear-gradient(135deg,#146bd6,#0bcae8)}
.status.active{background:#0c4137;color:#70ebbd}
.status.off{background:#26344b;color:#b4bfd0}
.code-chip,.copy-link{background:#103a58;color:#35e1fc;border-color:#1c789b}
.icon-btn{background:#193252;border-color:#2a4568;color:#afcdeb}
.icon-btn:hover{background:#124363;color:#41e3fc;border-color:#00aacd}
.icon-btn.danger:hover{background:#512536;color:#ff9bad}
.empty-icon{background:#173e64;color:#2edcf5}
.empty h3{color:#eaf6ff}
.form-stack label{color:#c3d9ed}
.form-stack label small{color:#99b5ce}
.form-stack input,.form-stack textarea,.form-stack select{background:#0e1d37;color:#eefbff;border-color:#2a4468;color-scheme:dark}
.form-stack input::placeholder,.form-stack textarea::placeholder{color:#829dbb}
.form-stack .switch-row{background:#142a49;border-color:#2d4768}
.switch-row input{accent-color:#00cce9}
.switch-row span strong{color:#e9f7ff}
.info-block{background:#142a49;border-color:#2a4466}
.info-block strong{color:#e9f4ff}
.info-block p{color:#9cb8d1}
.mini-item,.inner-divider{border-color:#2b405e}
.mini-item strong{color:#e9f7ff}
.mini-item small{color:#9bb1c9}
.mini-avatar{background:#173b61;color:#36dff7}
.key-alert{background:#103b54;border-color:#236b8e}
.key-alert strong{color:#c5f9ff}
.api-health{background:#104037;border-color:#246b59}
.api-health p{color:#86d6be}
.read-label{color:#aec8e1}
.copy-field{background:#11223f;border-color:#294465;color:#d2e6f7}
.copy-field button{background:#1b3858;color:#d1e6fa}
.warning-note{border-left-color:#00cee9;background:#102b46}
.warning-note p{color:#99b9ce}
.endpoint{border-color:#2b4463}
.endpoint code{color:#d9f4ff}
.endpoint small{color:#94b0cc}
.modal-backdrop{background:#050e1ede}
.modal{background:#10203d;border:1px solid #2b4d70;color:#eaf6ff}
.modal-header{border-bottom-color:#2a4667}
.modal-close{background:#1f3857;color:#c1d9f0}
.toast{background:#0b4160;color:#f0fbff;border:1px solid #217898}
@media(max-width:760px){.sidebar{box-shadow:16px 0 40px #030916a8}}