/* ============================================================
   Slog AURORA — zamrznjeno steklo in polarni sij (v78)
   ------------------------------------------------------------
   Temno najprej: globoka nočna podlaga, čez njo počasi plavajo mehki
   "polarni" madeži (turkiz, zelena, vijolična, magenta). Vse površine so
   steklo (prosojna podlaga + backdrop-filter blur), tanki svetli robovi,
   velike številke s svetlobnim prelivom, poudarki z mehkim sijem.
   Svetla različica "opal": svetlo steklo na pastelnem prelivu.
   Pisava Sora. Vrh je debel obroč (ring-soft) s prelivom in sijem.

   PRAVILA kot pri ostalih slogih: vse pod [data-skin="aurora"], selektor
   zrcali osnovnega (+1 specifičnost), paleta enkrat kot --au-* in preslikana
   na žetone korena IN instrument plošče.
   Animacija madežev teče SAMO ob vklopljenih animacijah IN brez sistemske
   zahteve po manj gibanja; sicer je podlaga statična.
   backdrop-filter vedno tudi s predpono -webkit- (iOS Safari).
   ============================================================ */

@font-face {
  font-family: 'Sora';
  src: url('../../fonts/sora-latin.woff2') format('woff2');
  font-weight: 300 700; font-style: normal; font-display: swap;
  unicode-range: U+0020-007E, U+00A0-00FF, U+2013-2026, U+20AC, U+2192, U+2212;
}
@font-face {
  font-family: 'Sora';
  src: url('../../fonts/sora-ext.woff2') format('woff2');
  font-weight: 300 700; font-style: normal; font-display: swap;
  unicode-range: U+0106-0107, U+010C-010D, U+0110-0111, U+0160-0161, U+017D-017E;
}

/* ---------- Paleta: opal (svetlo) ---------- */
:root[data-skin="aurora"] {
  --au-bg: #eef1fb;
  --au-glass: rgba(255, 255, 255, .58);   --au-glass2: rgba(255, 255, 255, .78);
  --au-solid: #f6f7fd;                     /* neprosojna (lepljive celice mreže) */
  --au-edge: rgba(255, 255, 255, .85);     --au-edge2: rgba(40, 50, 110, .14);
  --au-text: #18204a;    --au-text2: #4c5683;   --au-muted: #8089b3;
  --au-a: #0aa58a;       --au-b: #5a62e8;       --au-c: #d63ca8;
  --au-ink: #ffffff;
  --au-good: #0aa58a;    --au-warn: #c98a0b;    --au-flame: #e2557a;
  --au-h0: rgba(40, 50, 110, .08); --au-h1: #b7efe1; --au-h2: #6fd6c0; --au-h3: #5a62e8; --au-h4: #2e2f9e;
  --au-gold: #e8a400;
  --au-glow: 0 0 18px color-mix(in srgb, #5a62e8 30%, transparent);
  --au-shadow: 0 10px 30px rgba(40, 50, 110, .10), inset 0 1px 0 rgba(255, 255, 255, .9);
  --au-blob1: rgba(111, 214, 192, .55); --au-blob2: rgba(140, 150, 255, .45);
  --au-blob3: rgba(255, 150, 210, .40); --au-blob4: rgba(255, 220, 160, .35);
}

/* ---------- Paleta: noč (polarni sij) ---------- */
:root[data-skin="aurora"][data-theme="dark"] {
  --au-bg: #070b1a;
  --au-glass: rgba(255, 255, 255, .055);  --au-glass2: rgba(255, 255, 255, .09);
  --au-solid: #10162b;
  --au-edge: rgba(255, 255, 255, .12);    --au-edge2: rgba(255, 255, 255, .08);
  --au-text: #eef3ff;    --au-text2: #aab6d6;   --au-muted: #7381a6;
  --au-a: #3ff2c4;       --au-b: #8b93ff;       --au-c: #ff6bd5;
  --au-ink: #071022;
  --au-good: #3ff2c4;    --au-warn: #ffd166;    --au-flame: #ff7a9c;
  --au-h0: rgba(255, 255, 255, .06); --au-h1: #1b4f57; --au-h2: #1f9a8a; --au-h3: #3ff2c4; --au-h4: #c9fff0;
  --au-gold: #ffd166;
  --au-glow: 0 0 22px color-mix(in srgb, #3ff2c4 38%, transparent);
  --au-shadow: 0 12px 34px rgba(0, 0, 0, .35), inset 0 1px 0 rgba(255, 255, 255, .08);
  --au-blob1: rgba(63, 242, 196, .22); --au-blob2: rgba(110, 120, 255, .24);
  --au-blob3: rgba(255, 90, 205, .18); --au-blob4: rgba(67, 233, 123, .14);
}
@media (prefers-color-scheme: dark) {
  :root[data-skin="aurora"][data-theme="auto"] {
    --au-bg: #070b1a;
    --au-glass: rgba(255, 255, 255, .055);  --au-glass2: rgba(255, 255, 255, .09);
    --au-solid: #10162b;
    --au-edge: rgba(255, 255, 255, .12);    --au-edge2: rgba(255, 255, 255, .08);
    --au-text: #eef3ff;    --au-text2: #aab6d6;   --au-muted: #7381a6;
    --au-a: #3ff2c4;       --au-b: #8b93ff;       --au-c: #ff6bd5;
    --au-ink: #071022;
    --au-good: #3ff2c4;    --au-warn: #ffd166;    --au-flame: #ff7a9c;
    --au-h0: rgba(255, 255, 255, .06); --au-h1: #1b4f57; --au-h2: #1f9a8a; --au-h3: #3ff2c4; --au-h4: #c9fff0;
    --au-gold: #ffd166;
    --au-glow: 0 0 22px color-mix(in srgb, #3ff2c4 38%, transparent);
    --au-shadow: 0 12px 34px rgba(0, 0, 0, .35), inset 0 1px 0 rgba(255, 255, 255, .08);
    --au-blob1: rgba(63, 242, 196, .22); --au-blob2: rgba(110, 120, 255, .24);
    --au-blob3: rgba(255, 90, 205, .18); --au-blob4: rgba(67, 233, 123, .14);
  }
}

/* ---------- Preslikava na žetone (koren IN instrument plošča) ---------- */
:root[data-skin="aurora"],
[data-skin="aurora"] .panel {
  --font: 'Sora', system-ui, -apple-system, sans-serif;
  --display: 'Sora', system-ui, -apple-system, sans-serif;
  --mono: 'Sora', system-ui, -apple-system, sans-serif;
  --rk: 1.25;
  --rk-round: 1;
  --check-ink: var(--au-ink);

  --bg: var(--au-bg); --bg-2: var(--au-bg);
  --surface: var(--au-glass); --surface-2: var(--au-glass2);
  --text: var(--au-text); --text-2: var(--au-text2); --muted: var(--au-muted);
  --border: var(--au-edge2); --border-2: var(--au-edge);
  --accent: var(--au-a); --accent-2: var(--au-b); --accent-ink: var(--au-ink);
  --good: var(--au-good); --warn: var(--au-warn); --flame: var(--au-flame);
  --chrome: var(--au-c);
  --shadow: var(--au-shadow); --shadow-lg: var(--au-shadow);
  --ring-track: var(--au-h0); --heat-0: var(--au-h0);
  --h0: var(--au-h0); --h1: var(--au-h1); --h2: var(--au-h2); --h3: var(--au-h3); --h4: var(--au-h4);
  --bar-mute: var(--au-h0); --axis: var(--au-edge);
  --g-track: var(--au-h0); --g-year: var(--au-muted);
  --gold: var(--au-gold);
  --wk1: var(--au-a); --wk2: var(--au-b); --wk3: var(--au-c);
  --wk4: var(--au-warn); --wk5: var(--au-flame); --wk6: var(--au-good);
  --p-surface: var(--au-solid); --p-surface-2: var(--au-glass2);
  --p-ink: var(--au-text); --p-muted: var(--au-muted); --p-grid: transparent;
}

/* Stekleni videz — skupni recept za vse površine. */
[data-skin="aurora"] :is(.hero, .habit, .panel, .mood-entry, .login-card, .sheet, .icon-btn, .date-label,
  .stat-card, .timer-bar, .toast, .chart-tip, .certified-box, .wr-card, .ws-item, .wr-fact, .ms-row,
  .nudge, .corr, .chip-alert, .lock-banner) {
  background: var(--au-glass);
  -webkit-backdrop-filter: blur(18px) saturate(160%);
  backdrop-filter: blur(18px) saturate(160%);
  border: 1px solid var(--au-edge);
}

/* Prelivi so na KORENU, body je prosojen: plavajoči sij (body::before,
   z-index -1) se nariše nad ozadjem korena, a POD ozadjem body-ja — z
   neprosojnim body-jem bi bil neviden. */
:root[data-skin="aurora"] {
  background:
    radial-gradient(60% 40% at 10% 0%, var(--au-blob1), transparent 70%),
    radial-gradient(55% 38% at 100% 18%, var(--au-blob2), transparent 70%),
    radial-gradient(50% 35% at 30% 75%, var(--au-blob3), transparent 70%),
    radial-gradient(45% 30% at 90% 95%, var(--au-blob4), transparent 70%),
    var(--au-bg);
  background-attachment: fixed;
}
[data-skin="aurora"] body {
  font-family: var(--font); font-weight: 400; line-height: 1.35; letter-spacing: -.005em;
  background: transparent;
}
/* Plavajoči sij: samo z vklopljenimi animacijami in brez prefers-reduced-motion. */
@media (prefers-reduced-motion: no-preference) {
  :root[data-skin="aurora"]:not([data-anim="off"]) body::before {
    content: ''; position: fixed; inset: -25%; z-index: -1; pointer-events: none;
    background:
      radial-gradient(28% 22% at 30% 30%, var(--au-blob1), transparent 70%),
      radial-gradient(26% 20% at 70% 60%, var(--au-blob2), transparent 70%),
      radial-gradient(24% 18% at 45% 80%, var(--au-blob3), transparent 70%);
    filter: blur(30px);
    animation: auDrift 26s ease-in-out infinite alternate;
  }
}
@keyframes auDrift {
  0%   { transform: translate3d(-4%, -2%, 0) rotate(0deg) scale(1); }
  50%  { transform: translate3d(3%, 4%, 0) rotate(6deg) scale(1.08); }
  100% { transform: translate3d(5%, -3%, 0) rotate(-4deg) scale(1.02); }
}
[data-skin="aurora"] ::selection { background: color-mix(in srgb, var(--au-a) 35%, transparent); }

/* Svetlobni preliv za velike številke in naslove. */
[data-skin="aurora"] :is(.rs-txt b, .stat-val, .hero-count, .mg-kpi-v, .wr-val, .ws-val, .login-card h1) {
  background: linear-gradient(115deg, var(--au-a), var(--au-b) 55%, var(--au-c));
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
[data-skin="aurora"] :is(.panel-sub, .stat-lbl, .stat-unit, .mood-lbl, .set-group, .field label,
  .reg-tpl-label, .wr-lbl, .ws-lbl, .wr-fact-lbl, .ms-group-lbl, .mg-kpi-l, .cal-dow,
  .ins-section-title, .heatmap-legend, .ml-legend, .year-txt) {
  font-family: var(--font); font-weight: 600; letter-spacing: .12em; text-transform: uppercase;
}

/* ============ PRIJAVA ============ */
[data-skin="aurora"] .login-bg {
  background:
    radial-gradient(40% 30% at 20% 20%, var(--au-blob1), transparent 70%),
    radial-gradient(40% 30% at 80% 75%, var(--au-blob3), transparent 70%);
  filter: blur(10px);
}
[data-skin="aurora"] .login-card { box-shadow: var(--au-shadow); }
[data-skin="aurora"] .login-logo { background: linear-gradient(135deg, var(--au-a), var(--au-b)); box-shadow: var(--au-glow); color: #fff; }
[data-skin="aurora"] .login-card h1 { font-weight: 700; font-size: 30px; letter-spacing: -.02em; }
[data-skin="aurora"] .login-card input {
  -webkit-appearance: none; appearance: none;
  background: var(--au-glass2); border: 1px solid var(--au-edge); font-family: var(--font); font-size: 16px;
}
[data-skin="aurora"] .login-card input:focus { border-color: var(--au-a); box-shadow: var(--au-glow); }
[data-skin="aurora"] .login-link { color: var(--text-2); text-decoration-color: var(--au-a); }
[data-skin="aurora"] .reg-tpl { background: var(--au-glass2); border: 1px solid var(--au-edge); }
[data-skin="aurora"] .reg-tpl.on { border-color: var(--au-a); box-shadow: var(--au-glow); background: var(--au-glass2); }

/* ============ GUMBI ============ */
[data-skin="aurora"] .btn-primary {
  background: linear-gradient(115deg, var(--au-a), var(--au-b)); color: #fff;
  box-shadow: var(--au-glow); font-family: var(--font); font-weight: 600; letter-spacing: .01em;
}
[data-skin="aurora"] .btn-ghost { background: var(--au-glass2); border: 1px solid var(--au-edge); color: var(--text); font-weight: 600; }
[data-skin="aurora"] .btn-danger { color: var(--au-flame); border-color: color-mix(in srgb, var(--au-flame) 50%, transparent); }
[data-skin="aurora"] .icon-btn { color: var(--text); box-shadow: var(--au-shadow); }
[data-skin="aurora"] .icon-btn:hover { background: var(--au-glass2); }

/* ============ GLAVA ============ */
[data-skin="aurora"] .greeting { font-family: var(--display); font-weight: 700; font-size: 27px; letter-spacing: -.02em; }
[data-skin="aurora"] .subgreet { color: var(--text-2); font-size: 13.5px; }
[data-skin="aurora"] .datenav { margin-top: 10px; gap: 6px; }
[data-skin="aurora"] .date-label { font-weight: 600; color: var(--text); padding: 6px 14px; box-shadow: var(--au-shadow); }
[data-skin="aurora"] .today-pill { background: linear-gradient(115deg, var(--au-a), var(--au-b)); color: #fff; border: 0; }

/* ============ HERO: obroč s sijem ============ */
[data-skin="aurora"] .hero {
  flex-direction: row; align-items: center; text-align: left; gap: 18px;
  padding: 18px 20px; margin: 16px 0 22px; box-shadow: var(--au-shadow);
}
[data-skin="aurora"] .ring-slot { width: 128px; position: relative; }
[data-skin="aurora"] .rs { position: relative; width: 100%; height: 100%; }
[data-skin="aurora"] .rs .gauge { filter: drop-shadow(0 0 8px color-mix(in srgb, var(--au-a) 55%, transparent)); }
[data-skin="aurora"] .rs-txt {
  position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center;
  line-height: 1; pointer-events: none;
}
[data-skin="aurora"] .rs-txt b { font-family: var(--display); font-weight: 700; font-size: 34px; letter-spacing: -.03em; }
[data-skin="aurora"] .rs-txt i { font-style: normal; font-size: .45em; margin-left: 1px; }
[data-skin="aurora"] .rs-txt small { font-size: 10px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--text-2); margin-top: 5px; }
[data-skin="aurora"] .hero-meta { display: flex; flex-direction: column; align-items: flex-start; gap: 5px; }
[data-skin="aurora"] .hero-count { font-family: var(--display); font-weight: 700; font-size: 34px; letter-spacing: -.02em; line-height: 1; }
[data-skin="aurora"] .hero-label { color: var(--text-2); font-size: 13px; margin: 0; }
[data-skin="aurora"] .hero-streak { border: 1px solid var(--au-edge); margin: 4px 0 0; padding: 4px 11px; border-radius: 999px; background: var(--au-glass2); font-size: 12.5px; }
@media (min-width: 560px) {
  [data-skin="aurora"] .ring-slot { width: 148px; }
  [data-skin="aurora"] .rs-txt b { font-size: 40px; }
}

/* ============ SEZNAM: stekleni listi ============ */
[data-skin="aurora"] .cat-group { margin-bottom: 20px; }
[data-skin="aurora"] .cat-head { margin: 0 6px 9px; }
[data-skin="aurora"] .cat-dot { box-shadow: 0 0 10px currentColor; }
[data-skin="aurora"] .cat-name { font-weight: 600; letter-spacing: .14em; font-size: 11.5px; color: var(--text-2); }
[data-skin="aurora"] .cat-count { font-weight: 600; }
[data-skin="aurora"] .habit { margin-bottom: 9px; padding: 14px 15px; box-shadow: var(--au-shadow); }
[data-skin="aurora"] .habit:active { transform: scale(.99); }
[data-skin="aurora"] .habit.done { opacity: 1; border-color: color-mix(in srgb, var(--au-a) 45%, transparent); }
[data-skin="aurora"] .habit.done .habit-name { text-decoration: none; color: var(--text-2); }
[data-skin="aurora"] .habit.nocount { opacity: .7; }
[data-skin="aurora"] .check { width: 28px; height: 28px; border-radius: 50%; border: 1.5px solid var(--au-edge); background: var(--au-glass2); }
[data-skin="aurora"] .habit.done .check {
  background: linear-gradient(135deg, var(--au-a), var(--au-b)); border-color: transparent; box-shadow: var(--au-glow);
}
[data-skin="aurora"] .habit.skipped .check { background: var(--muted); border-color: transparent; }
[data-skin="aurora"] .habit-name { font-weight: 500; font-size: 15.5px; }
[data-skin="aurora"] .habit-note { color: var(--text-2); }

[data-skin="aurora"] :is(.streak-badge, .week-badge, .badge-once, .effort-badge,
  .abst-badge, .timer-badge, .skip-badge, .badge-nocount) {
  font-family: var(--font); font-weight: 600; font-size: 11.5px; letter-spacing: 0; text-transform: none;
  background: var(--au-glass2); border: 1px solid var(--au-edge); padding: 2px 9px; line-height: 1.3;
}
[data-skin="aurora"] .habit-sub .streak-badge { color: var(--au-flame); }
[data-skin="aurora"] .habit-sub .week-badge { color: var(--au-b); }
[data-skin="aurora"] .habit-sub .week-badge.req { color: var(--au-flame); border-color: color-mix(in srgb, var(--au-flame) 45%, transparent); }
[data-skin="aurora"] .habit-sub .week-badge.full { color: var(--au-a); border-color: color-mix(in srgb, var(--au-a) 45%, transparent); }
[data-skin="aurora"] .habit-sub .badge-once { color: var(--au-c); }
[data-skin="aurora"] .habit-sub .effort-badge { color: var(--au-warn); }
[data-skin="aurora"] .habit-sub .timer-badge { color: var(--text-2); }
[data-skin="aurora"] .habit-sub .timer-badge.on { color: var(--au-a); border-color: var(--au-a); box-shadow: var(--au-glow); }
[data-skin="aurora"] .habit-sub .skip-badge { color: var(--text-2); border-style: dashed; }
[data-skin="aurora"] .habit-sub .skip-badge.on { color: var(--text); border-style: solid; }

[data-skin="aurora"] .overdue-group .habit { border-color: color-mix(in srgb, var(--au-flame) 45%, transparent); }
[data-skin="aurora"] .lock-btn { background: linear-gradient(115deg, var(--au-a), var(--au-b)); color: #fff; }
[data-skin="aurora"] .stepper { background: var(--au-glass2); border: 1px solid var(--au-edge); }
[data-skin="aurora"] .step-btn { background: var(--au-glass); box-shadow: none; color: var(--text); }
[data-skin="aurora"] .ctr-total { font-family: var(--display); font-weight: 700; font-size: 22px; }
[data-skin="aurora"] .ctr-minus { background: var(--au-glass2); border: 1px solid var(--au-edge); color: var(--text); }
[data-skin="aurora"] .ctr-plus { background: linear-gradient(115deg, var(--au-a), var(--au-b)); color: #fff; box-shadow: var(--au-glow); }

[data-skin="aurora"] .mood-entry { margin: 0 0 20px; box-shadow: var(--au-shadow); }
[data-skin="aurora"] .mood-scale button { background: var(--au-glass2); border: 1px solid var(--au-edge); color: var(--text); font-family: var(--font); font-weight: 600; }
[data-skin="aurora"] .mood-scale button.on { background: linear-gradient(135deg, var(--au-a), var(--au-b)); color: #fff; border-color: transparent; box-shadow: var(--au-glow); }
[data-skin="aurora"] .mood-scale.is-moti button.on { background: linear-gradient(135deg, var(--au-c), var(--au-b)); color: #fff; }

/* ============ PLOŠČE: steklo ============ */
[data-skin="aurora"] .stats { margin-top: 26px; }
[data-skin="aurora"] .panel { background-image: none; box-shadow: var(--au-shadow); padding: 18px 16px 16px; margin-bottom: 16px; color: var(--text); }
[data-skin="aurora"] .panel::before,
[data-skin="aurora"] .panel::after { display: none; }
[data-skin="aurora"] .panel.in { animation: none; }
[data-skin="aurora"] .panel-title { font-family: var(--display); font-weight: 600; font-size: 12px; letter-spacing: .18em; color: var(--text); }
[data-skin="aurora"] .panel-tag { font-family: var(--font); font-weight: 600; font-size: 11px; color: var(--au-a); opacity: 1; letter-spacing: .08em; }
[data-skin="aurora"] .stat-cards { gap: 10px; }
[data-skin="aurora"] .stat-card { background: var(--au-glass2); box-shadow: none; }
[data-skin="aurora"] .stat-ic { display: none; }
[data-skin="aurora"] .stat-val { font-family: var(--display); font-weight: 700; font-size: 34px; letter-spacing: -.03em; }

[data-skin="aurora"] .seg { background: var(--au-glass); border: 1px solid var(--au-edge); }
[data-skin="aurora"] .seg button { font-family: var(--font); font-weight: 600; color: var(--text-2); }
[data-skin="aurora"] .seg button.on { background: linear-gradient(115deg, var(--au-a), var(--au-b)); color: #fff; box-shadow: var(--au-glow); }
[data-skin="aurora"] .seg-effort button small { color: inherit; opacity: .8; }

[data-skin="aurora"] .meter { height: 6px; }
[data-skin="aurora"] .meter-fill { background: linear-gradient(90deg, var(--au-a), var(--au-b), var(--au-c)); box-shadow: var(--au-glow); }
[data-skin="aurora"] .year-txt { color: var(--au-a); }
[data-skin="aurora"] .trend-line { stroke-width: 2.5; filter: drop-shadow(0 0 4px color-mix(in srgb, var(--au-a) 70%, transparent)); }
[data-skin="aurora"] .trend-fill { fill: color-mix(in srgb, var(--au-a) 14%, transparent); }
[data-skin="aurora"] .hm-cell { rx: 3px; ry: 3px; }
[data-skin="aurora"] .hm-cell.hm-full { filter: drop-shadow(0 0 3px color-mix(in srgb, var(--gold) 80%, transparent)); }
[data-skin="aurora"] .hm-cell.hm-today { stroke: var(--text); }
[data-skin="aurora"] .chart-tip { color: var(--text); font-family: var(--font); box-shadow: var(--au-shadow); }

/* ============ MESEČNI PREGLED ============ */
[data-skin="aurora"] .mg-kpi-v { font-family: var(--display); font-weight: 700; }
[data-skin="aurora"] .mg-meter-fill { background: linear-gradient(90deg, var(--au-a), var(--au-b)); }
[data-skin="aurora"] .mg-name { color: var(--text); }
[data-skin="aurora"] .mg-c.done { background: color-mix(in srgb, var(--au-a) 22%, transparent); border-color: color-mix(in srgb, var(--au-a) 60%, transparent); }
[data-skin="aurora"] .month-nav { margin: 4px 0 18px; }
[data-skin="aurora"] .mn-b { background: var(--au-glass); border: 1px solid var(--au-edge); font-family: var(--font); }
[data-skin="aurora"] .mn-b.on { background: linear-gradient(115deg, var(--au-a), var(--au-b)); color: #fff; border-color: transparent; }
[data-skin="aurora"] .mn-y { background: var(--au-glass); border: 1px solid var(--au-edge); }

/* ============ FAB, OBVESTILO, ČASOVNIK ============ */
[data-skin="aurora"] .fab {
  border-radius: 50%; background: linear-gradient(135deg, var(--au-a), var(--au-b) 60%, var(--au-c));
  color: #fff; box-shadow: 0 10px 30px color-mix(in srgb, var(--au-b) 45%, transparent), var(--au-glow);
}
[data-skin="aurora"] .toast { color: var(--text); font-family: var(--font); font-weight: 600; box-shadow: var(--au-shadow); }
[data-skin="aurora"] .toast-undo { background: var(--au-glass2); color: var(--au-a); }
[data-skin="aurora"] .timer-bar { border-color: var(--au-a); box-shadow: var(--au-glow); }
[data-skin="aurora"] .tb-dot { background: var(--au-a); box-shadow: var(--au-glow); }
[data-skin="aurora"] .tb-stop { background: var(--au-glass2); border: 1px solid var(--au-edge); }

/* ============ SHEETI, OBRAZCI, MENI ============ */
[data-skin="aurora"] .modal-root { background: color-mix(in srgb, #070b1a 45%, transparent); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
[data-skin="aurora"] .sheet {
  /* Skoraj neprosojen: berljiv tudi tam, kjer backdrop-filter ne zamegli (ozadje bi sicer motilo). */
  background: color-mix(in srgb, var(--au-bg) 93%, transparent);
  -webkit-backdrop-filter: blur(26px) saturate(170%); backdrop-filter: blur(26px) saturate(170%);
  border-bottom: 0; box-shadow: 0 -18px 50px rgba(0, 0, 0, .25);
}
[data-skin="aurora"] .sheet .panel { --p-surface: var(--au-solid); }
[data-skin="aurora"] .sheet-grip { background: var(--au-edge); }
[data-skin="aurora"] .sheet h2 { font-family: var(--display); font-weight: 700; letter-spacing: -.02em; }
[data-skin="aurora"] .sheet-x { background: var(--au-glass2); border: 1px solid var(--au-edge); color: var(--text); }
[data-skin="aurora"] .sheet-h2row { padding-right: 40px; }
[data-skin="aurora"] .field label { color: var(--text-2); font-size: 10.5px; }
[data-skin="aurora"] .field input[type=text],
[data-skin="aurora"] .field input[type=date],
[data-skin="aurora"] .field input[type=email],
[data-skin="aurora"] .field input[type=password],
[data-skin="aurora"] .field input[type=number],
[data-skin="aurora"] .field textarea,
[data-skin="aurora"] .field select,
[data-skin="aurora"] .set-input,
[data-skin="aurora"] .set-num,
[data-skin="aurora"] .inl-in,
[data-skin="aurora"] .inl-in-lg,
[data-skin="aurora"] .idea-schedule .idea-date {
  -webkit-appearance: none; appearance: none;
  background: var(--au-glass); border: 1px solid var(--au-edge); font-family: var(--font); font-size: 16px;
}
[data-skin="aurora"] .field input:focus,
[data-skin="aurora"] .field textarea:focus,
[data-skin="aurora"] .field select:focus,
[data-skin="aurora"] .set-input:focus,
[data-skin="aurora"] .inl-in:focus,
[data-skin="aurora"] .inl-in-lg:focus { outline: none; border-color: var(--au-a); box-shadow: var(--au-glow); }
[data-skin="aurora"] .chip { border: 1px solid var(--au-edge); background: var(--au-glass); font-weight: 600; }
[data-skin="aurora"] .menu-item { font-weight: 500; }
[data-skin="aurora"] .menu-item:hover { background: var(--au-glass2); }
[data-skin="aurora"] .menu-item.danger { color: var(--au-flame); }
[data-skin="aurora"] .set-group { color: var(--au-a); border-top-color: var(--au-edge2); }
[data-skin="aurora"] .set-row { border-bottom-color: var(--au-edge2); }
[data-skin="aurora"] .slider { background: var(--au-glass2); box-shadow: inset 0 0 0 1px var(--au-edge); }
[data-skin="aurora"] .switch input:checked + .slider { background: linear-gradient(115deg, var(--au-a), var(--au-b)); box-shadow: var(--au-glow); }
[data-skin="aurora"] #set-acc { opacity: .4; }
[data-skin="aurora"] .idea-add-btn { background: linear-gradient(135deg, var(--au-a), var(--au-b)); box-shadow: var(--au-glow); }
[data-skin="aurora"] .ms-row.on { border-color: color-mix(in srgb, var(--au-a) 50%, transparent); }
[data-skin="aurora"] .nudge { border-left: 3px solid var(--muted); }
[data-skin="aurora"] .nudge.serious { border-left-color: var(--au-flame); }
[data-skin="aurora"] .nudge.warning { border-left-color: var(--au-warn); }
[data-skin="aurora"] .nudge.info { border-left-color: var(--au-b); }
[data-skin="aurora"] .corr { border-left: 3px solid var(--muted); }
[data-skin="aurora"] .corr.together { border-left-color: var(--au-a); }
[data-skin="aurora"] .corr.apart { border-left-color: var(--au-warn); }
[data-skin="aurora"] .nudge-act { border-color: var(--au-a); color: var(--au-a); }
[data-skin="aurora"] .retro-btn { background: var(--au-glass); border: 1px solid var(--au-edge); }
[data-skin="aurora"] .cal-cell.today { border-color: var(--au-a); }
[data-skin="aurora"] .cal-cell.sel { background: linear-gradient(135deg, var(--au-a), var(--au-b)); color: #fff; box-shadow: var(--au-glow); }

/* ============ PRAZNOVANJE ============ */
[data-skin="aurora"] .certified-box { color: var(--text); box-shadow: var(--au-shadow), var(--au-glow); }
[data-skin="aurora"] .certified-check { background: linear-gradient(135deg, var(--au-a), var(--au-b)); box-shadow: var(--au-glow); }
[data-skin="aurora"] .certified-txt { font-family: var(--display); color: var(--text); letter-spacing: .2em; }
[data-skin="aurora"] .certified-sub { color: var(--au-a); font-family: var(--font); }
[data-skin="aurora"] .milestone-pop .ms-check { background: linear-gradient(135deg, var(--au-gold), var(--au-c)); }
[data-skin="aurora"] .milestone-pop .certified-sub { color: var(--au-gold); }

/* ============ GOSTOTA ============ */
[data-skin="aurora"][data-density="compact"] .habit { padding: 10px 12px; margin-bottom: 6px; }
[data-skin="aurora"][data-density="airy"]    .habit { padding: 18px 17px; margin-bottom: 12px; }

/* ============ PREDOGLED ============ */
.skin-prev-aurora {
  --pv-bg: #070b1a; --pv-ink: #eef3ff; --pv-acc: #3ff2c4; --pv-line: rgba(255,255,255,.14); --pv-line2: rgba(255,255,255,.35);
  --pv-font: 'Sora', system-ui, sans-serif; --pv-r: 14px; --pv-cr: 50%;
  background:
    radial-gradient(70% 60% at 15% 10%, rgba(63,242,196,.35), transparent 70%),
    radial-gradient(60% 60% at 95% 90%, rgba(255,90,205,.30), transparent 70%),
    radial-gradient(60% 50% at 80% 10%, rgba(110,120,255,.35), transparent 70%),
    #070b1a;
}
.skin-prev-aurora .sp-num {
  font-weight: 700; font-size: 24px; letter-spacing: -.03em;
  background: linear-gradient(115deg, #3ff2c4, #8b93ff 55%, #ff6bd5);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.skin-prev-aurora .sp-row.on i { box-shadow: 0 0 8px rgba(63,242,196,.7); }