/* Temi — effetto vetro armonizzato su tutta l'UI */

/* ── Superfici vetro universali ── */
.hub-filter-inline,
#preferiti .suite-filter-bar,
.hub-pf-summary > div,
.som-scan-kpi,
.som-scan-block,
.edu-card,
.illogico-how-card,
.landing-feed-item,
.borsa-win,
.viz-tooltip,
.help-dialog,
.auth-panel input,
.auth-panel select,
.auth-msg,
.auth-success,
.sector-btn,
.illogico-filter,
.fav-filter-btn,
.action-btn,
.hub-tab,
.fav-analyze-btn,
.compare-controls select,
.target-select,
.target-custom,
.illogico-drawer-body {
  backdrop-filter: blur(14px) saturate(1.15);
  -webkit-backdrop-filter: blur(14px) saturate(1.15);
}

/* ── Landing / Auth ── */
[data-theme="light"] .borsa-access-gate,
[data-theme="rest"] .borsa-access-gate {
  background:
    radial-gradient(ellipse 70% 55% at 15% 10%, var(--vignette-b), transparent 55%),
    radial-gradient(ellipse 55% 45% at 92% 18%, var(--vignette-a), transparent 50%),
    var(--body-bg);
}

[data-theme="light"] .landing-scan-bar,
[data-theme="rest"] .landing-scan-bar {
  background: var(--glass-bg);
  border-color: var(--glass-border);
  color: var(--muted);
}
[data-theme="light"] .landing-scan-bar strong,
[data-theme="rest"] .landing-scan-bar strong { color: var(--heading); }
[data-theme="light"] .landing-last.gold,
[data-theme="rest"] .landing-last.gold { color: var(--accent-burst); }
[data-theme="light"] .landing-last.silver,
[data-theme="rest"] .landing-last.silver { color: var(--accent-drop); }

[data-theme="light"] .borsa-access-lead strong,
[data-theme="rest"] .borsa-access-lead strong { color: var(--heading); }
[data-theme="light"] .borsa-access-lead-sub,
[data-theme="rest"] .borsa-access-lead-sub { color: var(--muted); }
[data-theme="light"] .borsa-access-lead-sub strong,
[data-theme="rest"] .borsa-access-lead-sub strong { color: var(--ink-subtle); }

[data-theme="light"] .borsa-access-brand h1 {
  background: linear-gradient(135deg, #0e1620 0%, #0d7a5f 48%, #2a5f9e 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
[data-theme="rest"] .borsa-access-brand h1 {
  background: linear-gradient(135deg, #e8ecf8 0%, #a8c0f0 48%, #c4a0f0 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

[data-theme="light"] .landing-som-hint,
[data-theme="rest"] .landing-som-hint,
[data-theme="light"] .feed-time,
[data-theme="rest"] .feed-time,
[data-theme="light"] .feed-dir,
[data-theme="rest"] .feed-dir { color: var(--ink-subtle); }
[data-theme="light"] .feed-pattern,
[data-theme="rest"] .feed-pattern { color: var(--muted); }
[data-theme="light"] .feed-move,
[data-theme="rest"] .feed-move { color: var(--emerald); }

[data-theme="light"] .lg-gold,
[data-theme="rest"] .lg-gold { background: var(--accent-burst); }
[data-theme="light"] .lg-silver,
[data-theme="rest"] .lg-silver { background: var(--accent-drop); }
[data-theme="light"] .lg-up,
[data-theme="rest"] .lg-up { background: var(--accent-up-neon); }
[data-theme="light"] .lg-down,
[data-theme="rest"] .lg-down { background: var(--accent-dn-neon); }

[data-theme="light"] .landing-feed-item,
[data-theme="rest"] .landing-feed-item,
[data-theme="light"] .borsa-win,
[data-theme="rest"] .borsa-win {
  background: var(--glass-bg-soft);
  border-color: var(--glass-border);
  box-shadow: inset 0 1px 0 var(--glass-edge);
}
[data-theme="light"] .landing-feed-item.feed-gold,
[data-theme="rest"] .landing-feed-item.feed-gold { border-left-color: var(--accent-burst); }
[data-theme="light"] .landing-feed-item.feed-silver,
[data-theme="rest"] .landing-feed-item.feed-silver { border-left-color: var(--accent-drop); }
[data-theme="light"] .borsa-win-gold,
[data-theme="rest"] .borsa-win-gold { border-left-color: var(--accent-burst); }
[data-theme="light"] .borsa-win-silver,
[data-theme="rest"] .borsa-win-silver { border-left-color: var(--accent-drop); }
[data-theme="light"] .borsa-win-move,
[data-theme="rest"] .borsa-win-move { color: var(--emerald); }

[data-theme="light"] .auth-submit,
[data-theme="rest"] .auth-submit {
  background: var(--btn-primary-bg);
  color: var(--on-primary);
  box-shadow: var(--btn-primary-shadow);
}
[data-theme="light"] .auth-submit-reg,
[data-theme="rest"] .auth-submit-reg {
  background: linear-gradient(135deg, color-mix(in srgb, var(--blue) 85%, white), var(--blue));
  color: var(--on-primary);
}
[data-theme="light"] .auth-panel input,
[data-theme="rest"] .auth-panel input,
[data-theme="light"] .auth-panel select,
[data-theme="rest"] .auth-panel select {
  background: var(--glass-bg-soft);
  border-color: var(--glass-border);
  color: var(--text);
  box-shadow: inset 0 1px 0 var(--glass-edge);
}
[data-theme="light"] .auth-success p,
[data-theme="rest"] .auth-success p { color: var(--muted); }
[data-theme="light"] #borsa-logout,
[data-theme="rest"] #borsa-logout {
  background: var(--glass-bg-soft);
  border-color: var(--glass-border);
  color: var(--text);
}

/* ── Header & nav ── */
[data-theme="light"] .status-pill,
[data-theme="rest"] .status-pill {
  background: var(--emerald-soft);
  border-color: color-mix(in srgb, var(--emerald) 35%, transparent);
  color: var(--emerald);
}
[data-theme="light"] .nav-main a.is-active,
[data-theme="rest"] .nav-main a.is-active {
  background: var(--emerald-soft);
  color: var(--emerald);
  box-shadow: inset 0 1px 0 var(--glass-edge);
}

/* ── Hero ── */
[data-theme="light"] .illogico-hero-subtitle,
[data-theme="rest"] .illogico-hero-subtitle,
[data-theme="light"] .illogico-hero-tagline,
[data-theme="rest"] .illogico-hero-tagline { color: var(--muted); }
[data-theme="light"] .illogico-hero-title {
  background: linear-gradient(135deg, #0e1620 0%, #0d7a5f 45%, #2a5f9e 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
[data-theme="rest"] .illogico-hero-title {
  background: linear-gradient(135deg, #e8ecf8 0%, #a8c0f0 45%, #c4a0f0 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ── Drawer accenti armonizzati ── */
[data-theme="light"] .drawer-sum--radar { --ds-a: var(--accent-drop); --ds-glow: color-mix(in srgb, var(--accent-drop) 30%, transparent); }
[data-theme="light"] .drawer-sum--detail { --ds-a: var(--blue); --ds-glow: color-mix(in srgb, var(--blue) 28%, transparent); }
[data-theme="light"] .drawer-sum--fav { --ds-a: var(--accent-burst); --ds-glow: color-mix(in srgb, var(--accent-burst) 30%, transparent); }
[data-theme="light"] .drawer-sum--save { --ds-a: #5a6fd4; --ds-glow: rgba(90, 111, 212, 0.2); }
[data-theme="light"] .drawer-sum--mei { --ds-a: #c96a30; --ds-glow: rgba(201, 106, 48, 0.18); }
[data-theme="light"] .drawer-sum--pick { --ds-a: #b84860; --ds-glow: rgba(184, 72, 96, 0.18); }
[data-theme="light"] .drawer-sum--broker,
[data-theme="light"] .drawer-sum--path,
[data-theme="light"] .drawer-sum--verify { --ds-a: var(--emerald); --ds-glow: var(--emerald-glow); }
[data-theme="light"] .drawer-sum--math { --ds-a: #7a5aad; --ds-glow: rgba(122, 90, 173, 0.18); }
[data-theme="light"] .drawer-sum--learn { --ds-a: #9a48a8; --ds-glow: rgba(154, 72, 168, 0.16); }
[data-theme="light"] .drawer-sum--guide { --ds-a: var(--blue); --ds-glow: color-mix(in srgb, var(--blue) 25%, transparent); }
[data-theme="light"] .drawer-sum--edu { --ds-a: var(--accent-burst); --ds-glow: color-mix(in srgb, var(--accent-burst) 25%, transparent); }

[data-theme="rest"] .drawer-sum--radar { --ds-a: #6ecfff; --ds-glow: rgba(110, 207, 255, 0.2); }
[data-theme="rest"] .drawer-sum--detail { --ds-a: #8ab4f0; --ds-glow: rgba(138, 180, 240, 0.18); }
[data-theme="rest"] .drawer-sum--fav { --ds-a: #c4a0f0; --ds-glow: rgba(196, 160, 240, 0.2); }
[data-theme="rest"] .drawer-sum--save { --ds-a: #a8b8e0; --ds-glow: rgba(168, 184, 224, 0.16); }
[data-theme="rest"] .drawer-sum--mei { --ds-a: #7ec8b8; --ds-glow: rgba(126, 200, 184, 0.18); }
[data-theme="rest"] .drawer-sum--pick { --ds-a: #c9b896; --ds-glow: rgba(201, 184, 150, 0.16); }
[data-theme="rest"] .drawer-sum--broker,
[data-theme="rest"] .drawer-sum--path,
[data-theme="rest"] .drawer-sum--verify { --ds-a: #7ec8b8; --ds-glow: var(--emerald-glow); }
[data-theme="rest"] .drawer-sum--math { --ds-a: #b8a0e8; --ds-glow: rgba(184, 160, 232, 0.14); }
[data-theme="rest"] .drawer-sum--learn { --ds-a: #c4a0f0; --ds-glow: rgba(196, 160, 240, 0.14); }
[data-theme="rest"] .drawer-sum--guide { --ds-a: #8ab4f0; --ds-glow: rgba(138, 180, 240, 0.16); }
[data-theme="rest"] .drawer-sum--edu { --ds-a: #c9b896; --ds-glow: rgba(201, 184, 150, 0.16); }

[data-theme="light"] .dsum-chev,
[data-theme="rest"] .dsum-chev {
  background: color-mix(in srgb, var(--ds-a) 12%, var(--glass-bg-soft));
}
[data-theme="light"] details[open] > .drawer-sum .dsum-chev,
[data-theme="rest"] details[open] > .drawer-sum .dsum-chev {
  background: color-mix(in srgb, var(--ds-a) 18%, var(--glass-bg-soft));
}
[data-theme="light"] .drawer-sum .dsum-icon,
[data-theme="rest"] .drawer-sum .dsum-icon {
  background: linear-gradient(145deg, color-mix(in srgb, var(--ds-a) 16%, var(--glass-bg)), var(--glass-bg-soft));
  border-color: color-mix(in srgb, var(--ds-a) 24%, var(--glass-border));
}

/* ── Hub & preferiti ── */
[data-theme="light"] .hub-stat,
[data-theme="rest"] .hub-stat,
[data-theme="light"] .hub-filter-inline,
[data-theme="rest"] .hub-filter-inline,
[data-theme="light"] #preferiti .suite-filter-bar,
[data-theme="rest"] #preferiti .suite-filter-bar {
  background: var(--glass-bg-soft);
  border-color: var(--glass-border);
}
[data-theme="light"] .fav-select,
[data-theme="rest"] .fav-select,
[data-theme="light"] .fav-input,
[data-theme="rest"] .fav-input,
[data-theme="light"] .fav-csv-area,
[data-theme="rest"] .fav-csv-area {
  background: var(--glass-bg-soft);
  border-color: var(--glass-border);
  color: var(--text);
  box-shadow: inset 0 1px 0 var(--glass-edge);
}
[data-theme="light"] .fav-filter-btn,
[data-theme="rest"] .fav-filter-btn,
[data-theme="light"] .action-btn,
[data-theme="rest"] .action-btn {
  background: var(--glass-bg-soft);
  border-color: var(--glass-border);
  color: var(--muted);
  box-shadow: inset 0 1px 0 var(--glass-edge);
}
[data-theme="light"] .fav-filter-btn.is-on,
[data-theme="rest"] .fav-filter-btn.is-on,
[data-theme="light"] .hub-tab.is-on,
[data-theme="rest"] .hub-tab.is-on {
  background: var(--emerald-soft);
  border-color: color-mix(in srgb, var(--emerald) 35%, var(--glass-border));
  color: var(--emerald);
}
[data-theme="light"] .fav-card,
[data-theme="rest"] .fav-card {
  background: var(--glass-bg-soft);
  border-color: var(--glass-border);
}
[data-theme="light"] .fav-analyze-btn,
[data-theme="rest"] .fav-analyze-btn {
  background: var(--emerald-soft);
  border-color: color-mix(in srgb, var(--emerald) 30%, var(--glass-border));
  color: var(--emerald);
}

/* ── Filtri & scan ── */
[data-theme="light"] .illogico-filter,
[data-theme="rest"] .illogico-filter,
[data-theme="light"] .sector-btn,
[data-theme="rest"] .sector-btn {
  background: var(--glass-bg-soft);
  border-color: var(--glass-border);
  color: var(--muted);
}
[data-theme="light"] .illogico-filter.active,
[data-theme="rest"] .illogico-filter.active,
[data-theme="light"] .sector-btn.active,
[data-theme="rest"] .sector-btn.active {
  background: var(--emerald-soft);
  border-color: color-mix(in srgb, var(--emerald) 35%, var(--glass-border));
  color: var(--emerald);
}
[data-theme="light"] .som-scan-info,
[data-theme="rest"] .som-scan-info,
[data-theme="light"] .som-scan-kpi,
[data-theme="rest"] .som-scan-kpi,
[data-theme="light"] .som-scan-block,
[data-theme="rest"] .som-scan-block {
  background: var(--glass-bg-soft);
  border-color: var(--glass-border);
}

/* ── Legenda mappa ── */
[data-theme="light"] .lg-dot.lg-gold,
[data-theme="rest"] .lg-dot.lg-gold { background: var(--accent-burst); }
[data-theme="light"] .lg-dot.lg-silver,
[data-theme="rest"] .lg-dot.lg-silver { background: var(--accent-drop); }
[data-theme="light"] .lg-dot.lg-up,
[data-theme="rest"] .lg-dot.lg-up { background: var(--accent-up-neon); }
[data-theme="light"] .lg-dot.lg-dn,
[data-theme="rest"] .lg-dot.lg-dn { background: var(--accent-dn-neon); }
[data-theme="light"] .lg-dot.lg-neutral,
[data-theme="rest"] .lg-dot.lg-neutral { background: var(--muted); }

/* ── Tema switch attivo — vetro su tutti ── */
[data-theme="light"] .theme-switch-btn.is-on,
[data-theme="rest"] .theme-switch-btn.is-on {
  background: var(--btn-primary-bg);
  color: var(--on-primary);
  box-shadow: var(--btn-primary-shadow), inset 0 1px 0 var(--glass-edge);
}
[data-theme="dark"] .theme-switch-btn.is-on {
  background: color-mix(in srgb, var(--emerald) 18%, var(--glass-bg-strong));
  color: var(--heading);
  box-shadow: inset 0 1px 0 var(--glass-edge), 0 0 10px var(--emerald-glow);
}
[data-theme="dark"] .borsa-access-brand h1 {
  background: linear-gradient(135deg, #e8eef4 0%, #00c853 48%, #4fc3f7 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
[data-theme="dark"] .illogico-hero-title {
  background: linear-gradient(135deg, #e8eef4 0%, #00c853 45%, #ffb300 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
[data-theme="dark"] .ticker-bar {
  border-bottom: 1px solid rgba(70, 95, 125, 0.3);
}
[data-theme="dark"] .ticker-chip.is-up .ticker-chip-price { color: var(--accent-up-neon); }
[data-theme="dark"] .ticker-chip.is-dn .ticker-chip-price { color: var(--accent-dn-neon); }
[data-theme="dark"] .header {
  border-bottom: 1px solid rgba(70, 95, 125, 0.25);
}
[data-theme="dark"] .card-3d,
[data-theme="dark"] .glass {
  backdrop-filter: blur(10px) saturate(1.1);
  -webkit-backdrop-filter: blur(10px) saturate(1.1);
}

/* ── Transizioni ── */
.card-3d,
.glass,
.ticker-chip,
.theme-strip,
.header,
.ticker-bar,
.drawer-sum,
.illogico-drawer,
.action-btn,
.btn-primary,
.fav-card,
.hub-tab,
.auth-submit,
.theme-switch-btn,
.borsa-access-card,
.landing-scan-bar {
  transition:
    background 0.4s ease,
    background-color 0.4s ease,
    border-color 0.35s ease,
    color 0.3s ease,
    box-shadow 0.35s ease,
    backdrop-filter 0.4s ease;
}