/* ============================================================
   Slog PAPIR — uredniški dnevnik (v74)
   ------------------------------------------------------------
   Topel papir, črnilo, rdeče črnilo za poudarek in modro za drugo serijo.
   Serifna Fraunces povsod (velike številke z optično velikostjo 144),
   oznake v razprtih verzalkah kot kapitelke, tanke linije namesto kartic,
   dvojna črta pod glavo in nad razdelki, seznam kot črtan zvezek z rdečo
   robno črto. Brez senc in zaobljenih robov.

   PRAVILA (glej js/app.js SKINS in css/app.css):
   - vse je pod [data-skin="papir"]; selektor vedno ZRCALI osnovnega in mu
     doda ta atribut (+1 specifičnost), sicer ga osnovni sestavljen selektor
     (npr. .habit.done .check) premaga;
   - paleta je enkrat definirana kot --pp-* (svetla / temna) in nato
     preslikana na žetone aplikacije IN lokalne žetone .panel (instrument
     plošča ima svoje temne žetone — tu jih nadomestimo s papirjem);
   - uporabnikova barva (theme-vars) velja samo za Instrument.
   ============================================================ */

@font-face {
  font-family: 'Fraunces';
  src: url('../../fonts/fraunces-r-latin.woff2') format('woff2');
  font-weight: 350 750; font-style: normal; font-display: swap;
  unicode-range: U+0020-007E, U+00A0-00FF, U+2013-2026, U+20AC, U+2212;
}
@font-face {
  font-family: 'Fraunces';
  src: url('../../fonts/fraunces-r-ext.woff2') format('woff2');
  font-weight: 350 750; font-style: normal; font-display: swap;
  unicode-range: U+0106-0107, U+010C-010D, U+0110-0111, U+0160-0161, U+017D-017E;
}
@font-face {
  font-family: 'Fraunces';
  src: url('../../fonts/fraunces-i-latin.woff2') format('woff2');
  font-weight: 400 600; font-style: italic; font-display: swap;
  unicode-range: U+0020-007E, U+00A0-00FF, U+2013-2026, U+20AC, U+2212;
}
@font-face {
  font-family: 'Fraunces';
  src: url('../../fonts/fraunces-i-ext.woff2') format('woff2');
  font-weight: 400 600; font-style: italic; font-display: swap;
  unicode-range: U+0106-0107, U+010C-010D, U+0110-0111, U+0160-0161, U+017D-017E;
}

/* ---------- Paleta: dan (svetel papir) ---------- */
:root[data-skin="papir"] {
  --pp-bg: #f3eee3;      --pp-bg2: #ebe4d5;
  --pp-surface: #faf6ee; --pp-surface2: #efe8da;
  --pp-text: #1d1915;    --pp-text2: #574e43;   --pp-muted: #8c8172;
  --pp-rule: #ddd3c2;    --pp-rule2: #c4b8a3;
  --pp-accent: #b3261e;  --pp-accent2: #c8452f; --pp-accentink: #faf6ee;
  --pp-good: #3f7550;    --pp-warn: #a86b12;    --pp-chrome: #2b4a7e;
  --pp-h0: #e7dfcf; --pp-h1: #eec3b3; --pp-h2: #d98a72; --pp-h3: #b3261e; --pp-h4: #741711;
  --pp-gold: #b98318;
  --pp-wk1: #2b4a7e; --pp-wk2: #2e6b62; --pp-wk3: #3f7550;
  --pp-wk4: #8c2f4f; --pp-wk5: #9a5b13; --pp-wk6: #5b4386;
  --pp-margin: rgba(179, 38, 30, .32);
  --pp-shade: rgba(40, 30, 15, .18);
  --pp-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .36 0 0 0 0 .28 0 0 0 0 .17 0 0 0 .085 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* ---------- Paleta: noč (nočni papir) ---------- */
:root[data-skin="papir"][data-theme="dark"] {
  --pp-bg: #16130f;      --pp-bg2: #110f0c;
  --pp-surface: #1d1914; --pp-surface2: #241f19;
  --pp-text: #ebe4d6;    --pp-text2: #b8ad9b;   --pp-muted: #877c6b;
  --pp-rule: #2f2a22;    --pp-rule2: #463e32;
  --pp-accent: #e2604b;  --pp-accent2: #ee8670; --pp-accentink: #16130f;
  --pp-good: #86b894;    --pp-warn: #dca55c;    --pp-chrome: #8fb0e6;
  --pp-h0: #262119; --pp-h1: #5d2a21; --pp-h2: #94392b; --pp-h3: #d24f3a; --pp-h4: #f2a18c;
  --pp-gold: #d9a441;
  --pp-wk1: #8fb0e6; --pp-wk2: #7cc2b6; --pp-wk3: #86b894;
  --pp-wk4: #e48aa8; --pp-wk5: #e0a85a; --pp-wk6: #b49be8;
  --pp-margin: rgba(226, 96, 75, .30);
  --pp-shade: rgba(0, 0, 0, .5);
  --pp-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .95 0 0 0 0 .9 0 0 0 0 .8 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
@media (prefers-color-scheme: dark) {
  :root[data-skin="papir"][data-theme="auto"] {
    --pp-bg: #16130f;      --pp-bg2: #110f0c;
    --pp-surface: #1d1914; --pp-surface2: #241f19;
    --pp-text: #ebe4d6;    --pp-text2: #b8ad9b;   --pp-muted: #877c6b;
    --pp-rule: #2f2a22;    --pp-rule2: #463e32;
    --pp-accent: #e2604b;  --pp-accent2: #ee8670; --pp-accentink: #16130f;
    --pp-good: #86b894;    --pp-warn: #dca55c;    --pp-chrome: #8fb0e6;
    --pp-h0: #262119; --pp-h1: #5d2a21; --pp-h2: #94392b; --pp-h3: #d24f3a; --pp-h4: #f2a18c;
    --pp-gold: #d9a441;
    --pp-wk1: #8fb0e6; --pp-wk2: #7cc2b6; --pp-wk3: #86b894;
    --pp-wk4: #e48aa8; --pp-wk5: #e0a85a; --pp-wk6: #b49be8;
    --pp-margin: rgba(226, 96, 75, .30);
    --pp-shade: rgba(0, 0, 0, .5);
    --pp-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .95 0 0 0 0 .9 0 0 0 0 .8 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  }
}

/* ---------- Preslikava na žetone (koren IN instrument plošča) ---------- */
:root[data-skin="papir"],
[data-skin="papir"] .panel {
  --font: 'Fraunces', 'Iowan Old Style', Georgia, serif;
  --display: 'Fraunces', 'Iowan Old Style', Georgia, serif;
  --mono: 'Fraunces', 'Iowan Old Style', Georgia, serif;
  --rk: .1;
  --rk-round: 0;            /* pike so kvadratne — tiskarski ■, ne gumbi */
  --check-ink: var(--pp-accent);

  --bg: var(--pp-bg); --bg-2: var(--pp-bg2);
  --surface: var(--pp-surface); --surface-2: var(--pp-surface2);
  --text: var(--pp-text); --text-2: var(--pp-text2); --muted: var(--pp-muted);
  --border: var(--pp-rule); --border-2: var(--pp-rule2);
  --accent: var(--pp-accent); --accent-2: var(--pp-accent2); --accent-ink: var(--pp-accentink);
  --good: var(--pp-good); --warn: var(--pp-warn); --flame: var(--pp-accent);
  --chrome: var(--pp-chrome);
  --shadow: none; --shadow-lg: 0 18px 44px var(--pp-shade);
  --ring-track: var(--pp-h0); --heat-0: var(--pp-h0);
  --h0: var(--pp-h0); --h1: var(--pp-h1); --h2: var(--pp-h2); --h3: var(--pp-h3); --h4: var(--pp-h4);
  --bar-mute: var(--pp-rule); --axis: var(--pp-rule2);
  --g-track: var(--pp-rule); --g-year: var(--pp-muted);
  --gold: var(--pp-gold);
  --wk1: var(--pp-wk1); --wk2: var(--pp-wk2); --wk3: var(--pp-wk3);
  --wk4: var(--pp-wk4); --wk5: var(--pp-wk5); --wk6: var(--pp-wk6);
  /* lokalni žetoni instrument plošče → papir */
  --p-surface: var(--pp-bg); --p-surface-2: var(--pp-surface2);
  --p-ink: var(--pp-text); --p-muted: var(--pp-muted); --p-grid: transparent;
}
/* V sheetu je podlaga svetlejši list — lepljiv stolpec mreže mora imeti isto. */
[data-skin="papir"] .sheet .panel { --p-surface: var(--pp-surface); }

:root[data-skin="papir"] { background: var(--pp-bg); color-scheme: light; }
:root[data-skin="papir"][data-theme="dark"] { color-scheme: dark; }

[data-skin="papir"] body {
  font-family: var(--font);
  background-color: var(--bg);
  background-image: var(--pp-grain);
  font-optical-sizing: auto;
  -webkit-font-smoothing: antialiased;
}
[data-skin="papir"] ::selection { background: color-mix(in srgb, var(--accent) 24%, transparent); }

/* Kapitelke: razprte verzalke v isti pisavi (Fraunces nima smcp). */
[data-skin="papir"] .panel-title,
[data-skin="papir"] .panel-sub,
[data-skin="papir"] .stat-lbl,
[data-skin="papir"] .cat-name,
[data-skin="papir"] .mood-lbl,
[data-skin="papir"] .set-group,
[data-skin="papir"] .field label,
[data-skin="papir"] .hn-cap,
[data-skin="papir"] .reg-tpl-label,
[data-skin="papir"] .wr-lbl,
[data-skin="papir"] .ws-lbl,
[data-skin="papir"] .wr-fact-lbl,
[data-skin="papir"] .ms-group-lbl,
[data-skin="papir"] .mg-kpi-l,
[data-skin="papir"] .cal-dow,
[data-skin="papir"] .ins-section-title {
  font-family: var(--font); font-style: normal; font-weight: 640;
  font-size: 10.5px; letter-spacing: .2em; text-transform: uppercase;
}

/* ============ PRIJAVA ============ */
[data-skin="papir"] .login-bg { display: none; }
[data-skin="papir"] .login-card {
  background: none; border: 0; box-shadow: none; padding: 26px 10px 24px;
  border-top: 3px double var(--text); border-bottom: 1px solid var(--text);
}
[data-skin="papir"] .login-logo {
  width: 48px; height: 48px; margin-bottom: 18px;
  background: none; box-shadow: none; color: var(--accent);
  border: 1.5px solid var(--text); font-family: var(--display); font-weight: 500; font-size: 28px;
}
[data-skin="papir"] .login-card h1 {
  font-family: var(--display); font-weight: 520; font-size: 46px; letter-spacing: -.035em; line-height: 1;
}
[data-skin="papir"] .login-sub { font-style: italic; font-size: 15px; margin: 10px 0 24px; }
[data-skin="papir"] .login-card input {
  -webkit-appearance: none; appearance: none;   /* Safari: brez notranje sence na vrhu */
  background: transparent; border: 0; border-bottom: 1px solid var(--text-2);
  padding: 11px 2px; font-family: var(--font); font-size: 18px; text-align: center;
}
[data-skin="papir"] .login-card input:focus { box-shadow: 0 1px 0 var(--accent); border-bottom-color: var(--accent); }
[data-skin="papir"] .login-card input::placeholder { color: var(--muted); font-style: italic; }
[data-skin="papir"] .login-error { color: var(--accent); font-style: italic; }
[data-skin="papir"] .login-link { font-style: italic; text-decoration-color: var(--pp-rule2); }
[data-skin="papir"] .reg-tpl { background: none; border: 1px solid var(--border-2); }
[data-skin="papir"] .reg-tpl.on { background: none; border-color: var(--text); box-shadow: inset 3px 0 0 var(--accent); }

/* ============ GUMBI ============ */
[data-skin="papir"] .btn-primary {
  background: var(--text); color: var(--bg); box-shadow: none;
  font-family: var(--font); font-weight: 640; font-size: 12.5px;
  letter-spacing: .2em; text-transform: uppercase; padding: 15px;
}
[data-skin="papir"] .btn-primary:active { filter: none; background: var(--accent); }
[data-skin="papir"] .btn-ghost {
  background: none; border: 1px solid var(--text); color: var(--text);
  font-style: italic; font-weight: 450;
}
[data-skin="papir"] .btn-danger { color: var(--accent); border-color: var(--accent); }
[data-skin="papir"] .icon-btn {
  background: none; border: 1px solid var(--border-2); color: var(--text);
  width: 36px; height: 36px; font-size: 17px;
}
[data-skin="papir"] .icon-btn:hover { background: var(--surface-2); }

/* ============ GLAVA (časopisna) ============ */
[data-skin="papir"] .topbar {
  padding: 6px 0 12px; border-bottom: 3px double var(--text); align-items: flex-end;
}
[data-skin="papir"] .topbar-left { display: flex; flex-direction: column; min-width: 0; }
/* Datum gre NAD naslov — kot datumska vrstica časopisa. */
[data-skin="papir"] .datenav { order: -1; margin: 0 0 4px; gap: 2px; }
[data-skin="papir"] .datenav .icon-btn { width: 24px; height: 24px; border: 0; font-size: 16px; color: var(--muted); }
[data-skin="papir"] .date-label {
  font-family: var(--font); font-weight: 640; font-size: 10.5px; letter-spacing: .2em;
  text-transform: uppercase; color: var(--text-2); padding: 3px 4px;
}
[data-skin="papir"] .today-pill {
  background: none; border: 0; border-bottom: 1px solid var(--accent);
  font-style: italic; font-weight: 500; font-size: 13px; padding: 1px 2px; margin-left: 6px;
}
[data-skin="papir"] .greeting {
  font-family: var(--display); font-weight: 560; font-size: 36px; line-height: 1;
  letter-spacing: -.03em;
}
[data-skin="papir"] .subgreet { font-style: italic; font-size: 14.5px; color: var(--text-2); margin-top: 5px; }

/* ============ HERO: velika številka ============ */
[data-skin="papir"] .hero {
  background: none; border: 0; box-shadow: none; text-align: left;
  align-items: stretch; gap: 12px; padding: 18px 0 16px; margin: 0 0 22px;
  border-bottom: 1px solid var(--text);
}
[data-skin="papir"] .ring-slot { width: 100%; aspect-ratio: auto; }
[data-skin="papir"] .hn { display: block; }
[data-skin="papir"] .hn-big {
  display: flex; align-items: flex-start;
  font-family: var(--display); font-weight: 480; font-size: 112px; line-height: .82;
  letter-spacing: -.055em; color: var(--text); font-variant-numeric: lining-nums;
}
[data-skin="papir"] .hn-pct {
  font-style: italic; font-weight: 420; font-size: .3em; letter-spacing: 0;
  color: var(--accent); margin: .2em 0 0 .12em;
}
[data-skin="papir"] .hn-rule { position: relative; height: 1px; margin-top: 16px; background: var(--text); }
[data-skin="papir"] .hn-rule i {
  position: absolute; left: 0; top: -1px; height: 3px; background: var(--accent);
  transition: width .6s cubic-bezier(.2,.8,.2,1);
}
[data-skin="papir"] .hn-cap { display: flex; justify-content: space-between; margin-top: 7px; color: var(--muted); }
[data-skin="papir"] .hero-meta { justify-content: flex-start; column-gap: 12px; }
[data-skin="papir"] .hero-count {
  font-family: var(--display); font-weight: 500; font-size: 26px; letter-spacing: -.02em;
}
[data-skin="papir"] .hero-label { font-style: italic; font-size: 15px; }
[data-skin="papir"] .hero-streak { border-left-color: var(--border-2); font-style: italic; font-size: 14px; }
@media (min-width: 560px) {
  [data-skin="papir"] .hero { flex-direction: row; align-items: flex-end; gap: 28px; padding: 22px 0 18px; }
  [data-skin="papir"] .ring-slot { flex: 1 1 auto; width: auto; }
  [data-skin="papir"] .hn-big { font-size: 136px; }
  [data-skin="papir"] .hero-meta { flex: 0 0 auto; text-align: right; padding-bottom: 30px; }
  [data-skin="papir"] .hero-streak { justify-content: flex-end; }
}

/* ============ SEZNAM: črtan zvezek ============ */
[data-skin="papir"] .cat-group { margin-bottom: 26px; }
[data-skin="papir"] .cat-head {
  margin: 0; padding: 0 0 7px; border-bottom: 1.5px solid var(--text);
}
[data-skin="papir"] .cat-dot { width: 7px; height: 7px; }
[data-skin="papir"] .cat-name { color: var(--text); font-size: 11px; }
[data-skin="papir"] .cat-count { font-style: italic; font-size: 13.5px; color: var(--text-2); }

[data-skin="papir"] .habit {
  /* rdeča robna črta zvezka: med kljukico in besedilom */
  background: linear-gradient(90deg, transparent 31px, var(--pp-margin) 31px, var(--pp-margin) 32px, transparent 32px);
  border: 0; border-bottom: 1px solid var(--border); border-radius: 0; box-shadow: none;
  margin: 0; padding: 13px 2px 13px 0; gap: 18px;
}
[data-skin="papir"] .habit:active { transform: none; background-color: var(--surface-2); }
[data-skin="papir"] .habit.done { opacity: 1; }
[data-skin="papir"] .habit.done .habit-name {
  color: var(--text-2);
  text-decoration: line-through; text-decoration-color: var(--accent);
  text-decoration-thickness: 1.5px;
}
[data-skin="papir"] .habit.nocount { opacity: .7; }
[data-skin="papir"] .check {
  width: 22px; height: 22px; margin-top: 2px;
  border: 1.5px solid var(--text); background: transparent;
}
[data-skin="papir"] .habit.done .check { background: transparent; border-color: var(--text); }
[data-skin="papir"] .check svg { width: 19px; height: 19px; stroke-width: 3; }
[data-skin="papir"] .habit.partial .check {
  border-color: var(--text);
  background: linear-gradient(to top, color-mix(in srgb, var(--accent) 30%, transparent) calc(var(--prog, 0) * 100%), transparent 0);
}
[data-skin="papir"] .habit.skipped .check { background: var(--surface-2); border-color: var(--muted); border-style: dashed; }
/* Števec nima kljukice: besedilo začne desno od robne črte kot pri ostalih. */
[data-skin="papir"] .habit.counter .habit-body { padding-left: 40px; }
[data-skin="papir"] .habit-name { font-size: 17px; font-weight: 440; line-height: 1.3; letter-spacing: -.005em; }
[data-skin="papir"] .habit-sub { gap: 3px 12px; margin-top: 4px; }
[data-skin="papir"] .habit-note { font-style: italic; font-size: 13.5px; color: var(--text-2); }
[data-skin="papir"] .note-copy-ic { color: var(--muted); }
[data-skin="papir"] .habit-menu { color: var(--muted); }

/* Značke: ležeče besedilo v črnilu, brez tablet. */
[data-skin="papir"] :is(.streak-badge, .week-badge, .badge-once, .effort-badge,
  .abst-badge, .timer-badge, .skip-badge, .badge-nocount) {
  background: none; border: 0; padding: 0; border-radius: 0;
  font-family: var(--font); font-style: italic; font-weight: 420; font-size: 13.5px;
  letter-spacing: 0; text-transform: none; line-height: 1.3; color: var(--text-2);
}
[data-skin="papir"] .habit-sub .streak-badge { color: var(--accent); }
[data-skin="papir"] .habit-sub .week-badge.req { color: var(--accent); }
[data-skin="papir"] .habit-sub .week-badge.full { color: var(--good); }
[data-skin="papir"] .habit-sub .badge-nocount::before { content: '('; }
[data-skin="papir"] .habit-sub .badge-nocount::after { content: ')'; }
[data-skin="papir"] .habit-sub .timer-badge.on { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }
[data-skin="papir"] .habit-sub .skip-badge.on { color: var(--text); text-decoration: underline; text-underline-offset: 3px; }

[data-skin="papir"] .overdue-group .habit { border-bottom-color: color-mix(in srgb, var(--accent) 35%, var(--border)); }
[data-skin="papir"] .lock-banner {
  background: none; border: 1px dashed var(--warn); font-style: italic;
}
[data-skin="papir"] .lock-btn { background: var(--text); color: var(--bg); font-style: normal; }
[data-skin="papir"] .add-inline { border: 1px dashed var(--border-2); font-style: italic; }

/* Merljivi (stepper) in števci */
[data-skin="papir"] .stepper { background: none; border: 1px solid var(--border-2); padding: 2px; }
[data-skin="papir"] .step-btn { background: none; box-shadow: none; color: var(--text); font-family: var(--font); }
[data-skin="papir"] .step-val { font-style: italic; font-size: 14px; color: var(--text); }
[data-skin="papir"] .ctr-total { font-family: var(--display); font-weight: 500; font-size: 22px; }
[data-skin="papir"] .ctr-minus { background: none; border: 1px solid var(--text); color: var(--text); }
[data-skin="papir"] .ctr-plus {
  background: var(--text); color: var(--bg); box-shadow: none;
  font-family: var(--font); font-style: italic; font-weight: 520;
}
[data-skin="papir"] .ctr-plus:active { background: var(--accent); }

/* Vnos razpoloženja */
[data-skin="papir"] .mood-entry {
  margin: 0 0 22px; padding: 12px 0 14px; background: none;
  border: 0; border-top: 1px solid var(--text); border-bottom: 1px solid var(--border);
}
[data-skin="papir"] .mood-scale button {
  background: none; border: 1px solid var(--border-2); color: var(--text);
  font-family: var(--display); font-weight: 460; font-size: 16px;
}
[data-skin="papir"] .mood-scale button.on { background: var(--accent); border-color: var(--accent); color: var(--accent-ink); }
[data-skin="papir"] .mood-scale.is-moti button.on { background: var(--chrome); border-color: var(--chrome); color: var(--bg); }

/* ============ RAZDELKI (plošče) ============ */
[data-skin="papir"] .stats { margin-top: 30px; }
[data-skin="papir"] .panel {
  background: none; border: 0; border-top: 3px double var(--text); border-radius: 0;
  box-shadow: none; padding: 12px 0 8px; margin-bottom: 30px; overflow: visible;
  color: var(--text);
}
/* Mesečni pregled: glava ima že dvojno črto — prva plošča pod njo dobi enojno. */
[data-skin="papir"] .month-view .panel { border-top: 1px solid var(--text); }
[data-skin="papir"] .panel::before,
[data-skin="papir"] .panel::after { display: none; }
[data-skin="papir"] .panel.in { animation: none; }
[data-skin="papir"] .panel-head { margin-bottom: 16px; }
[data-skin="papir"] .panel-title { color: var(--text); font-size: 11.5px; }
[data-skin="papir"] .panel-tag {
  font-family: var(--font); font-style: italic; font-size: 13.5px; letter-spacing: 0;
  text-transform: none; color: var(--accent); opacity: 1;
}
[data-skin="papir"] .panel-sub { color: var(--muted); }

[data-skin="papir"] .stat-cards { gap: 0; }
[data-skin="papir"] .stat-card {
  background: none; border: 0; border-left: 1px solid var(--border); border-radius: 0;
  padding: 4px 14px 10px; min-height: 0;
}
[data-skin="papir"] .stat-card:nth-child(odd) { border-left: 0; padding-left: 0; }
[data-skin="papir"] .stat-card:nth-child(n+3) { border-top: 1px solid var(--border); padding-top: 12px; }
[data-skin="papir"] .stat-ic { display: none; }
[data-skin="papir"] .stat-val {
  font-family: var(--display); font-weight: 470; font-size: 46px; letter-spacing: -.045em; margin-top: 6px;
}
[data-skin="papir"] .stat-unit {
  font-family: var(--font); font-style: italic; font-size: 14px; text-transform: none; letter-spacing: 0;
}

/* Preklopniki: besedilni zavihki s podčrtom (ne tablete) */
[data-skin="papir"] .seg { background: none; padding: 0; gap: 16px; }
[data-skin="papir"] .seg button {
  flex: 0 0 auto; padding: 5px 0; background: none; color: var(--muted);
  font-style: italic; font-weight: 420; font-size: 15px;
  border-bottom: 1.5px solid transparent;
}
[data-skin="papir"] .seg button.on {
  background: none; box-shadow: none; color: var(--text); font-style: normal; font-weight: 600;
  border-bottom-color: var(--accent);
}
[data-skin="papir"] .seg-sm button { font-size: 13px; padding: 3px 0; }
[data-skin="papir"] .seg-effort { gap: 10px; }
[data-skin="papir"] .seg-effort button { flex: 1; }
[data-skin="papir"] .trend-toggles { gap: 6px 22px; }

[data-skin="papir"] .meter { height: 1px; background: var(--text); overflow: visible; }
[data-skin="papir"] .meter-fill { height: 3px; margin-top: -1px; background: var(--accent); }
[data-skin="papir"] .year-txt { font-family: var(--font); font-style: italic; font-size: 13.5px; color: var(--accent); }
[data-skin="papir"] .heatmap-legend { font-style: italic; text-transform: none; letter-spacing: 0; font-size: 12px; }
[data-skin="papir"] .trend-fill { fill: color-mix(in srgb, var(--accent) 9%, transparent); }
[data-skin="papir"] .trend-line { stroke-width: 1.75; }
[data-skin="papir"] .hm-cell.hm-today { stroke: var(--text); }
[data-skin="papir"] .hm-cell.hm-full { filter: none; }

[data-skin="papir"] .chart-tip {
  background: var(--pp-surface); color: var(--text); border: 1px solid var(--text);
  box-shadow: 3px 3px 0 var(--text); font-family: var(--font);
}
[data-skin="papir"] .chart-tip span { font-style: italic; opacity: .8; }

[data-skin="papir"] .app-footer { font-style: italic; font-size: 13px; }

/* ============ MESEČNI PREGLED ============ */
[data-skin="papir"] .mg-kpi-v { font-family: var(--display); font-weight: 480; font-size: 34px; letter-spacing: -.035em; }
[data-skin="papir"] .mg-meter { height: 1px; background: var(--text); overflow: visible; }
[data-skin="papir"] .mg-meter-fill { height: 3px; margin-top: -1px; background: var(--accent); }
[data-skin="papir"] .mg-name { font-size: 13px; color: var(--text); }
[data-skin="papir"] .mg-d { font-family: var(--display); font-size: 12px; }
[data-skin="papir"] .mg-c.done { background: color-mix(in srgb, var(--accent) 12%, transparent); border-color: color-mix(in srgb, var(--accent) 40%, transparent); }
[data-skin="papir"] .mg-c.missed { border-color: var(--border-2); }
[data-skin="papir"] .month-nav { margin: 4px 0 18px; }
[data-skin="papir"] .mn-b {
  background: none; border: 0; border-bottom: 1px solid var(--border);
  font-family: var(--font); font-style: italic; font-size: 13px; text-transform: lowercase; letter-spacing: 0;
}
[data-skin="papir"] .mn-b.on { background: none; color: var(--accent); border-bottom: 2px solid var(--accent); font-style: normal; font-weight: 600; }
[data-skin="papir"] .mn-y { background: none; border: 1px solid var(--border-2); }

/* ============ PLAVAJOČI GUMB, OBVESTILO, ČASOVNIK ============ */
[data-skin="papir"] .fab {
  background: var(--text); color: var(--bg); box-shadow: 4px 4px 0 var(--accent);
}
[data-skin="papir"] .fab:active { transform: translate(2px, 2px); box-shadow: 2px 2px 0 var(--accent); }
[data-skin="papir"] .toast {
  background: var(--text); color: var(--bg); font-family: var(--font); font-style: italic; font-weight: 450;
}
[data-skin="papir"] .toast-undo { color: var(--pp-accent2); font-style: normal; }
[data-skin="papir"] .timer-bar {
  background: var(--pp-surface); border: 0; border-bottom: 1px solid var(--text);
  border-left: 3px solid var(--accent); box-shadow: none;
}
[data-skin="papir"] .tb-stop { background: none; border: 1px solid var(--text); font-style: italic; }

/* ============ SHEETI, OBRAZCI, MENI ============ */
[data-skin="papir"] .modal-root { background: color-mix(in srgb, #1d1915 42%, transparent); backdrop-filter: none; }
[data-skin="papir"] .sheet {
  background: var(--pp-surface); background-image: var(--pp-grain);
  border: 0; border-top: 3px double var(--text); box-shadow: 0 -14px 40px var(--pp-shade);
}
@media (min-width: 560px) {
  [data-skin="papir"] .sheet { border: 1px solid var(--text); box-shadow: 8px 8px 0 color-mix(in srgb, var(--text) 80%, transparent); }
}
[data-skin="papir"] .sheet-grip { width: 30px; height: 2px; background: var(--text); }
[data-skin="papir"] .sheet h2 {
  font-family: var(--display); font-weight: 540; font-size: 30px; letter-spacing: -.025em; line-height: 1.05;
}
[data-skin="papir"] .sheet-x { background: none; border: 1px solid var(--border-2); color: var(--text); }
[data-skin="papir"] .sheet-desc { font-style: italic; font-size: 15px; }
[data-skin="papir"] .field label { color: var(--muted); }
[data-skin="papir"] .field input[type=text],
[data-skin="papir"] .field input[type=date],
[data-skin="papir"] .field input[type=email],
[data-skin="papir"] .field input[type=password],
[data-skin="papir"] .field input[type=number],
[data-skin="papir"] .field textarea,
[data-skin="papir"] .field select,
[data-skin="papir"] .set-input,
[data-skin="papir"] .set-num {
  -webkit-appearance: none; appearance: none;
  background: transparent; border: 0; border-bottom: 1px solid var(--text-2);
  padding: 9px 1px; font-family: var(--font); font-size: 17px;
}
[data-skin="papir"] .field input:focus,
[data-skin="papir"] .field textarea:focus,
[data-skin="papir"] .field select:focus,
[data-skin="papir"] .set-input:focus {
  border-bottom-color: var(--accent); box-shadow: 0 1px 0 var(--accent);
}
[data-skin="papir"] .field-hint { font-style: italic; font-size: 12.5px; }
[data-skin="papir"] :is(.inl-in, .inl-in-lg) {
  -webkit-appearance: none; appearance: none;
  background: transparent; border: 0; border-bottom: 1px solid var(--text-2);
  padding: 9px 1px; font-family: var(--font); font-size: 16px;
}
[data-skin="papir"] :is(.inl-in, .inl-in-lg):focus { outline: none; border-bottom-color: var(--accent); }
[data-skin="papir"] .chip { border: 1px solid var(--border-2); font-style: italic; font-size: 14px; }
[data-skin="papir"] .menu-list { gap: 0; }
[data-skin="papir"] .menu-item { border-bottom: 1px solid var(--border); font-size: 17px; padding: 13px 4px; }
[data-skin="papir"] .menu-item:hover { background: var(--surface-2); }
[data-skin="papir"] .menu-item.danger { color: var(--accent); }
[data-skin="papir"] .menu-version { font-style: italic; }
[data-skin="papir"] .set-group { color: var(--accent); border-top: 3px double var(--text); padding-top: 10px; }
[data-skin="papir"] .set-group:first-child { border-top: 0; }
[data-skin="papir"] .set-title { font-size: 17px; font-weight: 520; }
[data-skin="papir"] .set-desc2 { font-style: italic; font-size: 14px; }
[data-skin="papir"] .slider::before { box-shadow: none; }
/* Barva velja samo za Instrument — tu je izbirnik viden, a utišan. */
[data-skin="papir"] #set-acc { opacity: .4; }
[data-skin="papir"] .switch input:checked + .slider { background: var(--text); }
[data-skin="papir"] .arch-meta, [data-skin="papir"] .ms-val, [data-skin="papir"] .ms-count { font-style: italic; }
[data-skin="papir"] .idea-add-btn { background: var(--text); color: var(--bg); box-shadow: none; }

/* Kartice v sheetih (teden v pregledu, mejniki, ta teden) → razdelki z linijo */
[data-skin="papir"] :is(.wr-card, .ws-item, .wr-fact, .ms-row) {
  background: none; border: 0; border-top: 1px solid var(--border);
}
[data-skin="papir"] .wr-cards, [data-skin="papir"] .week-sum { gap: 14px; }
[data-skin="papir"] :is(.wr-val, .ws-val) { font-family: var(--display); font-weight: 480; letter-spacing: -.035em; font-size: 34px; }
[data-skin="papir"] .ms-row.on { border-top-color: var(--accent); }
[data-skin="papir"] :is(.nudge, .corr) {
  background: none; border: 0; border-top: 1px solid var(--border); border-left: 3px solid var(--muted);
}
[data-skin="papir"] .nudge-act { border-color: var(--text); color: var(--text); font-style: italic; }
[data-skin="papir"] .chip-alert { background: none; }
[data-skin="papir"] .retro-btn { background: none; border: 1px solid var(--border-2); font-size: 15px; }
[data-skin="papir"] .carry-due { font-style: italic; }
[data-skin="papir"] .token-box { background: none; }

/* Koledar */
[data-skin="papir"] .cal-title { font-family: var(--display); font-weight: 520; font-size: 22px; }
[data-skin="papir"] .cal-year { font-style: italic; }
[data-skin="papir"] .cal-cell { font-family: var(--display); font-size: 16px; }
[data-skin="papir"] .cal-cell.today { border-color: var(--text); }
[data-skin="papir"] .cal-cell.sel { background: var(--accent); color: var(--accent-ink); }
[data-skin="papir"] .cal-cell.sel .cal-dot { background: var(--accent-ink); }

/* ============ PRAZNOVANJE: žig ============ */
[data-skin="papir"] .certified-box {
  background: var(--pp-surface); color: var(--accent);
  border: 3px double var(--accent); box-shadow: 0 20px 60px var(--pp-shade);
  rotate: -4deg;
}
[data-skin="papir"] .certified-check {
  background: none; color: var(--accent); border: 2px solid var(--accent); box-shadow: none;
}
[data-skin="papir"] .certified-txt { font-family: var(--display); color: var(--accent); letter-spacing: .22em; font-weight: 600; }
[data-skin="papir"] .certified-sub { color: var(--text-2); font-family: var(--font); font-style: italic; text-transform: none; letter-spacing: 0; font-size: 13px; }
[data-skin="papir"] .milestone-pop .certified-box { border-color: var(--gold); color: var(--gold); box-shadow: 0 20px 60px var(--pp-shade); }
[data-skin="papir"] .milestone-pop .ms-check { background: none; color: var(--gold); border-color: var(--gold); box-shadow: none; }
[data-skin="papir"] .milestone-pop .certified-txt { color: var(--gold); }

/* ============ GOSTOTA (zvezek: brez vodoravnega odmika vrstic) ============ */
[data-skin="papir"][data-density="compact"] .habit { padding: 9px 2px 9px 0; }
[data-skin="papir"][data-density="airy"]    .habit { padding: 17px 2px 17px 0; }
[data-skin="papir"][data-density="compact"] .panel { padding: 10px 0 4px; margin-bottom: 22px; }
[data-skin="papir"][data-density="airy"]    .panel { padding: 16px 0 10px; margin-bottom: 36px; }

/* ============ PREDOGLED V IZBIRNIKU (globalno, neodvisno od sloga) ============ */
.skin-prev-papir {
  --pv-bg: #f3eee3; --pv-ink: #1d1915; --pv-acc: #b3261e; --pv-line: #d9cfbd; --pv-line2: #1d1915;
  --pv-font: 'Fraunces', Georgia, serif; --pv-r: 0px; --pv-cr: 0px;
  border-top: 3px double #1d1915;
}
.skin-prev-papir .sp-num { font-weight: 480; font-size: 30px; letter-spacing: -.05em; line-height: .9; }
.skin-prev-papir .sp-row b { height: 1px; }