/* PANEL VIVA STREAM V9 — capa visual del panel. Mantiene la lógica PHP existente. */
:root,
html[data-theme="dark"]{
  --v-bg:#06111f;--v-bg2:#08192b;--v-side:#06101d;--v-head:#07172a;--v-card:#0b2034;--v-card2:#0d2740;
  --v-border:#173a57;--v-text:#f5f8fc;--v-muted:#8ea8c0;--v-field:#071827;--v-blue:#147dff;--v-blue2:#27a1ff;
  --v-green:#13c96f;--v-red:#f7193f;--v-purple:#7f43eb;--v-orange:#ff720b;--v-teal:#11c7bd;--v-pink:#e24a9b;
  --v-shadow:0 15px 34px rgba(0,0,0,.28);--v-sidebar-active:linear-gradient(90deg,#1769f8,#0879ff)
}
html[data-theme="light"]{
  --v-bg:#eef4fb;--v-bg2:#f7fbff;--v-side:#ffffff;--v-head:#ffffff;--v-card:#ffffff;--v-card2:#f5f9fe;
  --v-border:#d5e1ee;--v-text:#13283c;--v-muted:#668198;--v-field:#f2f7fc;--v-blue:#176cf5;--v-blue2:#3299ff;
  --v-green:#0ca95d;--v-red:#e91f46;--v-purple:#7040e8;--v-orange:#ed6e0b;--v-teal:#0cac9f;--v-pink:#d53f91;
  --v-shadow:0 12px 30px rgba(31,62,92,.12);--v-sidebar-active:linear-gradient(90deg,#176cf5,#318fff)
}
html[data-theme="blue"]{
  --v-bg:#06152d;--v-bg2:#0a2348;--v-side:#06142b;--v-head:#09234a;--v-card:#0b2b58;--v-card2:#0d376f;
  --v-border:#1b4f8c;--v-text:#f3f8ff;--v-muted:#9bb8d9;--v-field:#071e40;--v-blue:#258fff;--v-blue2:#4ab1ff;
  --v-green:#14cf7a;--v-red:#ff3c5f;--v-purple:#7d64ff;--v-orange:#ff8a1a;--v-teal:#13d2cb;--v-pink:#e84dab;
  --v-shadow:0 14px 36px rgba(0,15,45,.35);--v-sidebar-active:linear-gradient(90deg,#1a5fff,#1b91ff)
}
html[data-theme="green"]{
  --v-bg:#071a16;--v-bg2:#0a2a23;--v-side:#071713;--v-head:#0a261f;--v-card:#0c3028;--v-card2:#0f3b31;
  --v-border:#205e4f;--v-text:#f2fff9;--v-muted:#9cc4b5;--v-field:#08231d;--v-blue:#2e86ff;--v-blue2:#42a2ff;
  --v-green:#21cf7a;--v-red:#fa3a59;--v-purple:#8b5cf4;--v-orange:#ff8420;--v-teal:#19cdb9;--v-pink:#e8539e;
  --v-shadow:0 14px 36px rgba(0,24,17,.35);--v-sidebar-active:linear-gradient(90deg,#0fa95e,#20d079)
}
html{background:var(--v-bg)!important}body{background:radial-gradient(circle at 72% -10%,color-mix(in srgb,var(--v-blue) 15%,transparent),transparent 36%),linear-gradient(150deg,var(--v-bg),var(--v-bg2))!important;color:var(--v-text)!important;transition:background .18s ease,color .18s ease}.app{grid-template-columns:270px minmax(0,1fr)!important}.content{padding:0 20px 28px!important;min-width:0}.sidebar{width:auto!important;padding:16px 11px 12px!important;background:linear-gradient(180deg,var(--v-side),color-mix(in srgb,var(--v-side) 88%,#000))!important;border-right:1px solid var(--v-border)!important}.viva-brand{padding:0 6px 18px!important;justify-content:center}.viva-brand .brand-logo{width:226px!important;height:102px!important;object-fit:contain!important;object-position:center!important;border-radius:16px}.sidebar nav{gap:5px!important}.sidebar nav a{min-height:48px!important;padding:10px 13px!important;border-radius:9px!important;color:color-mix(in srgb,var(--v-text) 75%,transparent)!important;font-size:14px!important;font-weight:650!important}.sidebar nav a:hover{background:color-mix(in srgb,var(--v-card) 92%,#fff 3%)!important;color:var(--v-text)!important}.sidebar nav a.active{background:var(--v-sidebar-active)!important;color:#fff!important;box-shadow:none!important}.nav-ico{width:25px!important;color:inherit!important;font-size:18px!important}.nav-chev{margin-left:auto;opacity:.7;font-size:20px}.side-foot{border-top:1px solid var(--v-border)!important;color:var(--v-muted)!important;align-items:center!important}.side-foot span{display:flex;gap:7px;align-items:center}.server-dot{width:9px;height:9px;border-radius:50%;background:#18d979;box-shadow:0 0 10px #18d979;display:inline-block}.side-foot b{color:var(--v-blue2)!important}
.viva-header{min-height:88px;margin:0 -20px 18px;padding:14px 22px;display:flex;align-items:center;gap:20px;background:linear-gradient(90deg,var(--v-head),color-mix(in srgb,var(--v-head) 88%,var(--v-blue) 12%));border-bottom:1px solid var(--v-border);position:sticky;top:0;z-index:20;box-shadow:0 8px 24px rgba(0,0,0,.12)}.viva-heading{display:flex;align-items:center;gap:18px;min-width:300px}.sidebar-toggle{border:0;background:transparent;color:var(--v-muted);font-size:27px;cursor:pointer;width:42px;height:42px;border-radius:9px}.sidebar-toggle:hover{background:color-mix(in srgb,var(--v-card) 75%,transparent);color:var(--v-text)}.viva-heading small,.viva-heading span{display:block;color:var(--v-muted)}.viva-heading small{font-size:12px}.viva-heading strong{display:block;font-size:22px;line-height:1.05;letter-spacing:.3px;margin:3px 0}.viva-heading span{font-size:12px}.theme-switcher{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.theme-label{font-size:12px;color:var(--v-muted);white-space:nowrap}.theme-switcher button{height:42px;padding:0 13px;border-radius:9px;border:1px solid var(--v-border);background:color-mix(in srgb,var(--v-card) 80%,transparent);color:var(--v-text);display:flex;align-items:center;gap:8px;cursor:pointer;font-size:12px;font-weight:650}.theme-switcher button.active{border-color:var(--v-blue);box-shadow:0 0 0 2px color-mix(in srgb,var(--v-blue) 22%,transparent),inset 0 0 18px color-mix(in srgb,var(--v-blue) 12%,transparent)}.theme-dot{width:16px;height:16px;border-radius:50%;display:inline-block}.theme-dot.blue{background:#1684ff;box-shadow:0 0 10px #1684ff77}.theme-dot.green{background:#20cd65;box-shadow:0 0 10px #20cd6577}.header-tools{display:flex;align-items:center;gap:14px;margin-left:10px}.notify{position:relative;width:42px;height:42px;display:grid;place-items:center;text-decoration:none;color:var(--v-text);font-size:18px;border-left:1px solid var(--v-border)}.notify em{position:absolute;right:1px;top:1px;min-width:17px;height:17px;padding:0 4px;border-radius:10px;background:var(--v-red);color:#fff;font-size:9px;font-style:normal;display:grid;place-items:center}.admin-user{background:transparent!important;border:0!important;min-height:auto!important;padding:4px 0!important;color:var(--v-text)!important}.admin-user small{color:var(--v-muted)!important}.avatar{width:38px!important;height:38px!important;background:linear-gradient(135deg,#6f84ff,#3f8cff)!important}.page-titlebar{margin:0 0 16px!important;padding:2px 2px 0!important}.page-titlebar h1{font-size:24px!important}.page-titlebar p{color:var(--v-muted)!important}
.card{background:linear-gradient(155deg,var(--v-card),color-mix(in srgb,var(--v-card) 84%,#000 16%))!important;border-color:var(--v-border)!important;box-shadow:var(--v-shadow)!important;color:var(--v-text)!important;border-radius:12px!important}.muted{color:var(--v-muted)!important}input,select,textarea{background:var(--v-field)!important;border-color:var(--v-border)!important;color:var(--v-text)!important}.btn.ghost{background:color-mix(in srgb,var(--v-card2) 85%,transparent)!important;border-color:var(--v-border)!important;color:var(--v-text)!important}.btn.primary{background:linear-gradient(135deg,var(--v-blue),#7048ff)!important}.table-wrap table{color:var(--v-text)}th{color:var(--v-muted)!important}.okbox{background:color-mix(in srgb,var(--v-green) 13%,transparent)!important;border-color:color-mix(in srgb,var(--v-green) 45%,transparent)!important}.errbox{background:color-mix(in srgb,var(--v-red) 12%,transparent)!important}
/* Dashboard */
.viva-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.metric-pro{min-height:122px;display:flex;align-items:center;gap:16px;padding:18px 20px;border:1px solid var(--v-border);border-radius:12px;background:linear-gradient(145deg,var(--v-card),var(--v-card2));box-shadow:var(--v-shadow);position:relative;min-width:0}.metric-icon{width:68px;height:68px;border-radius:16px;display:grid;place-items:center;color:#fff;font-size:31px;flex:0 0 auto}.metric-icon.green{background:linear-gradient(135deg,#04a94f,#008b43)}.metric-icon.blue{background:linear-gradient(135deg,#147ff7,#1067c9)}.metric-icon.purple{background:linear-gradient(135deg,#7b43e7,#4d28ae)}.metric-icon.pink{background:linear-gradient(135deg,#bb3b7f,#7f2856)}.metric-pro>div{min-width:0}.metric-pro span{font-size:13px}.metric-pro strong{display:block;font-size:29px;line-height:1.08;margin-top:5px;white-space:nowrap}.metric-pro small{display:block;color:var(--v-muted);font-size:11px;margin-top:4px}.metric-pro span em{font-style:normal;font-size:9px;padding:4px 7px;border-radius:6px;background:var(--v-green);color:#042617;font-weight:900;margin-left:8px}.metric-pro small.up{color:#27e982}.mini-bars{margin-left:auto!important;height:48px;display:flex;align-items:flex-end;gap:4px}.mini-bars i{width:5px;background:linear-gradient(#1c9dff,#4e86ff);border-radius:5px 5px 1px 1px}.hd-badge{position:absolute;right:18px;bottom:20px;border:1px solid var(--v-blue);color:var(--v-blue2);padding:4px 7px;border-radius:6px;font-size:11px}.server-badge{position:absolute;right:16px;top:17px;background:var(--v-green);color:#022616;padding:4px 8px;border-radius:8px;font-size:10px}
.viva-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(360px,.95fr);gap:16px;margin-bottom:16px}.live-pro,.quick-pro{margin:0!important}.live-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.live-head h2{font-size:20px!important;margin:0!important}.live-head h2 i{display:inline-block;width:14px;height:14px;border-radius:50%;background:var(--v-red);box-shadow:0 0 12px color-mix(in srgb,var(--v-red) 70%,transparent);margin-right:10px}.live-clock{display:grid;grid-template-columns:auto auto;column-gap:8px;justify-items:end;align-items:center}.live-clock span{grid-row:1/3;color:var(--v-muted);font-size:23px}.live-clock a{font-size:19px;font-weight:900;text-decoration:none;color:var(--v-text);font-variant-numeric:tabular-nums}.live-clock small{color:var(--v-muted);font-size:10px}.live-body{display:grid;grid-template-columns:205px minmax(0,1fr);gap:20px;margin-top:18px}.current-cover{width:205px;height:205px;border-radius:10px;overflow:hidden;background:linear-gradient(135deg,#a10cf1,#194bff,#fa237d);position:relative}.current-cover img{width:100%;height:100%;object-fit:cover}.current-cover span{position:absolute;left:12px;bottom:12px;font-weight:1000;font-size:18px;line-height:.92;text-shadow:0 2px 12px #000}.current-info{min-width:0}.onair-row{display:flex;gap:8px;justify-content:flex-end;margin-bottom:-6px}.brand-pill,.air-pill{padding:5px 12px;border-radius:6px;font-size:10px;font-weight:900}.brand-pill{border:1px solid var(--v-border);background:color-mix(in srgb,var(--v-card2) 82%,transparent)}.air-pill{background:var(--v-red);color:#fff;box-shadow:0 0 15px color-mix(in srgb,var(--v-red) 55%,transparent)}.current-info h1{font-size:30px;margin:10px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.current-info h3{font-size:20px;margin:0;color:color-mix(in srgb,var(--v-text) 88%,var(--v-muted));font-weight:600}.current-info p{color:var(--v-muted);font-size:13px;margin:6px 0 0}.pro-wave{height:72px;display:flex;align-items:center;gap:3px;margin:16px 0 8px;overflow:hidden}.pro-wave i{width:4px;border-radius:4px;background:linear-gradient(180deg,#28a1ff,#1a78ff);flex:0 0 auto}.progress-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;color:var(--v-muted);font-size:10px}.song-progress{height:7px;border-radius:99px;background:color-mix(in srgb,var(--v-border) 75%,transparent);overflow:hidden}.song-progress i{display:block;height:100%;background:linear-gradient(90deg,#0d6eff,#22a5ff)}.player-actions{display:flex;align-items:center;justify-content:center;gap:13px;margin-top:16px}.round-action,.square-action{width:48px;height:48px;border-radius:50%;border:1px solid var(--v-border);background:color-mix(in srgb,var(--v-card2) 85%,transparent);display:grid;place-items:center;text-decoration:none;color:var(--v-text);font-weight:900}.round-action.main{width:64px;height:64px;background:linear-gradient(135deg,#1478ff,#267dff);font-size:20px;box-shadow:0 0 22px #1478ff55}.square-action{border-radius:9px;margin-left:5px}.quick-pro h2{font-size:19px!important}.quick-pro h2 span{color:var(--v-blue2)}.quick-pro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.qa{min-height:96px;border-radius:10px;color:#fff;text-decoration:none;display:grid;place-items:center;align-content:center;gap:8px;text-align:center;font-weight:800;box-shadow:inset 0 -20px 30px #00000015}.qa b{font-size:23px}.qa span{font-size:12px;line-height:1.1}.qa.green{background:linear-gradient(145deg,#0ec36b,#08a957)}.qa.red{background:linear-gradient(145deg,#ff2851,#e20c35)}.qa.blue{background:linear-gradient(145deg,#1597ff,#1b68e8)}.qa.purple{background:linear-gradient(145deg,#8049e9,#6531d1)}.qa.orange{background:linear-gradient(145deg,#ff8610,#f26600)}.qa.teal{background:linear-gradient(145deg,#18c8be,#0ca197)}.qa.dark{background:linear-gradient(145deg,color-mix(in srgb,var(--v-card2) 100%,#fff 4%),color-mix(in srgb,var(--v-card) 92%,#000));border:1px solid var(--v-border)}
.viva-bottom-grid{display:grid;grid-template-columns:1.05fr .92fr 1.08fr;gap:16px}.compact-pro{margin:0!important;min-height:330px}.box-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.box-head h2{font-size:16px!important;margin:0!important}.box-head a{margin-left:auto;color:var(--v-blue2);font-size:11px;text-decoration:none;border:1px solid color-mix(in srgb,var(--v-blue) 55%,var(--v-border));border-radius:7px;padding:6px 10px}.blue-ico{color:#258cff}.purple-ico{color:#9961ff}.program-list,.recent-ads{display:grid}.program-row{display:grid;grid-template-columns:96px 12px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px 10px;border-bottom:1px solid color-mix(in srgb,var(--v-border) 48%,transparent);border-radius:8px}.program-row.active{background:linear-gradient(90deg,#075bdf,#126ee7)}.program-row time{font-size:11px}.program-row>i{width:10px;height:10px;border-radius:50%;background:#668098}.program-row.active>i{background:#22de79;box-shadow:0 0 8px #22de79}.program-row b{display:block;font-size:11px}.program-row small{display:block;color:color-mix(in srgb,var(--v-text) 62%,transparent);font-size:9px;margin-top:2px}.program-row em{font-style:normal;font-size:9px;border-radius:6px;padding:5px 7px;background:color-mix(in srgb,var(--v-card2) 85%,transparent)}.program-row.active em{background:#35a4ff;color:#fff}.recent-ads>div{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid color-mix(in srgb,var(--v-border) 50%,transparent)}.ad-play{width:34px;height:34px;border:0;border-radius:50%;background:#536a80;color:#fff;cursor:pointer}.recent-ads b,.recent-ads small{display:block}.recent-ads b{font-size:11px}.recent-ads small{color:var(--v-muted);font-size:9px;margin-top:3px}.recent-ads em{font-size:20px;color:var(--v-muted)}.stat-tabs{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--v-border);border-radius:8px;overflow:hidden;margin-bottom:10px}.stat-tabs>*{padding:7px;text-align:center;font-size:10px}.stat-tabs b{background:linear-gradient(90deg,#158aff,#287dff)}.stat-tabs span{color:var(--v-muted);border-left:1px solid var(--v-border)}.stat-chart{height:150px;position:relative;padding-bottom:22px}.stat-chart svg{width:100%;height:120px;display:block;overflow:visible}.chart-axis{position:absolute;left:8px;right:8px;bottom:4px;display:flex;justify-content:space-between;color:var(--v-muted);font-size:9px}.stat-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.stat-cards>div{border:1px solid var(--v-border);border-radius:8px;padding:8px;text-align:center;background:color-mix(in srgb,var(--v-card2) 75%,transparent)}.stat-cards b{display:block;font-size:15px}.stat-cards span{display:block;font-size:8px;color:var(--v-muted);margin-top:2px}
/* Clock page: el reloj es el botón de escucha; no usamos la frase "vista previa" */
.clock-preview-card .section-head .pill{display:none}.radio-clock{cursor:pointer;transition:transform .15s ease,border-color .15s ease}.radio-clock:hover{transform:translateY(-2px)}.radio-clock:focus-visible{outline:2px solid var(--v-blue);outline-offset:3px}.clock-preview-card{overflow:hidden}.clock-preview-card .digital-clock{font-variant-numeric:tabular-nums}.clock-preview-card .clock-note{color:var(--v-muted)}
/* Login */
.login-viva-logo{width:230px;max-width:80%;margin:0 auto 8px;border-radius:18px}.login-card h1{font-size:24px!important;letter-spacing:.4px}.login-card p{color:var(--v-muted)!important}
/* Form/table surfaces under light/green/blue themes */
.time-folder-card,.music-folder-card,.switchline,.clock-sequence>div,.radio-clock,.empty-folder-box,.sweeper-item{background:color-mix(in srgb,var(--v-card2) 75%,transparent)!important;border-color:var(--v-border)!important}.station-clock-banner{background:linear-gradient(135deg,var(--v-card),var(--v-card2))!important;border-color:var(--v-border)!important}.state.active{background:var(--v-green)!important}.state.paused{background:#e7a01a!important}
/* Responsive */
@media(max-width:1320px){.app{grid-template-columns:235px minmax(0,1fr)!important}.viva-brand .brand-logo{width:195px!important;height:86px!important}.theme-label{display:none}.theme-switcher button{padding:0 9px}.viva-metrics{grid-template-columns:repeat(2,1fr)}.viva-bottom-grid{grid-template-columns:1fr 1fr}.viva-bottom-grid .compact-pro:last-child{grid-column:1/-1}.viva-dashboard-grid{grid-template-columns:minmax(0,1.55fr) minmax(330px,.9fr)}}
@media(max-width:1050px){.app{grid-template-columns:92px minmax(0,1fr)!important}.sidebar{padding-left:8px!important;padding-right:8px!important}.viva-brand .brand-logo{width:72px!important;height:72px!important;object-fit:cover!important;object-position:left center!important}.sidebar nav a{justify-content:center;padding:10px 7px!important}.sidebar nav a>span:nth-child(2),.nav-chev,.side-foot span{display:none}.nav-ico{width:auto!important}.side-foot{justify-content:center!important}.viva-heading{min-width:250px}.viva-heading strong{font-size:18px}.theme-switcher b{display:none}.theme-switcher button{width:42px;justify-content:center}.viva-dashboard-grid{grid-template-columns:1fr}.quick-pro-grid{grid-template-columns:repeat(6,1fr)}.quick-pro-grid .qa:nth-child(n+7){grid-column:span 3}.viva-bottom-grid{grid-template-columns:1fr}.viva-bottom-grid .compact-pro:last-child{grid-column:auto}}
@media(max-width:760px){.app{display:block!important}.sidebar{position:fixed!important;left:-285px!important;top:0!important;width:270px!important;height:100%!important;z-index:100!important;transition:left .2s ease}.app.menu-open .sidebar{left:0!important}.content{padding:0 12px 20px!important}.viva-header{margin:0 -12px 14px;padding:10px 12px;min-height:72px}.viva-heading{min-width:0;flex:1}.viva-heading strong{font-size:16px}.viva-heading small,.viva-heading span{display:none}.theme-switcher{position:absolute;top:72px;left:0;right:0;display:none;background:var(--v-head);padding:8px 12px;border-bottom:1px solid var(--v-border);z-index:22}.theme-switcher.mobile-open{display:flex}.header-tools{margin-left:0}.notify{display:none}.admin-user span:nth-child(2),.admin-user>span:last-child{display:none}.avatar{width:34px!important;height:34px!important}.viva-metrics{grid-template-columns:1fr 1fr;gap:9px}.metric-pro{min-height:102px;padding:12px;gap:9px}.metric-icon{width:46px;height:46px;border-radius:12px;font-size:20px}.metric-pro strong{font-size:21px}.metric-pro>div>span{font-size:11px}.metric-pro small{font-size:9px}.metric-pro span em,.mini-bars,.hd-badge,.server-badge{display:none}.live-body{grid-template-columns:112px minmax(0,1fr);gap:13px}.current-cover{width:112px;height:112px}.current-cover span{font-size:10px}.current-info h1{font-size:22px;margin-top:8px}.current-info h3{font-size:15px}.current-info p{font-size:11px}.pro-wave{height:48px;margin-top:9px}.player-actions{gap:8px}.round-action,.square-action{width:40px;height:40px}.round-action.main{width:48px;height:48px}.quick-pro-grid{grid-template-columns:repeat(3,1fr)}.quick-pro-grid .qa:nth-child(n+7){grid-column:auto}.qa{min-height:82px}.viva-bottom-grid{gap:10px}.page-titlebar{align-items:flex-start;flex-direction:column}.page-titlebar .btn{width:100%}}
@media(max-width:520px){.viva-metrics{grid-template-columns:1fr}.metric-pro{min-height:88px}.viva-dashboard-grid{gap:10px}.live-head{align-items:center}.live-clock small{display:none}.live-body{grid-template-columns:1fr}.current-cover{width:132px;height:132px;margin:auto}.onair-row{justify-content:center}.current-info{text-align:center}.progress-row{text-align:left}.quick-pro-grid{gap:7px}.qa{min-height:74px}.qa b{font-size:19px}.qa span{font-size:10px}.program-row{grid-template-columns:78px 10px 1fr}.program-row em{display:none}.stat-cards{grid-template-columns:1fr 1fr}.theme-switcher{overflow-x:auto}.theme-switcher button{flex:0 0 auto}.live-clock a{font-size:16px}}
@media(min-width:761px){.app.side-collapsed{grid-template-columns:92px minmax(0,1fr)!important}.app.side-collapsed .viva-brand .brand-logo{width:72px!important;height:72px!important;object-fit:cover!important;object-position:left center!important}.app.side-collapsed .sidebar nav a{justify-content:center;padding:10px 7px!important}.app.side-collapsed .sidebar nav a>span:nth-child(2),.app.side-collapsed .nav-chev,.app.side-collapsed .side-foot span{display:none}.app.side-collapsed .nav-ico{width:auto!important}.app.side-collapsed .side-foot{justify-content:center!important}}
.theme-mobile-toggle{display:none;border:1px solid var(--v-border);background:color-mix(in srgb,var(--v-card) 80%,transparent);color:var(--v-text);width:38px;height:38px;border-radius:9px;cursor:pointer}
@media(max-width:760px){.theme-mobile-toggle{display:grid;place-items:center}.theme-switcher.mobile-open{display:flex!important}}