/* LiveQSO multi-skin layer — 4.1.1 skin pack */
[data-theme-toggle],[data-global-theme-toggle],#theme-toggle,#themeBtn,.liveqso-legacy-theme-toggle{display:none!important}
.liveqso-theme-picker{display:inline-flex!important;align-items:center!important;gap:8px!important;min-height:38px!important;margin:0!important;padding:4px 7px 4px 10px!important;border:1px solid var(--line2,var(--border,rgba(109,196,255,.34)))!important;border-radius:10px!important;background:var(--surface-soft,var(--panel2,rgba(23,51,74,.92)))!important;color:var(--text,#eef7ff)!important;font:800 12px/1 system-ui,-apple-system,"Segoe UI",sans-serif!important;white-space:nowrap!important;box-shadow:none!important}
.liveqso-theme-picker>span{display:inline!important;margin:0!important;color:var(--muted,#c4d2dd)!important;font:800 11px/1 system-ui,-apple-system,"Segoe UI",sans-serif!important;letter-spacing:.02em!important;text-transform:none!important}
.liveqso-theme-picker select{display:inline-block!important;width:auto!important;min-width:132px!important;max-width:180px!important;height:30px!important;min-height:30px!important;margin:0!important;padding:0 28px 0 9px!important;border:1px solid var(--line2,var(--border,rgba(109,196,255,.34)))!important;border-radius:7px!important;background:var(--input,var(--deep,#101b28))!important;color:var(--text,#eef7ff)!important;font:750 12px/1 system-ui,-apple-system,"Segoe UI",sans-serif!important;cursor:pointer!important;box-shadow:none!important}
.liveqso-theme-picker select:focus{outline:2px solid var(--accent,#38bdf8)!important;outline-offset:1px!important}
html[data-theme="light"] .liveqso-theme-picker{background:#fff!important;color:#12394f!important;border-color:rgba(30,82,116,.36)!important}
html[data-theme="light"] .liveqso-theme-picker>span{color:#344e60!important}
html[data-theme="light"] .liveqso-theme-picker select{background:#fff!important;color:#071a27!important;border-color:rgba(30,82,116,.44)!important}

/* Improved default Dark: lighter page, clearly separated cards, stronger secondary text. */
html[data-theme="dark"]{
 color-scheme:dark;
 --bg:#0b1420;--background:#0b1420;--navy:#0b1724;--card:#172536;--surface:#172536;--surface-soft:#1d2d3f;--surface-deep:#101b28;--deep:#101b28;--input:#101b28;
 --panel:rgba(23,37,54,.96);--panel-soft:rgba(29,47,67,.92);--panel2:rgba(29,47,67,.92);--page:#0b1420;--panel-top:rgba(23,37,54,.98);--panel-bottom:rgba(15,27,40,.98);--head:rgba(27,43,60,.99);--row:rgba(255,255,255,.035);--row-hover:rgba(92,190,255,.12);
 --border:rgba(156,207,242,.30);--border-strong:rgba(156,207,242,.42);--border-soft:rgba(156,207,242,.16);--line:rgba(156,207,242,.24);--line2:rgba(156,207,242,.42);--line-strong:rgba(156,207,242,.42);--input-border:rgba(156,207,242,.40);
 --text:#f6f9fc;--muted:#c4d2dd;--muted2:#aebfcb;--accent:#55c9ff;--accent-strong:#22b9f2;--accent-soft:#cfeeff;--cyan:#65d5ff;--cyan2:#9ed4ff;--green:#54f0a7;--button:rgba(56,151,211,.24);--button-hover:rgba(56,151,211,.40);--shadow:0 18px 48px rgba(0,0,0,.28)
}
/* Maximum readability. */
html[data-theme="dark-contrast"]{
 color-scheme:dark;
 --bg:#101820;--background:#101820;--navy:#101820;--card:#223140;--surface:#223140;--surface-soft:#293b4d;--surface-deep:#18232e;--deep:#18232e;--input:#18232e;
 --panel:rgba(34,49,64,.98);--panel-soft:rgba(42,61,78,.96);--panel2:rgba(42,61,78,.96);--page:#101820;--panel-top:rgba(34,49,64,.99);--panel-bottom:rgba(25,37,49,.99);--head:rgba(43,61,77,.99);--row:rgba(255,255,255,.055);--row-hover:rgba(100,205,255,.16);
 --border:rgba(188,226,250,.42);--border-strong:rgba(188,226,250,.56);--border-soft:rgba(188,226,250,.24);--line:rgba(188,226,250,.31);--line2:rgba(188,226,250,.56);--line-strong:rgba(188,226,250,.56);--input-border:rgba(188,226,250,.52);
 --text:#ffffff;--muted:#e0e8ee;--muted2:#c8d5de;--accent:#6ed8ff;--accent-strong:#32bfea;--accent-soft:#e1f5ff;--cyan:#72dcff;--cyan2:#b8e2ff;--green:#6cf3b3;--button:rgba(75,170,225,.30);--button-hover:rgba(75,170,225,.48);--shadow:0 16px 40px rgba(0,0,0,.24)
}
/* Deep blue technical skin. */
html[data-theme="midnight"]{
 color-scheme:dark;
 --bg:#061426;--background:#061426;--navy:#061426;--card:#0d2844;--surface:#0d2844;--surface-soft:#123553;--surface-deep:#091d31;--deep:#091d31;--input:#091d31;
 --panel:rgba(12,38,65,.96);--panel-soft:rgba(18,53,83,.92);--panel2:rgba(18,53,83,.92);--page:#061426;--panel-top:rgba(12,38,65,.98);--panel-bottom:rgba(7,25,44,.98);--head:rgba(14,43,70,.99);--row:rgba(90,180,255,.035);--row-hover:rgba(68,185,255,.14);
 --border:rgba(96,190,255,.32);--border-strong:rgba(96,190,255,.45);--border-soft:rgba(96,190,255,.17);--line:rgba(96,190,255,.23);--line2:rgba(96,190,255,.45);--line-strong:rgba(96,190,255,.45);--input-border:rgba(96,190,255,.42);
 --text:#f3f9ff;--muted:#bed5e7;--muted2:#9fbdd3;--accent:#47c8ff;--accent-strong:#18a9ec;--accent-soft:#cceeff;--cyan:#4fd2ff;--cyan2:#8ecbff;--green:#48eca4;--button:rgba(34,151,218,.27);--button-hover:rgba(34,151,218,.44);--shadow:0 20px 52px rgba(0,5,14,.34)
}
/* Neutral graphite skin. */
html[data-theme="graphite"]{
 color-scheme:dark;
 --bg:#17191c;--background:#17191c;--navy:#17191c;--card:#25292e;--surface:#25292e;--surface-soft:#2d3238;--surface-deep:#1e2227;--deep:#1e2227;--input:#1e2227;
 --panel:rgba(37,41,46,.97);--panel-soft:rgba(46,51,57,.94);--panel2:rgba(46,51,57,.94);--page:#17191c;--panel-top:rgba(39,43,48,.99);--panel-bottom:rgba(29,33,37,.99);--head:rgba(48,53,59,.99);--row:rgba(255,255,255,.035);--row-hover:rgba(180,210,230,.10);
 --border:rgba(205,219,230,.24);--border-strong:rgba(205,219,230,.34);--border-soft:rgba(205,219,230,.13);--line:rgba(205,219,230,.18);--line2:rgba(205,219,230,.34);--line-strong:rgba(205,219,230,.34);--input-border:rgba(205,219,230,.32);
 --text:#f5f6f7;--muted:#c9ced3;--muted2:#adb5bc;--accent:#79c8ed;--accent-strong:#55acd4;--accent-soft:#d7effb;--cyan:#83d1f4;--cyan2:#b2d9ed;--green:#7be0ad;--button:rgba(121,200,237,.18);--button-hover:rgba(121,200,237,.30);--shadow:0 18px 46px rgba(0,0,0,.28)
}

/* Deep wine / burgundy skin. */
html[data-theme="burgundy"]{
 color-scheme:dark;
 --bg:#160a10;--background:#160a10;--navy:#190b12;--card:#301520;--surface:#301520;--surface-soft:#401d2a;--surface-deep:#210e16;--deep:#210e16;--input:#210e16;
 --panel:rgba(48,21,32,.97);--panel-soft:rgba(64,29,42,.94);--panel2:rgba(64,29,42,.94);--page:#160a10;--panel-top:rgba(52,23,35,.99);--panel-bottom:rgba(33,14,22,.99);--head:rgba(67,30,44,.99);--row:rgba(255,111,145,.035);--row-hover:rgba(255,111,145,.13);
 --border:rgba(255,151,176,.30);--border-strong:rgba(255,151,176,.44);--border-soft:rgba(255,151,176,.16);--line:rgba(255,151,176,.23);--line2:rgba(255,151,176,.44);--line-strong:rgba(255,151,176,.44);--input-border:rgba(255,151,176,.40);
 --text:#fff8fa;--muted:#e7c9d1;--muted2:#caa9b3;--accent:#ff6f91;--accent-strong:#ed4f76;--accent-soft:#ffd7e2;--cyan:#ff8daa;--cyan2:#ffc0cf;--green:#67e8a8;--button:rgba(239,78,118,.23);--button-hover:rgba(239,78,118,.38);--shadow:0 19px 48px rgba(10,0,4,.34)
}

/* UV green: dark base with restrained neon-green accents. */
html[data-theme="uv-green"]{
 color-scheme:dark;
 --bg:#071109;--background:#071109;--navy:#08140b;--card:#112218;--surface:#112218;--surface-soft:#193321;--surface-deep:#0b180f;--deep:#0b180f;--input:#0b180f;
 --panel:rgba(17,34,24,.97);--panel-soft:rgba(25,51,33,.94);--panel2:rgba(25,51,33,.94);--page:#071109;--panel-top:rgba(19,39,27,.99);--panel-bottom:rgba(10,24,15,.99);--head:rgba(29,57,37,.99);--row:rgba(140,255,0,.03);--row-hover:rgba(140,255,0,.11);
 --border:rgba(162,255,72,.29);--border-strong:rgba(162,255,72,.43);--border-soft:rgba(162,255,72,.15);--line:rgba(162,255,72,.22);--line2:rgba(162,255,72,.43);--line-strong:rgba(162,255,72,.43);--input-border:rgba(162,255,72,.39);
 --text:#f7fff3;--muted:#d2e5cc;--muted2:#aec6a6;--accent:#8cff00;--accent-strong:#6fd600;--accent-soft:#e1ffc0;--cyan:#a7ff38;--cyan2:#d0ff96;--green:#9cff3d;--button:rgba(140,255,0,.16);--button-hover:rgba(140,255,0,.27);--shadow:0 19px 48px rgba(0,8,1,.36)
}

/* Purple / violet skin. */
html[data-theme="purple"]{
 color-scheme:dark;
 --bg:#10091a;--background:#10091a;--navy:#120a1d;--card:#28163b;--surface:#28163b;--surface-soft:#351d4e;--surface-deep:#1b0e29;--deep:#1b0e29;--input:#1b0e29;
 --panel:rgba(40,22,59,.97);--panel-soft:rgba(53,29,78,.94);--panel2:rgba(53,29,78,.94);--page:#10091a;--panel-top:rgba(43,24,64,.99);--panel-bottom:rgba(27,14,41,.99);--head:rgba(57,31,83,.99);--row:rgba(192,132,252,.035);--row-hover:rgba(192,132,252,.13);
 --border:rgba(211,164,255,.30);--border-strong:rgba(211,164,255,.44);--border-soft:rgba(211,164,255,.16);--line:rgba(211,164,255,.23);--line2:rgba(211,164,255,.44);--line-strong:rgba(211,164,255,.44);--input-border:rgba(211,164,255,.40);
 --text:#fdf9ff;--muted:#ddcce9;--muted2:#baa7c8;--accent:#c084fc;--accent-strong:#a855f7;--accent-soft:#ead5ff;--cyan:#d8b4fe;--cyan2:#e9d5ff;--green:#73e7af;--button:rgba(192,132,252,.20);--button-hover:rgba(192,132,252,.34);--shadow:0 19px 48px rgba(6,0,12,.36)
}

/* Orange / amber technical skin. */
html[data-theme="orange"]{
 color-scheme:dark;
 --bg:#161009;--background:#161009;--navy:#181109;--card:#302116;--surface:#302116;--surface-soft:#3f2c1d;--surface-deep:#21160e;--deep:#21160e;--input:#21160e;
 --panel:rgba(48,33,22,.97);--panel-soft:rgba(63,44,29,.94);--panel2:rgba(63,44,29,.94);--page:#161009;--panel-top:rgba(52,36,23,.99);--panel-bottom:rgba(33,22,14,.99);--head:rgba(68,47,30,.99);--row:rgba(255,159,67,.035);--row-hover:rgba(255,159,67,.13);
 --border:rgba(255,187,118,.30);--border-strong:rgba(255,187,118,.44);--border-soft:rgba(255,187,118,.16);--line:rgba(255,187,118,.23);--line2:rgba(255,187,118,.44);--line-strong:rgba(255,187,118,.44);--input-border:rgba(255,187,118,.40);
 --text:#fffaf5;--muted:#e5d0bd;--muted2:#c2aa94;--accent:#ff9f43;--accent-strong:#f28116;--accent-soft:#ffe0bd;--cyan:#ffb866;--cyan2:#ffd2a1;--green:#73e6aa;--button:rgba(255,159,67,.20);--button-hover:rgba(255,159,67,.34);--shadow:0 19px 48px rgba(10,5,0,.35)
}

/* Shared surface treatment for dark skins. */
html[data-theme="dark"] body,html[data-theme="dark-contrast"] body,html[data-theme="midnight"] body,html[data-theme="graphite"] body{background:var(--bg)!important;color:var(--text)!important}
html[data-theme="dark"] :where(.card,.auth-card,.app-header,.header-card),html[data-theme="dark-contrast"] :where(.card,.auth-card,.app-header,.header-card),html[data-theme="midnight"] :where(.card,.auth-card,.app-header,.header-card),html[data-theme="graphite"] :where(.card,.auth-card,.app-header,.header-card){background:var(--card)!important;border-color:var(--line)!important;color:var(--text)!important;box-shadow:var(--shadow)!important}
html[data-theme="dark"] :where(.stat,.quick-link,.checkline,.qso-role-note,.status),html[data-theme="dark-contrast"] :where(.stat,.quick-link,.checkline,.qso-role-note,.status),html[data-theme="midnight"] :where(.stat,.quick-link,.checkline,.qso-role-note,.status),html[data-theme="graphite"] :where(.stat,.quick-link,.checkline,.qso-role-note,.status){background:var(--surface-soft)!important;border-color:var(--line)!important;color:var(--text)}
html[data-theme="dark"] :where(input,textarea,select),html[data-theme="dark-contrast"] :where(input,textarea,select),html[data-theme="midnight"] :where(input,textarea,select),html[data-theme="graphite"] :where(input,textarea,select){background:var(--input)!important;color:var(--text)!important;border-color:var(--line2)!important}
html[data-theme="dark"] .secondary,html[data-theme="dark-contrast"] .secondary,html[data-theme="midnight"] .secondary,html[data-theme="graphite"] .secondary{background:var(--surface-soft)!important;color:var(--text)!important;border:1px solid var(--line2)!important}
html[data-theme="dark"] :where(.muted,.lead,.subtitle,.section-lead),html[data-theme="dark-contrast"] :where(.muted,.lead,.subtitle,.section-lead),html[data-theme="midnight"] :where(.muted,.lead,.subtitle,.section-lead),html[data-theme="graphite"] :where(.muted,.lead,.subtitle,.section-lead){color:var(--muted)!important;line-height:1.55}

/* Landing page. */
html[data-theme="dark"] .site-header{background:rgba(12,24,37,.90)!important;border-bottom-color:var(--line)!important}
html[data-theme="dark"] .hero{background:radial-gradient(circle at 50% 42%,rgba(36,111,162,.36),transparent 34%),linear-gradient(145deg,#0b1420 0%,#0f2031 48%,#132a3f 100%)!important}
html[data-theme="dark-contrast"] .site-header{background:rgba(20,31,41,.94)!important;border-bottom-color:var(--line)!important}
html[data-theme="dark-contrast"] .hero{background:radial-gradient(circle at 50% 42%,rgba(62,142,190,.34),transparent 34%),linear-gradient(145deg,#101820 0%,#192633 48%,#243746 100%)!important}
html[data-theme="midnight"] .site-header{background:rgba(5,20,37,.92)!important;border-bottom-color:var(--line)!important}
html[data-theme="midnight"] .hero{background:radial-gradient(circle at 50% 42%,rgba(16,111,177,.46),transparent 34%),linear-gradient(145deg,#061426 0%,#09233c 48%,#0c3152 100%)!important}
html[data-theme="graphite"] .site-header{background:rgba(24,27,30,.94)!important;border-bottom-color:var(--line)!important}
html[data-theme="graphite"] .hero{background:radial-gradient(circle at 50% 42%,rgba(105,151,178,.24),transparent 34%),linear-gradient(145deg,#17191c 0%,#21262b 48%,#2b3238 100%)!important}
html[data-theme="dark"] .main-nav a,html[data-theme="dark-contrast"] .main-nav a,html[data-theme="midnight"] .main-nav a,html[data-theme="graphite"] .main-nav a{color:var(--muted)!important}

/* Expedition Dashboard: preserve its visual language, but separate panels more clearly. */
html[data-theme="dark"] .space-bg{background:radial-gradient(circle at 52% 18%,rgba(55,125,175,.22),transparent 30%),linear-gradient(180deg,#0b1420 0%,#08111b 100%)!important}
html[data-theme="dark-contrast"] .space-bg{background:radial-gradient(circle at 52% 18%,rgba(73,150,194,.22),transparent 30%),linear-gradient(180deg,#101820 0%,#0d141b 100%)!important}
html[data-theme="midnight"] .space-bg{background:radial-gradient(circle at 52% 18%,rgba(30,130,195,.25),transparent 30%),linear-gradient(180deg,#061426 0%,#04101f 100%)!important}
html[data-theme="graphite"] .space-bg{background:radial-gradient(circle at 52% 18%,rgba(100,140,165,.16),transparent 30%),linear-gradient(180deg,#17191c 0%,#111315 100%)!important}
html[data-theme="dark"] :where(.metric-card,.panel),html[data-theme="dark-contrast"] :where(.metric-card,.panel),html[data-theme="midnight"] :where(.metric-card,.panel),html[data-theme="graphite"] :where(.metric-card,.panel){background:linear-gradient(180deg,var(--panel),var(--panel2))!important;border-color:var(--border)!important}
html[data-theme="dark"] :where(.metric-card small,.head-note,.panel-head>small,.rank-main small,.rank-value small,.activity-row span,.activity-row small,.activity-row i,.bar-row>small),html[data-theme="midnight"] :where(.metric-card small,.head-note,.panel-head>small,.rank-main small,.rank-value small,.activity-row span,.activity-row small,.activity-row i,.bar-row>small),html[data-theme="graphite"] :where(.metric-card small,.head-note,.panel-head>small,.rank-main small,.rank-value small,.activity-row span,.activity-row small,.activity-row i,.bar-row>small){color:var(--muted)!important;font-size:max(10px,.88em)!important}
html[data-theme="dark-contrast"] :where(.metric-card small,.head-note,.panel-head>small,.rank-main small,.rank-value small,.activity-row span,.activity-row small,.activity-row i,.bar-row>small){color:var(--muted)!important;font-size:max(10px,.88em)!important}

/* Globe and public live panel. */
html[data-theme="dark"] :where(html,body,#app),html[data-theme="dark-contrast"] :where(html,body,#app),html[data-theme="midnight"] :where(html,body,#app),html[data-theme="graphite"] :where(html,body,#app){background:var(--bg)!important;color:var(--text)!important}
html[data-theme="dark"] .live-qso-panel,html[data-theme="dark-contrast"] .live-qso-panel,html[data-theme="midnight"] .live-qso-panel,html[data-theme="graphite"] .live-qso-panel{background:linear-gradient(180deg,var(--panel-top),var(--panel-bottom))!important;border-color:var(--border)!important;color:var(--text)!important}
html[data-theme="dark"] .live-qso-table thead,html[data-theme="dark-contrast"] .live-qso-table thead,html[data-theme="midnight"] .live-qso-table thead,html[data-theme="graphite"] .live-qso-table thead{background:var(--head)!important}
html[data-theme="dark"] .live-qso-table th,html[data-theme="dark-contrast"] .live-qso-table th,html[data-theme="midnight"] .live-qso-table th,html[data-theme="graphite"] .live-qso-table th{color:var(--muted)!important;border-bottom-color:var(--border-soft)!important}
html[data-theme="dark"] .live-qso-table td,html[data-theme="dark-contrast"] .live-qso-table td,html[data-theme="midnight"] .live-qso-table td,html[data-theme="graphite"] .live-qso-table td{color:var(--text);border-bottom-color:var(--border-soft)!important}
html[data-theme="dark"] .live-qso-table tbody tr,html[data-theme="dark-contrast"] .live-qso-table tbody tr,html[data-theme="midnight"] .live-qso-table tbody tr,html[data-theme="graphite"] .live-qso-table tbody tr{background:var(--row)!important}
html[data-theme="dark"] .live-qso-table tbody tr:hover,html[data-theme="dark-contrast"] .live-qso-table tbody tr:hover,html[data-theme="midnight"] .live-qso-table tbody tr:hover,html[data-theme="graphite"] .live-qso-table tbody tr:hover{background:var(--row-hover)!important}
html[data-theme="dark"] .live-qso-table .qso-operator,html[data-theme="dark-contrast"] .live-qso-table .qso-operator,html[data-theme="midnight"] .live-qso-table .qso-operator,html[data-theme="graphite"] .live-qso-table .qso-operator{color:var(--muted)!important}
html[data-theme="dark"] :where(.controls-hint,.station-card,.mobile-toolbar),html[data-theme="dark-contrast"] :where(.controls-hint,.station-card,.mobile-toolbar),html[data-theme="midnight"] :where(.controls-hint,.station-card,.mobile-toolbar),html[data-theme="graphite"] :where(.controls-hint,.station-card,.mobile-toolbar){background:var(--surface-soft)!important;border-color:var(--border)!important;color:var(--muted)!important}
html[data-theme="dark"] :where(.brand span,#view-status,.quality-button small,.gpu-status,.live-status,.photon-stats,.live-qso-empty),html[data-theme="dark-contrast"] :where(.brand span,#view-status,.quality-button small,.gpu-status,.live-status,.photon-stats,.live-qso-empty),html[data-theme="midnight"] :where(.brand span,#view-status,.quality-button small,.gpu-status,.live-status,.photon-stats,.live-qso-empty),html[data-theme="graphite"] :where(.brand span,#view-status,.quality-button small,.gpu-status,.live-status,.photon-stats,.live-qso-empty){color:var(--muted)!important}

@media(max-width:700px){.liveqso-theme-picker{min-height:36px!important;padding-left:8px!important}.liveqso-theme-picker>span{display:none!important}.liveqso-theme-picker select{min-width:120px!important;max-width:150px!important}}

/* Shared behavior for the four additional dark skins. */
html:is([data-theme="burgundy"],[data-theme="uv-green"],[data-theme="purple"],[data-theme="orange"]) body{background:var(--bg)!important;color:var(--text)!important}
html:is([data-theme="burgundy"],[data-theme="uv-green"],[data-theme="purple"],[data-theme="orange"]) :where(.card,.auth-card,.app-header,.header-card){background:var(--card)!important;border-color:var(--line)!important;color:var(--text)!important;box-shadow:var(--shadow)!important}
html:is([data-theme="burgundy"],[data-theme="uv-green"],[data-theme="purple"],[data-theme="orange"]) :where(.stat,.quick-link,.checkline,.qso-role-note,.status){background:var(--surface-soft)!important;border-color:var(--line)!important;color:var(--text)}
html:is([data-theme="burgundy"],[data-theme="uv-green"],[data-theme="purple"],[data-theme="orange"]) :where(input,textarea,select){background:var(--input)!important;color:var(--text)!important;border-color:var(--line2)!important}
html:is([data-theme="burgundy"],[data-theme="uv-green"],[data-theme="purple"],[data-theme="orange"]) .secondary{background:var(--surface-soft)!important;color:var(--text)!important;border:1px solid var(--line2)!important}
html:is([data-theme="burgundy"],[data-theme="uv-green"],[data-theme="purple"],[data-theme="orange"]) :where(.muted,.lead,.subtitle,.section-lead){color:var(--muted)!important;line-height:1.55}
html:is([data-theme="burgundy"],[data-theme="uv-green"],[data-theme="purple"],[data-theme="orange"]) .main-nav a{color:var(--muted)!important}

/* Landing-page accents. */
html[data-theme="burgundy"] .site-header{background:rgba(29,10,18,.94)!important;border-bottom-color:var(--line)!important}
html[data-theme="burgundy"] .hero{background:radial-gradient(circle at 50% 42%,rgba(180,46,81,.28),transparent 34%),linear-gradient(145deg,#160a10 0%,#28101a 48%,#3a1724 100%)!important}
html[data-theme="uv-green"] .site-header{background:rgba(6,18,9,.95)!important;border-bottom-color:var(--line)!important}
html[data-theme="uv-green"] .hero{background:radial-gradient(circle at 50% 42%,rgba(126,232,0,.18),transparent 34%),linear-gradient(145deg,#071109 0%,#0d1e12 48%,#17331f 100%)!important}
html[data-theme="purple"] .site-header{background:rgba(17,8,29,.95)!important;border-bottom-color:var(--line)!important}
html[data-theme="purple"] .hero{background:radial-gradient(circle at 50% 42%,rgba(155,77,224,.26),transparent 34%),linear-gradient(145deg,#10091a 0%,#20102f 48%,#32184a 100%)!important}
html[data-theme="orange"] .site-header{background:rgba(27,17,8,.95)!important;border-bottom-color:var(--line)!important}
html[data-theme="orange"] .hero{background:radial-gradient(circle at 50% 42%,rgba(235,126,35,.25),transparent 34%),linear-gradient(145deg,#161009 0%,#291b10 48%,#3d2817 100%)!important}

/* Expedition Dashboard accents. */
html[data-theme="burgundy"] .space-bg{background:radial-gradient(circle at 52% 18%,rgba(193,55,91,.18),transparent 30%),linear-gradient(180deg,#160a10 0%,#0f070b 100%)!important}
html[data-theme="uv-green"] .space-bg{background:radial-gradient(circle at 52% 18%,rgba(140,255,0,.12),transparent 30%),linear-gradient(180deg,#071109 0%,#040b06 100%)!important}
html[data-theme="purple"] .space-bg{background:radial-gradient(circle at 52% 18%,rgba(177,95,245,.18),transparent 30%),linear-gradient(180deg,#10091a 0%,#0a0610 100%)!important}
html[data-theme="orange"] .space-bg{background:radial-gradient(circle at 52% 18%,rgba(255,159,67,.16),transparent 30%),linear-gradient(180deg,#161009 0%,#0f0a06 100%)!important}
html:is([data-theme="burgundy"],[data-theme="uv-green"],[data-theme="purple"],[data-theme="orange"]) :where(.metric-card,.panel){background:linear-gradient(180deg,var(--panel),var(--panel2))!important;border-color:var(--border)!important}
html:is([data-theme="burgundy"],[data-theme="uv-green"],[data-theme="purple"],[data-theme="orange"]) :where(.metric-card small,.head-note,.panel-head>small,.rank-main small,.rank-value small,.activity-row span,.activity-row small,.activity-row i,.bar-row>small){color:var(--muted)!important;font-size:max(10px,.88em)!important}

/* Globe/public live panel. */
html:is([data-theme="burgundy"],[data-theme="uv-green"],[data-theme="purple"],[data-theme="orange"]) :where(html,body,#app){background:var(--bg)!important;color:var(--text)!important}
html:is([data-theme="burgundy"],[data-theme="uv-green"],[data-theme="purple"],[data-theme="orange"]) .live-qso-panel{background:linear-gradient(180deg,var(--panel-top),var(--panel-bottom))!important;border-color:var(--border)!important;color:var(--text)!important}
html:is([data-theme="burgundy"],[data-theme="uv-green"],[data-theme="purple"],[data-theme="orange"]) .live-qso-table thead{background:var(--head)!important}
html:is([data-theme="burgundy"],[data-theme="uv-green"],[data-theme="purple"],[data-theme="orange"]) .live-qso-table th{color:var(--muted)!important;border-bottom-color:var(--border-soft)!important}
html:is([data-theme="burgundy"],[data-theme="uv-green"],[data-theme="purple"],[data-theme="orange"]) .live-qso-table td{color:var(--text);border-bottom-color:var(--border-soft)!important}
html:is([data-theme="burgundy"],[data-theme="uv-green"],[data-theme="purple"],[data-theme="orange"]) .live-qso-table tbody tr{background:var(--row)!important}
html:is([data-theme="burgundy"],[data-theme="uv-green"],[data-theme="purple"],[data-theme="orange"]) .live-qso-table tbody tr:hover{background:var(--row-hover)!important}
html:is([data-theme="burgundy"],[data-theme="uv-green"],[data-theme="purple"],[data-theme="orange"]) .live-qso-table .qso-operator{color:var(--muted)!important}
html:is([data-theme="burgundy"],[data-theme="uv-green"],[data-theme="purple"],[data-theme="orange"]) :where(.controls-hint,.station-card,.mobile-toolbar){background:var(--surface-soft)!important;border-color:var(--border)!important;color:var(--muted)!important}
html:is([data-theme="burgundy"],[data-theme="uv-green"],[data-theme="purple"],[data-theme="orange"]) :where(.brand span,#view-status,.quality-button small,.gpu-status,.live-status,.photon-stats,.live-qso-empty){color:var(--muted)!important}
/* Global public-page skin coverage — 4.1.1 skins3
   Shared by Globe, Activity, QSO tables/list, Grid and VHF/UHF/SHF Dashboard. */

/* Aliases used by the older Grid/VHF pages.  Keeping the semantic aliases here
   lets every skin recolour those pages without duplicating their whole CSS. */
html[data-theme="dark"]{--bg2:#101b28;--blue:var(--accent);--grid:rgba(156,207,242,.14);--amber:#ffca4b;--red:#ff727c}
html[data-theme="dark-contrast"]{--bg2:#18232e;--blue:var(--accent);--grid:rgba(188,226,250,.20);--amber:#ffd166;--red:#ff7b85}
html[data-theme="midnight"]{--bg2:#091d31;--blue:var(--accent);--grid:rgba(96,190,255,.15);--amber:#ffc857;--red:#ff707a}
html[data-theme="graphite"]{--bg2:#1e2227;--blue:var(--accent);--grid:rgba(205,219,230,.13);--amber:#e9b949;--red:#ff747d}
html[data-theme="burgundy"]{--bg2:#210e16;--blue:var(--accent);--grid:rgba(255,151,176,.14);--amber:#ffc35c;--red:#ff7c91}
html[data-theme="uv-green"]{--bg2:#0b180f;--blue:var(--accent);--grid:rgba(162,255,72,.13);--amber:#e7ff52;--red:#ff7676}
html[data-theme="purple"]{--bg2:#1b0e29;--blue:var(--accent);--grid:rgba(211,164,255,.14);--amber:#ffc866;--red:#ff7599}
html[data-theme="orange"]{--bg2:#21160e;--blue:var(--accent);--grid:rgba(255,187,118,.14);--amber:#ffb44d;--red:#ff746a}

/* Grid/VHF top bar and Leaflet controls used hard-coded dark-blue colours in
   the legacy pages.  Tie those surfaces to the selected skin. */
html[data-theme]:not([data-theme="light"]) .top{
  background:color-mix(in srgb,var(--panel) 94%,transparent)!important;
  border-color:var(--line)!important;
  color:var(--text)!important;
}
html[data-theme]:not([data-theme="light"]) :where(.leaflet-control-layers,.leaflet-control-attribution,.leaflet-tooltip.locator6-popup){
  background:color-mix(in srgb,var(--panel2) 96%,transparent)!important;
  color:var(--text)!important;
  border-color:var(--line)!important;
}
html[data-theme]:not([data-theme="light"]) .leaflet-control-attribution a{color:var(--accent)!important}
html[data-theme]:not([data-theme="light"]) .locator6-popup .loc6-title{color:var(--accent)!important}
html[data-theme]:not([data-theme="light"]) :where(.button,.bandbtn){background:var(--panel2)!important;color:var(--text)!important;border-color:var(--line)!important}
html[data-theme]:not([data-theme="light"]) :where(.button,.bandbtn):hover{border-color:var(--accent)!important}
html[data-theme]:not([data-theme="light"]) :where(.button.active,.bandbtn.active){color:var(--accent)!important;border-color:var(--accent)!important;background:color-mix(in srgb,var(--accent) 16%,var(--panel2))!important}

/* Public QSO-table and activity/list surfaces. */
html[data-theme]:not([data-theme="light"]) .qso-panel{background:linear-gradient(180deg,var(--panel-top),var(--panel-bottom))!important;border-color:var(--border)!important;color:var(--text)!important}
html[data-theme]:not([data-theme="light"]) :where(.qso-panel .panel-head,.qso-panel .status-bar,.band-group-head,thead){border-color:var(--border-soft)!important}
html[data-theme]:not([data-theme="light"]) :where(.band-group,.summary-card){background:var(--panel2)!important;border-color:var(--border)!important;color:var(--text)!important}
html[data-theme]:not([data-theme="light"]) :where(.result-table th,.result-table td,.qso-panel th,.qso-panel td){border-color:var(--border-soft)!important}
html[data-theme]:not([data-theme="light"]) :where(.panel-count,.band-group-head span,.summary-card span,.subtitle,.muted,.status,.footer){color:var(--muted)!important}
html[data-theme]:not([data-theme="light"]) :where(.search-form input,.mycall-input,.qso-panel select){background:var(--input)!important;color:var(--text)!important;border-color:var(--input-border)!important}
html[data-theme]:not([data-theme="light"]) :where(.search-form button,.theme-toggle,.activity-theme-toggle,.qsolist-theme-toggle){background:var(--button)!important;color:var(--text)!important;border-color:var(--input-border,var(--border))!important}

/* Exact small text from PILEUP / LIVE QSO RATE (example:
   08-07 21:08 → 22:08 UTC): 8px -> 9.2px = +15%.  Force full opacity and a
   literal foreground colour so it cannot fall back to the muted palette. */
.pileup-bar-foot span{font-size:9.2px!important;opacity:1!important;font-weight:600!important}
html[data-theme="light"] .pileup-bar-foot span{color:#000!important}
html[data-theme]:not([data-theme="light"]) .pileup-bar-foot span{color:#fff!important}

/* Keep the QSO TIMELINE range readable too, without changing other text sizes. */
.timeline-meta{font-size:11.5px!important;opacity:1!important}
html[data-theme="light"] :where(.timeline-meta,.timeline-meta b,.timeline-meta span){color:#000!important}
html[data-theme]:not([data-theme="light"]) :where(.timeline-meta,.timeline-meta b,.timeline-meta span){color:#fff!important}