/* LV Pilsonība — kopīgais stils. Tēmas kā Perekup ERP: dark (Premium), light (Daylight), mono (Studio cream) */
:root{
  --accent:#15a268; --accent-fg:#fff;
  --success:#15a268; --success-bg:rgba(21,162,104,.12);
  --warn:#d97706;    --warn-bg:rgba(217,119,6,.14);
  --danger:#dc2626;  --danger-bg:rgba(220,38,38,.12);
  --info:#2563eb;    --info-bg:rgba(37,99,235,.12);
  --r:12px; --r-lg:16px; --r-sm:8px;
  /* dark by default (kā ERP) */
  --bg:#0a0d14; --bg-elev:#11151f; --bg-elev-2:#181d2a; --bg-input:#0d111a;
  --border:rgba(255,255,255,.07); --border-strong:rgba(255,255,255,.16);
  --text:#f3f4f7; --text-2:rgba(243,244,247,.62); --text-3:rgba(243,244,247,.38);
  --shadow-sm:0 1px 2px rgba(0,0,0,.5); --shadow:0 4px 12px rgba(0,0,0,.4),0 14px 40px rgba(0,0,0,.32);
  --row-hover:rgba(255,255,255,.025); --chip-bg:rgba(255,255,255,.06);
  --accent-soft:rgba(21,162,104,.14);
  --warn-soft:rgba(217,119,6,.16); --danger-soft:rgba(220,38,38,.14);
  color-scheme:dark;
}
[data-theme="light"]{
  --bg:#f7f8fa; --bg-elev:#ffffff; --bg-elev-2:#f3f4f6; --bg-input:#ffffff;
  --border:#ececef; --border-strong:#d4d4d8;
  --text:#0a0d14; --text-2:#525866; --text-3:#9ca3af;
  --shadow-sm:0 1px 1px rgba(15,17,21,.04); --shadow:0 1px 2px rgba(15,17,21,.06),0 4px 16px rgba(15,17,21,.06);
  --row-hover:#fafafb; --chip-bg:#f3f4f6;
  --accent-soft:rgba(21,162,104,.11); --warn-soft:rgba(217,119,6,.12); --danger-soft:rgba(220,38,38,.10);
  color-scheme:light;
}
[data-theme="mono"]{
  --bg:#f5f2ec; --bg-elev:#faf8f3; --bg-elev-2:#ede9e0; --bg-input:#faf8f3;
  --border:#ddd9d0; --border-strong:#c4bfb5;
  --text:#1a1814; --text-2:#6b6560; --text-3:#9e9890;
  --shadow-sm:0 1px 2px rgba(0,0,0,.06); --shadow:0 2px 8px rgba(0,0,0,.08);
  --row-hover:#f0ece3; --chip-bg:#e8e4db;
  --accent-soft:rgba(21,162,104,.12); --warn-soft:rgba(217,119,6,.13); --danger-soft:rgba(220,38,38,.10);
  color-scheme:light;
}
/* aliasi vecajiem nosaukumiem lapās */
:root,[data-theme]{
  --surface:var(--bg-elev); --surface2:var(--bg-elev-2); --line:var(--border);
  --ink:var(--text); --ink2:var(--text-2); --ink3:var(--text-3);
  --acc:var(--accent); --acc2:color-mix(in srgb,var(--accent) 82%,#000); --acc-soft:var(--accent-soft);
  --ok:var(--success); --ok-soft:var(--success-bg); --no:var(--danger); --no-soft:var(--danger-soft);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);
  font-family:"IBM Plex Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:15px;line-height:1.55;letter-spacing:-.005em;-webkit-font-smoothing:antialiased}
a{color:var(--accent)}
h1,h2,h3,h4{font-weight:600;letter-spacing:-.02em;margin:0}
.serif,.lv,.q,.tw,.ex,h3.lv{font-family:"Source Serif 4",Georgia,serif;letter-spacing:-.005em}
.mono{font-family:"IBM Plex Mono",ui-monospace,SFMono-Regular,monospace;font-feature-settings:'tnum';letter-spacing:0}

/* ---- header ---- */
.hdr{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 94%,transparent);
  backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}
.hdr-in{max-width:1080px;margin:0 auto;padding:9px 16px;display:flex;align-items:center;gap:12px}
.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--text);flex:none}
.brand .flag{width:20px;height:13px;border-radius:2px;flex:none;
  background:linear-gradient(#9e3039 0 38%,#fff 38% 62%,#9e3039 62% 100%);box-shadow:0 0 0 1px var(--border-strong)}
.brand b{font-size:16px;font-weight:600;letter-spacing:-.02em}
.brand .bt{display:flex;flex-direction:column;line-height:1.15}
.brand .brand-sub{font-size:10.5px;color:var(--text-3);letter-spacing:.01em;white-space:nowrap}
@media (max-width:640px){.brand .brand-sub{display:none}}
.nav{display:flex;gap:6px;margin-left:auto;align-items:center;position:relative}
.nav::-webkit-scrollbar{display:none}
.nav a,.nav-g>button{font:inherit;font-size:13.5px;color:var(--text-2);text-decoration:none;background:transparent;border:none;padding:9px 9px;border-radius:6px;white-space:nowrap;cursor:pointer;transition:color .15s}
.nav a:hover,.nav-g>button:hover,.nav-g.open>button{color:var(--text)}
.nav a[aria-current],.nav-g.cur>button{color:var(--text);font-weight:600}
.nav a:focus-visible,.nav-g>button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
/* slīdošā pasvītrojuma līnija (codexa.lv stilā): seko peles kursoram, atpūšas zem aktīvās sadaļas */
.nav-ink{position:absolute;bottom:3px;left:0;width:0;height:2px;border-radius:2px;background:var(--accent);opacity:0;pointer-events:none;transition:left .24s cubic-bezier(.4,0,.2,1),width .24s cubic-bezier(.4,0,.2,1),opacity .18s}
.nav-ink.on{opacity:1}
/* grupas ar izkrītošo sarakstu: atveras, kad pele virs pogas, aizveras, kad pele aiziet; skārienam/klaviatūrai — klikšķis */
.nav-g{position:relative;flex:none}
.nav-g>button{display:flex;align-items:center;gap:5px;padding-right:7px}
.nav-g .chev{width:6px;height:6px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:translateY(-2px) rotate(45deg);opacity:.7;transition:transform .15s}
.nav-g.open .chev{transform:translateY(1px) rotate(-135deg)}
.nav-dd{position:absolute;top:calc(100% + 6px);left:0;min-width:250px;background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;padding:6px;box-shadow:var(--shadow);z-index:30;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .16s,transform .16s,visibility .16s}
.nav-dd::before{content:"";position:absolute;left:0;right:0;top:-8px;height:8px}   /* tilts starp pogu un sarakstu, lai pele nepazaudē hover */
.nav-g.open .nav-dd{opacity:1;visibility:visible;transform:none}
.nav-dd a{display:flex;flex-direction:column;gap:1px;padding:8px 10px;border-radius:8px;white-space:normal}
.nav-dd a:hover{background:var(--bg-elev-2)}
.nav-dd a b{font-weight:600;color:var(--text);font-size:14px}
.nav-dd a small{font-size:12px;color:var(--text-3)}
.nav-dd a[aria-current]{background:var(--accent-soft)}
.nav-dd a[aria-current] b{color:var(--accent)}
.themes,.langs{display:flex;gap:2px;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:9px;padding:2px;flex:none}
.themes button,.langs button{width:28px;height:26px;border:none;border-radius:7px;background:transparent;color:var(--text-3);cursor:pointer;
  display:grid;place-items:center;font-size:13px}
.themes button.on,.langs button.on{background:var(--bg-elev);color:var(--text);box-shadow:var(--shadow-sm)}
.langs button{width:auto;padding:0 8px;font-size:11.5px;font-weight:600;letter-spacing:.04em;font-family:"IBM Plex Mono",ui-monospace,monospace}
.themes svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* ---- layout ---- */
.page{max-width:760px;margin:0 auto;padding:22px 16px 60px;display:flex;flex-direction:column;gap:16px}
.page.wide{max-width:1080px}
.lede{color:var(--text-2);max-width:64ch;margin:0}
.eyebrow{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--accent);margin:0}

/* ---- buttons & inputs ---- */
.btn,select,input[type=search],input[type=text]{font:inherit;font-size:14px;border:1px solid var(--border);
  background:var(--bg-input);color:var(--text);border-radius:var(--r-sm);padding:8px 12px;-webkit-appearance:none;appearance:none}
input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent);outline:none}
.btn{cursor:pointer;background:var(--bg-elev);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:border-color .12s,background .12s}
.btn:hover{border-color:var(--border-strong);background:var(--bg-elev-2)}
.btn.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}
.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg);font-weight:600}
.btn.primary:hover{background:var(--acc2);border-color:var(--acc2)}
.btn.ok{background:var(--success-bg);border-color:var(--success);color:var(--success);font-weight:600}
.btn.no{background:var(--danger-soft);border-color:var(--danger);color:var(--danger);font-weight:600}
.btn.mini{font-size:13px;padding:5px 10px;border-radius:7px;background:var(--bg-elev-2);color:var(--text-2)}
.btn.mini:hover{color:var(--text)}
.btn.mini.act{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}
.btn.icon{width:30px;height:30px;padding:0;border-radius:7px;flex:none}
select{padding-right:28px;
  background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);
  background-position:calc(100% - 15px) 50%,calc(100% - 10px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
kbd{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:11px;background:var(--bg-elev-2);
  border:1px solid var(--border);border-radius:5px;padding:1px 5px;color:var(--text-2)}

/* ---- meter ---- */
.meter{display:flex;align-items:center;gap:12px;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:12.5px;color:var(--text-2)}
.meter b{color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}
.track{flex:1;min-width:70px;height:5px;border-radius:5px;background:var(--bg-elev-2);overflow:hidden}
.track>i{display:block;height:100%;background:var(--accent);width:0;transition:width .25s}

/* ---- voice panel (kopīgs visām lapām) ---- */
.voice{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r);padding:10px 12px;display:grid;gap:8px}
.voice .row{gap:6px}
.voice .ttl{font-size:13px;font-weight:600;color:var(--text-2);margin-right:auto}
.voice audio{width:100%;height:36px}
.voice .hint{margin:0}
.voice input[type=range]{width:110px;accent-color:var(--accent)}

/* ---- misc ---- */
.panel{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-lg);padding:18px}
.hint{font-size:12.5px;color:var(--text-3);line-height:1.5;margin:0}
.foot-note{margin-top:26px;border-top:1px solid var(--border);padding-top:14px;color:var(--text-3);font-size:12.5px}
.tabs{display:flex;gap:6px;border-bottom:1px solid var(--border)}
.tabs button{font:inherit;font-size:14px;border:none;background:none;color:var(--text-2);padding:9px 12px;
  cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}
.tabs button.on{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}
.hidden{display:none}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* ---- burger & drawer ---- */
.burger{display:none;width:38px;height:34px;border:1px solid var(--border);border-radius:8px;background:var(--bg-elev);cursor:pointer;
  flex-direction:column;justify-content:center;gap:5px;align-items:center;padding:0;flex:none;margin-left:auto}
.burger span{display:block;width:16px;height:2px;background:var(--text);border-radius:2px;transition:transform .2s,opacity .2s}
.burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger.open span:nth-child(2){opacity:0}
.burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.drawer-bg{position:fixed;inset:0;background:rgba(0,0,0,.45);opacity:0;pointer-events:none;transition:opacity .2s;z-index:40}
.drawer-bg.open{opacity:1;pointer-events:auto}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(320px,86vw);background:var(--bg-elev);border-left:1px solid var(--border);
  box-shadow:var(--shadow);transform:translateX(105%);transition:transform .22s ease;z-index:50;padding:14px 16px 24px;display:flex;flex-direction:column;gap:14px;overflow-y:auto}
.drawer.open{transform:none}
.drawer-top{display:flex;align-items:center;justify-content:space-between}
.drawer-top b{font-size:16px}
.drawer-nav{display:flex;flex-direction:column}
.drawer-nav a{font-size:17px;padding:12px 6px;border-bottom:1px solid var(--border);color:var(--text);text-decoration:none}
.drawer-nav a[aria-current]{color:var(--accent);font-weight:600}
.drawer-g{display:flex;flex-direction:column;border-bottom:1px solid var(--border);padding-bottom:4px}
.drawer-gt{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--text-3);padding:12px 6px 2px}
.drawer-g a{border-bottom:none;padding:8px 6px 8px 14px;font-size:16px;display:flex;flex-direction:column}
.drawer-g a small{font-size:12px;color:var(--text-3);font-weight:400}
.drawer-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.drawer .themes button,.drawer .langs button{width:38px;height:32px}
.drawer .langs button{width:auto;padding:0 12px}
@media(max-width:760px){
  .hdr-in>.nav,.hdr-in>.langs,.hdr-in>.themes{display:none}
  .burger{display:flex}
}
/* ---- swipe deck ---- */
.sdeck{display:flex;flex-direction:column;gap:12px;user-select:none;-webkit-user-select:none}
.sstage{position:relative;height:min(62vh,440px);perspective:1200px}
.scard{position:absolute;inset:0;border-radius:20px;touch-action:pan-y}
.scard.ghost{transform:scale(.96) translateY(12px);opacity:.55}
.scard.ghost .sface{box-shadow:none}
.scard.live{cursor:grab;transition:transform .22s ease}
.scard.live.drag{transition:none;cursor:grabbing}
.scard.live.fly{transition:transform .25s ease-in}
.sinner{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.4,.2,.2,1)}
.scard.flipped .sinner{transform:rotateY(180deg)}
.sface{position:absolute;inset:0;border-radius:20px;background:var(--bg-elev);border:1px solid var(--border);box-shadow:var(--shadow);
  padding:22px 20px;display:flex;flex-direction:column;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:auto}
.sface.back{transform:rotateY(180deg)}
.sface .sword{font-family:"Source Serif 4",Georgia,serif;font-size:clamp(28px,7vw,40px);font-weight:600;line-height:1.15;margin:auto 0;text-align:center}
.sface .stag{align-self:center}
.sface .shint{text-align:center;color:var(--text-3);font-size:12.5px;margin-top:auto}
.sface .sru{font-size:clamp(20px,5vw,26px);font-weight:600;text-align:center;margin:6px 0 10px}
.sface .forms{text-align:center}
.sface .note{font-size:14.5px}
.sface .examples{margin-top:10px}
.sface .ex{font-size:15.5px}
.sinfo{position:absolute;top:14px;right:14px;z-index:3;width:30px;height:30px;font-size:14px}
.stamp{position:absolute;top:18px;padding:6px 12px;border-radius:8px;font-weight:700;font-size:15px;letter-spacing:.02em;opacity:0;pointer-events:none;
  border:2px solid;transform:rotate(-8deg);background:var(--bg-elev)}
.stamp.left{left:16px;color:var(--warn);border-color:var(--warn);transform:rotate(8deg)}
.stamp.right{right:16px;color:var(--success);border-color:var(--success)}
.srow{display:flex;gap:10px;align-items:center}
.srow .sbtn{flex:1;padding:13px 8px;font-size:15px}
.srow .btn.icon{width:44px;height:44px;font-size:17px}
.scount{text-align:center}
.scard-empty{border:1px dashed var(--border-strong);border-radius:20px;padding:40px 20px;text-align:center;color:var(--text-2);font-size:17px}
/* ---- info modal ---- */
.modal-bg{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:60;display:flex;align-items:flex-end;justify-content:center;padding:0}
@media(min-width:640px){.modal-bg{align-items:center;padding:24px}}
.modal{background:var(--bg-elev);border:1px solid var(--border);border-radius:20px 20px 0 0;width:100%;max-width:720px;max-height:92vh;
  display:flex;flex-direction:column;box-shadow:var(--shadow)}
@media(min-width:640px){.modal{border-radius:18px;max-height:86vh}}
.modal-top{display:flex;justify-content:space-between;gap:12px;padding:16px 18px 12px;border-bottom:1px solid var(--border)}
.mtitle{font-size:26px;margin:6px 0 2px}
.mru{margin:0;color:var(--text-2);font-size:15px}
.modal-body{padding:14px 18px 22px;overflow:auto;-webkit-overflow-scrolling:touch}
.minfo{margin:0 0 10px;color:var(--text-2);font-size:13.5px}
.msub{font-size:14px;margin:16px 0 6px;color:var(--text);font-weight:600;letter-spacing:0}
.mtab{border-collapse:collapse;width:100%;font-size:14px;background:var(--bg);border:1px solid var(--border);border-radius:10px;overflow:hidden}
.mtab th,.mtab td{padding:7px 10px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}
.mtab thead th{background:var(--bg-elev-2);font-size:12px;color:var(--text-2);font-weight:600}
.mtab tbody th{font-weight:500;color:var(--text-2);white-space:nowrap}
.mtab tr:last-child td,.mtab tr:last-child th{border-bottom:none}
.mtab td b{font-family:"Source Serif 4",Georgia,serif;font-size:16px;font-weight:600}
.cname{display:block;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:12px;color:var(--text)}
.csub{display:block;font-size:11px;color:var(--text-3)}
.tw{overflow-x:auto}
.ibtn{width:26px;height:26px;border-radius:50%;border:1px solid var(--border-strong);background:var(--bg-elev-2);color:var(--text-2);
  font-family:"Source Serif 4",Georgia,serif;font-style:italic;font-weight:600;font-size:14px;cursor:pointer;display:inline-grid;place-items:center;padding:0;flex:none;line-height:1}
.ibtn:hover{border-color:var(--accent);color:var(--accent)}
.sface .ibtn{position:absolute;top:14px;right:14px;width:30px;height:30px}

/* piemēri ar tulkojumu */
.examples{display:flex;flex-direction:column;gap:8px;margin-top:10px;max-width:70ch}
.ex{margin:0;padding-left:13px;border-left:2px solid var(--border);font-size:17px;line-height:1.5}
.ex-label{display:block;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--text-3);margin-bottom:2px}
.ex0{border-left-color:var(--accent)}.ex0 .ex-label{color:var(--accent)}
.ex.hastr{cursor:pointer}
.ex .exlv{font-family:"Source Serif 4",Georgia,serif}
.ex.hastr .exlv{border-bottom:1px dotted var(--text-3)}
.ex .exsay{vertical-align:middle;width:24px;height:24px;font-size:11px;margin-left:4px}
.ex .extr{display:none;font-size:14px;color:var(--text-2);margin-top:3px;font-family:inherit}
.ex.show .extr{display:block}
.ex.show .exlv{border-bottom-color:var(--accent)}

/* ---------- mācību režīms ---------- */
.task{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px;box-shadow:var(--shadow)}
.tprog{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.tprog .track{flex:1}
.tprog .mono{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:12px;color:var(--ink3)}
.ttype{margin:0 0 10px;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--acc)}
.tprompt{font-size:clamp(22px,5vw,30px);line-height:1.3;margin:6px 0 10px}
.tprompt.serif,.serif{font-family:"Source Serif 4",Georgia,serif}
.tprompt .gap{color:var(--acc);border-bottom:2px solid var(--acc)}
.ask{margin:0 0 6px;font-size:16px}
.opts{display:grid;gap:8px;grid-template-columns:1fr;margin-top:10px}
@media(min-width:560px){.opts{grid-template-columns:1fr 1fr}}
.opt{text-align:left;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink);font:inherit;font-size:17px;cursor:pointer;transition:border-color .12s,background .12s}
.opt:hover{border-color:var(--acc)}
.opt.sel{border-color:var(--acc);box-shadow:0 0 0 2px color-mix(in srgb,var(--acc) 30%,transparent)}
.opt.right{border-color:var(--acc);background:color-mix(in srgb,var(--acc) 14%,var(--bg))}
.opt.wrong{border-color:#d05050;background:color-mix(in srgb,#d05050 14%,var(--bg))}
.opt:disabled{cursor:default;opacity:.85}
.match [data-r].right{cursor:default}
.match [data-l].right::after{content:' 🔊';font-size:12px;opacity:.55}
.tin{flex:1;min-width:160px;font-size:20px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink)}
.tin:focus{outline:none;border-color:var(--acc)}
.dia{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.dk{width:34px;height:34px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font:inherit;font-size:16px;cursor:pointer}
.dk:hover{border-color:var(--acc)}
.bank .dk{width:40px;height:40px;font-size:19px;font-family:"Source Serif 4",Georgia,serif}
.bank .dk.used{opacity:.25;pointer-events:none}
.bank .dk.bs{font-family:inherit;font-size:15px;width:48px}
.brow{min-height:52px;border:1px dashed var(--line);border-radius:12px;padding:8px;display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.tiles{display:flex;flex-wrap:wrap;gap:8px}
.tile-w{padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);font:inherit;font-size:18px;cursor:pointer}
.tile-w:hover{border-color:var(--acc)}
.match{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.mcol{display:grid;gap:8px;align-content:start}
.mcol .opt{font-size:15.5px;padding:10px 12px}
.fb{margin-top:14px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--bg)}
.fb.ok{border-color:var(--acc)}.fb.ok>b{color:var(--acc)}
.fb.bad{border-color:#d05050}.fb.bad>b{color:#d05050}
.fbans{font-size:19px;margin-top:6px}
.btn.big{font-size:18px;padding:14px 20px}
.stiles{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media(min-width:720px){.stiles{grid-template-columns:repeat(4,1fr)}}
.stile{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px}
.stile .k{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink3)}
.stile .v{font-size:28px;font-weight:600;line-height:1.1;margin-top:4px;font-variant-numeric:tabular-nums}
.stile .v small{font-size:13px;font-weight:400;color:var(--ink3)}
.stile .d{font-size:12.5px;color:var(--ink2);margin-top:4px}
.heat{display:grid;grid-auto-flow:column;grid-template-rows:repeat(7,12px);gap:3px;overflow-x:auto;padding-bottom:4px}
.heat i{width:12px;height:12px;border-radius:3px;background:var(--line);display:block}
.heat i.l1{background:color-mix(in srgb,var(--acc) 30%,var(--line))}.heat i.l2{background:color-mix(in srgb,var(--acc) 55%,var(--line))}.heat i.l3{background:var(--acc)}
.ring{--p:0;width:74px;height:74px;border-radius:50%;background:conic-gradient(var(--acc) calc(var(--p)*1%),var(--line) 0);display:grid;place-items:center;flex:none}
.ring b{width:58px;height:58px;border-radius:50%;background:var(--surface);display:grid;place-items:center;font-size:13px;font-variant-numeric:tabular-nums}
.today{display:flex;gap:16px;align-items:center;background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--acc);border-radius:var(--r);padding:16px 18px;box-shadow:var(--shadow);flex-wrap:wrap}
.today .txt{flex:1;min-width:200px}
.today h2{margin:0;font-size:20px}
.today p{margin:4px 0 0;color:var(--ink2);font-size:14.5px}
.wl{display:grid;gap:6px}
.wl .w{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.wl .w .lv{font-family:"Source Serif 4",Georgia,serif;font-size:17px}
.wl .w .tr{color:var(--ink2);font-size:14px;flex:1}
.wl .w .st{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:11px;color:var(--ink3)}
.newcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px}
.newcard h3{margin:0;font-family:"Source Serif 4",Georgia,serif;font-size:24px;display:flex;align-items:center;gap:8px}
.newcard .tr{font-size:16px;margin:2px 0 6px}
.seg{display:flex;flex-wrap:wrap;gap:6px}
.seg button{padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font:inherit;font-size:14px;cursor:pointer}
.seg button.on{border-color:var(--acc);color:var(--acc)}
.chk{display:flex;flex-wrap:wrap;gap:8px}
.chk label{display:flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);font-size:14px;cursor:pointer}
.result{text-align:center;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r)}
.result .big{font-size:44px;font-weight:600;color:var(--acc)}

/* sinhronizācija */
.syncpill{display:inline-flex;align-items:center;gap:6px;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:12px;padding:4px 10px;border-radius:999px;border:1px solid var(--acc);color:var(--acc)}
#sync-code{font-size:16px;max-width:280px}

/* vērtēšanas rubrikas */
.rubric{margin-top:10px}
.rub{border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-top:8px;background:var(--surface)}
.rub-h{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.rub-v{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:12px;color:var(--ink3)}
.rub-seg button{min-width:40px;text-align:center}
.rub-a{margin:6px 0 0;font-size:12px}
.rub-total{margin:12px 0 0;font-size:16px}

.match [data-l]{display:flex;align-items:center;gap:8px}
.match [data-l] .minfo-btn{margin-left:auto;width:24px;height:24px;font-size:12px;font-family:"IBM Plex Sans",system-ui,sans-serif;font-style:normal;flex:none}

.mmark{margin-top:8px;display:flex;align-items:center;gap:10px;cursor:pointer;user-select:none}
.mmark .mark{width:24px;height:24px;flex:none;border-radius:50%;border:1.5px solid var(--border-strong,var(--line));background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.mmark .mark span{display:block;width:8px;height:8px;border-radius:50%;background:transparent}
.mmark[data-st="learn"] .mark{border-color:var(--warn,#d97706);background:var(--warn-bg,rgba(217,119,6,.12))}
.mmark[data-st="learn"] .mark span{background:var(--warn,#d97706)}
.mmark[data-st="known"] .mark{border-color:var(--success,#16a34a);background:var(--success-bg,rgba(22,163,74,.12))}
.mmark[data-st="known"] .mark span{background:var(--success,#16a34a);width:10px;height:10px}
.mmark .mlabel{font-size:14px;color:var(--text-2,var(--ink2))}
.mmark[data-st="learn"] .mlabel{color:var(--warn,#d97706)}
.mmark[data-st="known"] .mlabel{color:var(--success,#16a34a)}

/* galotņu izcelšana kartītē */
.mtab .end{color:var(--acc,#0f8a5f);font-weight:700}
.mtab .end.zero{opacity:.45;font-weight:400}
.formula{font-size:15px;line-height:1.7;margin:0 0 8px}
.formula .end{color:var(--acc,#0f8a5f);font-weight:700}

/* ---- kājene (LVP.header pievieno) ---- */
.foot{margin-top:40px;border-top:1px solid var(--line);color:var(--ink3);font-size:12.5px}
.foot-in{max-width:1100px;margin:0 auto;padding:16px;display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:space-between;align-items:center}
.foot nav{display:flex;flex-wrap:wrap;gap:14px}
.foot a{color:var(--ink2);text-decoration:none}
.foot a:hover{color:var(--acc)}
/* ---- atsauksmes forma ---- */
.fbform label{display:block;font-size:.9rem;color:var(--ink2);margin-top:10px}
.fbform select,.fbform textarea,.fbform input{display:block;width:100%;margin-top:4px;padding:9px 11px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--ink);font:inherit;box-sizing:border-box}
.fbform textarea{resize:vertical;min-height:110px}
.fbform .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
/* ☕ tip box (LVP.tip) */
.tipbox{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;margin:18px auto 0;max-width:640px;padding:10px 12px 10px 14px;border:1px dashed var(--line);border-radius:var(--r);background:var(--surface);color:var(--ink2);font-size:13px;line-height:1.45;text-align:left}
.tipbox>span{flex:1 1 260px}
.tipbox .tipx{background:none;border:0;color:var(--ink3);font-size:18px;line-height:1;padding:2px 6px;cursor:pointer;border-radius:6px}
.tipbox .tipx:hover{color:var(--ink);background:var(--bg-elev-2)}