/* nm-teme.css: temele site-ului (C-DESIGN, alese de Daniel pe 11.11.2026).
   Tabla (implicită, tabla 3 din pozele lui, verde #205537), Tabla albă, Caietul, Planșa tehnică, Pagina de manual.
   Se încarcă ULTIMUL în <head>, peste celelalte foi de stil. Reguli: fără umbre, fără gradienți decorativi,
   fără pastile, fără majuscule spațiate, fără dungi colorate pe o latură; chenare întregi, subțiri. */

:root,html[data-theme="tabla"]{
  --bg:#205537;--surface:#1B4A2F;--surface-2:#245C3D;--border:#4C765E;--border-2:#6E9A80;
  --ink:#E8ECE6;--ink-soft:#D3DCD6;--muted:#C0CDC5;--faded:#B4C4BA;
  --primary:#E8ECE6;--primary-ink:#1B4A2F;--link:#A4D2F0;--link-h:#CFE8F8;
  --dat:#EED36A;--cer:#A4D2F0;--cheie:#F6B8C9;--ok:#B9E3A6;--err:#F6B8C9;--logo:#EED36A;
  --ok-bg:rgba(185,227,166,.16);--tint:rgba(164,210,240,.14);--overlay:rgba(12,30,20,.72);
  --hl-galben:rgba(238,211,106,.30);--hl-roz:rgba(246,184,201,.30);--hl-albastru:rgba(164,210,240,.28);--hl-verde:rgba(185,227,166,.28);
  --fr-albastru:#E8ECE6;--fr-rosu:#F6B8C9;--fr-maro:#EED36A;--fr-mov:#A4D2F0;--fr-verde:#B9E3A6;--fr-bg:rgba(255,255,255,.035);
  --r:6px;--rp:6px;
  --font-text:'STIX Two Text',Georgia,serif;--font-ui:'Atkinson Hyperlegible Next',system-ui,sans-serif;--font-head:'STIX Two Text',Georgia,serif;
  --texture:url('/assets/tabla.svg');
  --shadow:none;--shadow-lg:none;--hero-a:var(--bg);--hero-b:var(--bg);--hero-ink:var(--ink);--hero-sub:var(--muted);
  --text:var(--ink);--accent:var(--link);--accent2:var(--cheie);--ring:var(--border);--g-soft:transparent;--g-mid:transparent;--g-strong:transparent;--g2:transparent;
  --logo-mid:var(--ink);--logo-out:var(--ink);
  color-scheme:dark;
}
html[data-theme="tabla-alba"]{
  --bg:#F5F6F2;--surface:#FFFFFF;--surface-2:#ECEEE8;--border:#D3D8D2;--border-2:#AEB7B0;
  --ink:#1E2B26;--ink-soft:#33423B;--muted:#4A5A52;--faded:#5E6B64;
  --primary:#1E2B26;--primary-ink:#F5F6F2;--link:#1B5A87;--link-h:#123F60;
  --dat:#7A5A00;--cer:#1B5A87;--cheie:#A8325A;--ok:#1F6B3A;--err:#B42318;--logo:#7A5A00;
  --ok-bg:rgba(31,107,58,.10);--tint:rgba(27,90,135,.08);--overlay:rgba(30,43,38,.45);
  --hl-galben:#FBEFB4;--hl-roz:#F7D7E2;--hl-albastru:#D6E8F5;--hl-verde:#D7EDD0;
  --fr-albastru:#1B5A87;--fr-rosu:#A8325A;--fr-maro:#7A5A00;--fr-mov:#1B5A87;--fr-verde:#1F6B3A;--fr-bg:#F7F8F5;
  --r:6px;--rp:6px;
  --font-text:'STIX Two Text',Georgia,serif;--font-ui:'Atkinson Hyperlegible Next',system-ui,sans-serif;--font-head:'STIX Two Text',Georgia,serif;
  --texture:none;color-scheme:light;
}
html[data-theme="caiet"]{
  --bg:#F9FBFD;--surface:#FFFFFF;--surface-2:#F1F5FA;--border:#C9D5E3;--border-2:#9AA9BD;
  --ink:#1A1F2B;--ink-soft:#2E3646;--muted:#4A5363;--faded:#5E6878;
  --primary:#1F3F9E;--primary-ink:#FFFFFF;--link:#1F3F9E;--link-h:#142C73;
  --dat:#8A5A00;--cer:#1F3F9E;--cheie:#C0222B;--ok:#1F6B3A;--err:#C0222B;--logo:#D2232A;
  --ok-bg:rgba(31,107,58,.09);--tint:rgba(31,63,158,.07);--overlay:rgba(26,31,43,.45);
  --hl-galben:#FBEFB4;--hl-roz:#F9D6E0;--hl-albastru:#D7E3F7;--hl-verde:#D8EDD2;
  --fr-albastru:#1F3F9E;--fr-rosu:#C0222B;--fr-maro:#8A5A00;--fr-mov:#1F3F9E;--fr-verde:#1F6B3A;--fr-bg:#FFFFFF;
  --r:3px;--rp:3px;
  --font-text:'Literata',Georgia,serif;--font-ui:'Hanken Grotesk',system-ui,sans-serif;--font-head:'Literata',Georgia,serif;
  --texture:linear-gradient(#DDE6F0 1px,transparent 1px),linear-gradient(90deg,#DDE6F0 1px,transparent 1px);--texture-size:20px 20px;
  color-scheme:light;
}
html[data-theme="plansa"]{
  --bg:#F4F7F9;--surface:#FFFFFF;--surface-2:#EDF2F6;--border:#B8CCDA;--border-2:#8FB3CC;
  --ink:#10202E;--ink-soft:#24384A;--muted:#3E5468;--faded:#566B7E;
  --primary:#0B4F7C;--primary-ink:#FFFFFF;--link:#0B4F7C;--link-h:#08395A;
  --dat:#9A5B00;--cer:#0B4F7C;--cheie:#A3245A;--ok:#1F6B3A;--err:#A3245A;--logo:#9A5B00;
  --ok-bg:rgba(31,107,58,.09);--tint:rgba(11,79,124,.07);--overlay:rgba(16,32,46,.45);
  --hl-galben:#F8EBC0;--hl-roz:#F3D6E2;--hl-albastru:#D3E5F1;--hl-verde:#D6EBD3;
  --fr-albastru:#0B4F7C;--fr-rosu:#A3245A;--fr-maro:#9A5B00;--fr-mov:#0B4F7C;--fr-verde:#1F6B3A;--fr-bg:#FFFFFF;
  --r:0px;--rp:0px;
  --font-text:'Red Hat Text',system-ui,sans-serif;--font-ui:'Red Hat Text',system-ui,sans-serif;--font-head:'Red Hat Display',system-ui,sans-serif;
  --texture:radial-gradient(#C3D3DF 1px,transparent 1.4px);--texture-size:16px 16px;
  color-scheme:light;
}
html[data-theme="manual"]{
  --bg:#FDFDFD;--surface:#FFFFFF;--surface-2:#F3F4F6;--border:#D5D8DE;--border-2:#A9AEB8;
  --ink:#17191E;--ink-soft:#2C2F36;--muted:#4E535D;--faded:#60656F;
  --primary:#17191E;--primary-ink:#FFFFFF;--link:#1D4FA8;--link-h:#143A80;
  --dat:#7A5A00;--cer:#1D4FA8;--cheie:#C8102E;--ok:#1F6B3A;--err:#C8102E;--logo:#C8102E;
  --ok-bg:rgba(31,107,58,.09);--tint:rgba(29,79,168,.07);--overlay:rgba(23,25,30,.45);
  --hl-galben:#FBEFB4;--hl-roz:#F8D5DC;--hl-albastru:#D8E3F5;--hl-verde:#D8EDD2;
  --fr-albastru:#1D4FA8;--fr-rosu:#C8102E;--fr-maro:#7A5A00;--fr-mov:#1D4FA8;--fr-verde:#1F6B3A;--fr-bg:#FFFFFF;
  --r:2px;--rp:2px;
  --font-text:'Source Serif 4',Georgia,serif;--font-ui:'Familjen Grotesk',system-ui,sans-serif;--font-head:'Familjen Grotesk',system-ui,sans-serif;
  --texture:none;color-scheme:light;
}
html[data-theme]:not([data-theme="tabla"]){--shadow:none;--shadow-lg:none;--hero-a:var(--bg);--hero-b:var(--bg);--hero-ink:var(--ink);--hero-sub:var(--muted);
  --text:var(--ink);--accent:var(--link);--accent2:var(--cheie);--ring:var(--border);--g-soft:transparent;--g-mid:transparent;--g-strong:transparent;--g2:transparent;--logo-mid:var(--ink);--logo-out:var(--ink)}

/* ---------- baza ---------- */
html{background:var(--bg)}
body{background:var(--bg) !important;color:var(--ink);font-family:var(--font-text);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:var(--texture);background-size:var(--texture-size,100% 100%)}
html[data-theme="tabla"] body::before{background-size:100% 100%}
body{position:relative;z-index:0;isolation:isolate}
a{color:var(--link);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--link-h)}
h1,h2,h3,h4,.wordmark{font-family:var(--font-head);color:var(--ink);letter-spacing:0}
h1{font-weight:700}
button,input,select,textarea,label,.btn,nav,small,.crumbs,.badge,.chip,.nm-ui,table{font-family:var(--font-ui)}
input,select,textarea{background:var(--surface);color:var(--ink);border-color:var(--border)}
input::placeholder,textarea::placeholder{color:var(--faded)}
::selection{background:var(--hl-albastru)}
:focus-visible{outline:2px solid var(--link);outline-offset:2px}
hr{border:0;border-top:1px solid var(--border)}
main{position:relative}
*{box-shadow:none !important;text-shadow:none !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important}

/* ---------- antetul ---------- */
.topbar{background:var(--bg) !important;border-bottom:1px solid var(--border) !important;box-shadow:none !important}
.topbar::before{content:'';position:absolute;inset:0;z-index:-1;background-image:var(--texture);background-size:var(--texture-size,1600px 1000px);background-attachment:fixed;pointer-events:none}
.topbar .inner{gap:14px;padding-top:16px;padding-bottom:14px}
.wordmark{gap:0;text-decoration:none}
.nm-wm{font-family:var(--font-head);font-weight:700;font-size:26px;line-height:1;color:var(--ink);letter-spacing:0;white-space:nowrap}
.nm-wm .nm-wm-ro{color:var(--logo)}
.nm-logo-svg,.nm-word{display:none !important}
.topnav{gap:6px 26px;justify-content:flex-start;padding-bottom:2px}
.topnav a{background:none !important;border:0 !important;border-radius:0 !important;padding:4px 0 5px !important;color:var(--ink-soft) !important;font-family:var(--font-ui);font-weight:400 !important;font-size:15.5px !important;border-bottom:2px solid transparent !important}
.topnav a:hover{color:var(--ink) !important;border-bottom-color:var(--border-2) !important}
.topnav a.active{color:var(--ink) !important;border-bottom-color:var(--dat) !important}
.nmctrl{gap:10px}
.nm-hbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;height:44px;padding:0 12px;background:transparent;color:var(--ink);border:1px solid var(--border);border-radius:var(--r);font-family:var(--font-ui);font-size:15px;cursor:pointer;text-decoration:none;position:relative}
.nm-hbtn:hover{border-color:var(--border-2);color:var(--ink)}
.nm-hbtn svg{width:20px;height:20px}
.nm-hlink{font-family:var(--font-ui);font-size:15.5px;color:var(--ink);text-decoration:none;padding:10px 4px}
.nm-hlink:hover{text-decoration:underline}
#nm-admin-link{background:transparent !important;color:var(--dat) !important;border:1px solid var(--border);border-radius:var(--r) !important;font-family:var(--font-ui);font-weight:400 !important}
/* meniul de teme */
.nm-theme{position:relative}
.nm-tmenu{position:absolute;top:calc(100% + 8px);right:0;width:270px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:8px 0;z-index:60}
.nm-tmenu[hidden]{display:none}
.nm-tsect{font-family:var(--font-ui);font-size:14px;color:var(--muted);padding:6px 16px 8px}
.nm-topt{display:flex;align-items:flex-start;gap:12px;width:100%;text-align:left;background:transparent;border:0;padding:9px 16px;cursor:pointer;color:var(--ink);font-family:var(--font-ui)}
.nm-topt:hover{background:var(--surface-2)}
.nm-topt .rad{flex:none;width:20px;height:20px;border:1.5px solid var(--muted);border-radius:50%;margin-top:2px;display:flex;align-items:center;justify-content:center}
.nm-topt.sel .rad{border-color:var(--ink)}
.nm-topt.sel .rad::after{content:'';width:10px;height:10px;border-radius:50%;background:var(--ink)}
.nm-topt b{display:block;font-weight:400;font-size:16px;line-height:1.25}
.nm-topt small{display:block;font-size:13.5px;color:var(--muted);line-height:1.3}
/* clopoțelul și orice buton din colțul antetului primesc aceeași formă */
.nmctrl button,.nmctrl>a:not(#nm-admin-link){border-radius:var(--r) !important}
/* telefonul: meniul întreg pe un ecran */
.nm-burger{display:none}
@media(max-width:760px){
  .topbar .inner{padding:12px 16px}
  .topnav{display:none !important}
  .nm-burger{display:inline-flex}
  .nm-theme .nm-hbtn .tx{display:none}
  .nm-theme{display:none}
  .nm-wm{font-size:22px}
  .nm-contul{display:none}
}
.nm-drawer{position:fixed;inset:0;z-index:200;background:var(--bg);overflow:auto;display:flex;flex-direction:column}
.nm-drawer::before{content:'';position:fixed;inset:0;z-index:-1;background-image:var(--texture);background-size:var(--texture-size,100% 100%);pointer-events:none}
.nm-drawer[hidden]{display:none}
.nm-drawer .dh{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border)}
.nm-drawer nav{display:flex;flex-direction:column;padding:4px 16px}
.nm-drawer nav a{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--font-text);font-size:19px;color:var(--ink);text-decoration:none;padding:12px 0;border-bottom:1px solid var(--border)}
.nm-drawer nav a.active span:first-child{border-bottom:2px solid var(--dat);padding-bottom:2px}
.nm-drawer nav a small{font-family:var(--font-ui);font-size:14px;color:var(--muted)}
.nm-drawer .nm-tsect{padding:16px 16px 6px}
.nm-drawer .nm-topt{padding:9px 16px}
body.nm-noscroll{overflow:hidden}

/* ---------- conținutul paginilor ---------- */
.crumbs{font-family:var(--font-ui);font-size:14.5px;color:var(--muted)}
.crumbs a{color:var(--muted)}
h1.pagetitle{color:var(--ink) !important;font-size:2em;line-height:1.15;margin:.3em 0 .6em}
.hero{background:transparent !important;border:0 !important;border-bottom:1px solid var(--border) !important;border-radius:0 !important;padding:30px 0 34px !important}
.hero h1{font-size:2.4em;color:var(--ink) !important}
.hero p{color:var(--ink-soft) !important}
.cards{gap:0 40px}
.card{background:transparent !important;border:0 !important;border-bottom:1px solid var(--border) !important;border-top:0 !important;border-radius:0 !important;padding:16px 0 !important}
.card:hover{border-bottom-color:var(--border-2) !important}
.card h3{color:var(--ink) !important;font-size:1.25em;margin:0 0 4px}
.card.alt h3{color:var(--ink) !important}
.card p{color:var(--muted) !important}
.card:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.unit,.subteme,.yearblock,.freenote,.nmclass,.box,.bcard,.srow,.sec{background:var(--surface);border:1px solid var(--border) !important;border-radius:var(--r) !important}
.subteme h2,.unit h2,.yearblock h3{color:var(--ink) !important}
.badge,.tag,.btag,.stbadge,.pill,.lb,.dcur{border-radius:var(--r) !important;background:transparent !important;border:1px solid var(--border);color:var(--muted) !important;font-weight:400 !important;letter-spacing:0 !important;text-transform:none !important}
.wip,.howto{background:transparent !important;border:1px solid var(--dat) !important;color:var(--ink) !important;border-radius:var(--r) !important}
a.cta-btn,button.cta-btn,.hero .cta,.btn-prim,.nmui-b.prim,.nmui-b.ok,.nmup-go,.nmprof-btn,.nmtest .open,.paywall a.buy{background:var(--primary) !important;color:var(--primary-ink) !important;border:1.5px solid var(--primary) !important;border-radius:var(--r) !important;font-family:var(--font-ui);font-weight:700}
.btn-ghost,.nmui-b,.nmui-file,.nmtest .up,.nm-pg-btn,.pw-eye{background:transparent !important;color:var(--ink) !important;border:1.5px solid var(--muted) !important;border-radius:var(--r) !important;font-family:var(--font-ui)}
.nmui-b.danger{background:transparent !important;color:var(--err) !important;border-color:var(--err) !important}
.nm-pg-btn.on{background:var(--ok-bg) !important;border-color:var(--ok) !important;color:var(--ink) !important}
.nm-pg-fav.on{background:var(--hl-galben) !important;border-color:var(--dat) !important;color:var(--ink) !important}
footer{background:transparent !important;border-top:1px solid var(--border) !important;font-family:var(--font-ui)}
footer a{color:var(--link) !important}
#nm-cookiebar{border-radius:var(--r) !important;background:var(--surface) !important;color:var(--ink) !important}
#nm-ck-ok{background:var(--primary) !important;color:var(--primary-ink) !important;border-radius:var(--r) !important}

/* filele (ptabs) ca file de caiet, nu pastile */
.ptabs{gap:6px 24px;border-bottom:1px solid var(--border)}
.ptabs button{background:none !important;border:0 !important;border-bottom:2px solid transparent !important;border-radius:0 !important;padding:8px 0 !important;color:var(--muted) !important;font-weight:400 !important}
.ptabs button.sel{color:var(--ink) !important;border-bottom-color:var(--dat) !important}
a.chip{background:transparent !important;border:1px solid var(--border) !important;border-radius:var(--r) !important;color:var(--ink) !important;font-weight:400 !important}
a.chip:hover{border-color:var(--border-2) !important}
a.chip svg{color:var(--muted) !important}

/* ferestrele (modale) */
.nmmodal-backdrop,.nmup-back,.nmui-back,.backdrop.on{background:var(--overlay) !important}
.nmmodal-card,.nmup-card,.nmui-card{background:var(--surface) !important;border:1px solid var(--border) !important;border-radius:var(--r) !important;animation:none !important}
.nmmodal-head h3,.nmup-card h3,.nmui-h{color:var(--ink) !important;font-family:var(--font-head) !important}
.nmmodal-close,.nmup-x,.nmui-x{background:transparent !important;border:1px solid var(--border) !important;border-radius:var(--r) !important;color:var(--ink) !important}
.nmprogress .bar{border-radius:0 !important;background:var(--border) !important;height:4px !important}
.nmprogress .bar>i{background:var(--ink) !important}
.nmtest{background:transparent !important;border:0 !important;border-bottom:1px solid var(--border) !important;border-radius:0 !important;margin:0 !important}
.nmtest.done{background:transparent !important}
.nmtest .yr{background:transparent !important;color:var(--dat) !important;border:1px solid var(--border);border-radius:var(--r) !important}
.nmtest.done .yr{color:var(--muted) !important}
.nmtest .chk{border-radius:var(--r) !important;border-color:var(--muted) !important;background:transparent !important}
.nmtest.done .chk{background:var(--ink) !important;border-color:var(--ink) !important}
.nmtest.done .chk svg{color:var(--bg) !important}
.nmtest .badge.demo{color:var(--dat) !important;border-color:var(--dat) !important}
.nmtest .up.sent{background:transparent !important;color:var(--ok) !important;border-color:var(--ok) !important}
.nmprof-btn .cnt{background:transparent !important;font-weight:400}
.nmprof-btn[data-empty="1"]{background:transparent !important;color:var(--muted) !important;border-color:var(--border) !important}
.nma-rec,.nma-play{border-radius:var(--r) !important;background:var(--surface) !important}

/* tabelele din admin, cont, profesor */
table{border-collapse:collapse}
th{color:var(--muted);font-weight:400}
th,td{border-color:var(--border) !important}

/* ---------- prima pagină (nm-landing) ---------- */
.lhero{background:transparent !important}
.lhero-orb,.scrollcue .handwrap::before,.glowb::before,.prem-band::before{display:none !important}
.eyebrow{background:transparent !important;border:0 !important;padding:0 !important;color:var(--muted) !important;font-weight:400 !important;font-family:var(--font-ui)}
.eyebrow .dot{display:none}
.lhero h1 .hl,.hl{color:var(--dat) !important;background:none !important;-webkit-text-fill-color:currentColor !important}
.sec-kick{color:var(--muted) !important;font-weight:400 !important;font-family:var(--font-ui)}
.lhero-trust svg{color:var(--muted)}
.btn{border-radius:var(--r) !important;transition:none !important}
.btn:hover{transform:none !important}
.btn-prim{background:var(--primary) !important;color:var(--primary-ink) !important;border-color:var(--primary) !important}
.btn-white{background:var(--primary) !important;color:var(--primary-ink) !important}
.band.tinted{background:transparent !important;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.fx-item{background:transparent !important;border:0 !important;color:var(--faded) !important}
.tp,.step,.m-card,.fcard,.ecocard,.lesson-note,.eco-lead,.level,.stat,.six>*{background:var(--surface) !important;border:1px solid var(--border) !important;border-radius:var(--r) !important;animation-name:none !important}
.riser{animation:none !important;transform:none !important}
.tp .th{color:var(--ink) !important;font-family:var(--font-ui);font-weight:700}
.tp-teorie,.tp-teorie .th,.tp-teorie .sub{color:var(--fr-rosu) !important}
.tp .pas{background:transparent !important;border:0 !important;color:var(--cheie) !important;font-family:var(--font-ui)}
.tp .ex .no,.m-card.no b{color:var(--err) !important}
.tp .ex .yes,.m-card.ok b{color:var(--ok) !important}
.m-card.ok,.m-card.no{background:transparent !important}
.step .n{background:transparent !important;color:var(--dat) !important;border:1px solid var(--border);border-radius:var(--r) !important;font-family:var(--font-head)}
.level .bar{background:var(--ink) !important;border-radius:0 !important}
.prem-band{background:var(--surface) !important;border:1px solid var(--border);border-radius:var(--r) !important;color:var(--ink) !important}
.prem-band h2,.prem-band p{color:var(--ink) !important}
.eco-avatar{background:transparent !important;color:var(--ink) !important;border:1px solid var(--border);border-radius:var(--r) !important}
.fcard .soon{background:transparent !important;color:var(--dat) !important;border:1px solid var(--dat);border-radius:var(--r) !important}
.stat .num{color:var(--dat) !important}
.solve .lines{background-image:repeating-linear-gradient(to bottom,transparent,transparent 23px,var(--border) 23px,var(--border) 24px) !important}
.scrollcue .lbl{background:transparent !important;border:0 !important;color:var(--muted) !important}
.scrollcue .hand{color:var(--muted) !important}

/* ---------- panourile testelor (/t/) și paginile de test vechi (nm-test.css) ---------- */
.page,details.sheet,.subgrp{background:transparent !important;border:0 !important;border-radius:0 !important}
.sheetbody{color:var(--ink)}
.chero{background:transparent !important;color:var(--ink) !important;border-bottom:1px solid var(--border);border-radius:0 !important}
.excard{border-color:var(--border) !important;border-radius:var(--r) !important}
.excard .exid{color:var(--dat) !important}
.excard .exti{color:var(--ink) !important}
.workspace{background:repeating-linear-gradient(transparent,transparent 30px,var(--border) 31px) !important;border-color:var(--border) !important;border-radius:var(--r) !important}
.btnbar{background:var(--bg) !important;border-top:1px solid var(--border) !important}
.btnbar button{background:transparent !important;color:var(--ink) !important;border:1.5px solid var(--muted) !important;border-radius:var(--r) !important}
.subiect-badge{background:transparent !important;color:var(--muted) !important;border:1px solid var(--border);border-radius:var(--r) !important}
.pct-badge{color:var(--dat) !important}

/* fragmentele: culorile lor fixe se mută pe rolurile temei (nm-culori.js); aici doar formele */
.nm-fr-panou{border-width:1px !important;border-radius:var(--r) !important}
.nm-ic-fr{width:1em;height:1em;vertical-align:-.13em;margin-right:.15em}

/* „Pas cu pas”, pașii pe rând */
.nm-pasi .nm-pas{transition:opacity .2s}
.nm-pasi .nm-pas.vechi{opacity:.55}
.nm-pasi .nm-pas[hidden]{display:none}
.nm-pasbar{position:sticky;bottom:0;background:var(--bg);border-top:1px solid var(--border);padding:12px 0 calc(12px + env(safe-area-inset-bottom));margin-top:20px}
.nm-pasbar::before{content:'';position:absolute;inset:0;z-index:-1;background-image:var(--texture);background-size:var(--texture-size,1600px 1000px);background-attachment:fixed}
.nm-pasbar .seg{display:flex;gap:6px;margin-bottom:12px}
.nm-pasbar .seg i{flex:1;height:3px;background:var(--border)}
.nm-pasbar .seg i.on{background:var(--ink)}
.nm-pasbar .bt{display:flex;gap:10px}
.nm-pasbar .bt button{flex:1}
.nm-pasbar .toti{display:block;text-align:center;margin-top:10px;font-family:var(--font-ui);font-size:15px}
.nm-b1,.nm-b2{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:var(--r);font-family:var(--font-ui);font-size:16px;cursor:pointer;text-decoration:none;line-height:1.2}
.nm-b1{background:var(--primary);color:var(--primary-ink);border:1.5px solid var(--primary);font-weight:700}
.nm-b2{background:transparent;color:var(--ink);border:1.5px solid var(--muted)}
.nm-b1:hover{color:var(--primary-ink);filter:brightness(1.04)}
.nm-b2:hover{color:var(--ink);border-color:var(--ink)}
.nm-b1:disabled,.nm-b2:disabled{opacity:.45;cursor:default}

/* ---------- lecțiile (nm-lectie-pagina.css) ---------- */
.nl-panou{border-width:1px !important;border-radius:var(--r) !important;background:var(--fr-bg) !important}
.nl-teorie{border-color:var(--fr-rosu) !important;color:var(--fr-rosu) !important}
.nl-rez,.nl-dem,.nl-info,.nl-schela,.nl-metoda{border-color:var(--border) !important;color:var(--fr-albastru) !important}
.nl-enunt{border-color:var(--border) !important;color:var(--ink) !important}
.nl-gres{border-color:var(--fr-maro) !important;color:var(--fr-maro) !important}
.nl-gres .nl-antet{color:var(--fr-maro) !important}
.nl-mov{border-color:var(--border) !important;color:var(--fr-mov) !important}
.nl-verif-te{border-color:var(--border) !important;color:var(--ink) !important}
.nl-panou.nl-schela>.nl-antet,.nl-verif-te>.nl-antet{color:var(--ink) !important}
.nl-cursiv{font-family:var(--font-head) !important;font-size:19px}
.nl-cursiv .r,.nl .r,.nl-asa .nl-nu{color:var(--fr-rosu) !important}
.nl-v{color:var(--fr-mov) !important}
.nl-bula{background:transparent !important;border:1px solid var(--fr-rosu) !important;color:var(--fr-rosu) !important;border-radius:var(--r) !important}
.nl-pas,.nl-nar .nl-tag,.nl-metoda,.nl-verif,.nl-nota .d{color:var(--ink) !important}
.nl-sbac,.nl-exe,.nl-opr,.nl-cap,.nl-incarca,.nl-vechi,.nl-verif .ajutor,.nl-nota .s,.nl-barem .et{color:var(--muted) !important}
.nl-asa{color:var(--fr-albastru) !important}
.nl-sec,.nl-sub,.nl-ptitlu,.nl-prog .t,.nl-bifa,.nl-zid,.nl-desen,.nl-cai,.nl-ideea,.nl-punte,.nl-nar{color:var(--ink) !important}
.nl-nar.nl-atentie{color:var(--fr-maro) !important}
.nl-ptitlu{font-family:var(--font-head)}
.nl-nrp{background:transparent !important;color:var(--fr-rosu) !important;border:1.5px solid var(--fr-rosu);border-radius:var(--r) !important;font-family:var(--font-head)}
.nl-cerc{background:transparent !important;color:var(--fr-albastru) !important;border:1px solid currentColor}
.nl-sus{background:transparent !important;border:1px solid var(--border) !important;border-radius:var(--r) !important}
.nl-prog .b{background:var(--border) !important;border-radius:0 !important;height:4px !important}
.nl-prog .b i{background:var(--ink) !important;border-radius:0 !important}
.nl-b{background:transparent !important;border:1.5px solid var(--muted) !important;color:var(--ink) !important;border-radius:var(--r) !important;font-family:var(--font-ui);font-weight:400 !important;font-size:14.5px !important}
.nl-b:hover{border-color:var(--ink) !important}
.nl-b.pdf{background:var(--primary) !important;color:var(--primary-ink) !important;border-color:var(--primary) !important;font-weight:700 !important}
.nl-b.verde{border-color:var(--ok) !important;color:var(--ok) !important}
.nl-b.rosu{border-color:var(--err) !important;color:var(--err) !important}
.nl-bifa{background:transparent !important;border:1.5px solid var(--border) !important;border-radius:var(--r) !important;font-weight:400 !important}
.nl-bifa.ok{border-color:var(--ok) !important;color:var(--ok) !important;background:var(--ok-bg) !important}
.nl-bifa input,.nl-veisti input{accent-color:var(--ink)}
.nl-rezultat,.nl-verif,.nl-zid,.nl-nota,.nl-ceas{background:transparent !important;border:1px solid var(--border) !important;border-radius:var(--r) !important}
.nl-rezultat,.nl-zid b,.nl-ascuns,.nl-nota,.nl-ceas{color:var(--fr-albastru) !important}
.nl-ceas{background:var(--bg) !important}
.nl-ceas.putin{border-color:var(--err) !important;color:var(--err) !important}
.nl-verif input[type=text]{background:var(--surface) !important;color:var(--ink) !important;border:1.5px solid var(--border) !important;border-radius:var(--r) !important}
.nl-verif input.bun,.nl-var label.bun{border-color:var(--ok) !important;background:var(--ok-bg) !important}
.nl-verif input.rau,.nl-var label.rau{border-color:var(--err) !important;background:transparent !important}
.nl-verif .mesaj.bun{color:var(--ok) !important}
.nl-verif .mesaj.rau{color:var(--err) !important}
.nl-var label{background:transparent !important;border:1.5px solid var(--border) !important;border-radius:var(--r) !important;font-weight:400 !important}
.nl-mod{border-color:var(--muted) !important;border-radius:var(--r) !important}
.nl-mod button{background:transparent !important;color:var(--ink) !important;font-weight:400 !important}
.nl-mod button[aria-pressed=true]{background:var(--primary) !important;color:var(--primary-ink) !important}
.nl-ideea{background:transparent !important;border:1px solid var(--border) !important;border-radius:var(--r) !important}
.nl-cai th{background:transparent !important;color:var(--muted) !important}
.nl-cai th,.nl-cai td,.nl-cai tr{border-color:var(--border) !important}
.nl-cai td[data-et]::before{color:var(--muted) !important}
.nl-barem img{background:#fff;border-radius:var(--r)}

.nl-ex.tinta>.nl-enunt{border-color:var(--dat) !important}
.nl-desen svg text{fill:currentColor}
/* desenele lecțiilor sunt făcute pe alb; pe tablă stau pe o foaie albă, ca o planșă prinsă pe tablă */


/* KaTeX: \colorbox-urile pastel (markerele lui Daniel) se văd ca marker pe tema curentă */
.katex .colorbox{border-radius:2px}

/* paginile de profesor, cont, admin: rândurile și etichetele de stare */
.lb.s2{color:var(--cer) !important;border-color:var(--cer) !important}
.lb.s3{color:var(--ok) !important;border-color:var(--ok) !important}

/* contrastul pe tablă: textele mici „muted” rămân peste 4,5:1 */
html[data-theme="tabla"] .muted{color:var(--muted)}

/* clopoțelul de notificări (nm-notif.js) ca butoanele din antet */
.nm-bell{width:44px;height:44px;border:1px solid var(--border) !important;border-radius:var(--r) !important;color:var(--ink) !important;padding:0 !important}
.nm-bell:hover{background:transparent !important;border-color:var(--border-2) !important}
.nm-bell svg{width:20px !important;height:20px !important}
.nm-bell-badge{background:var(--ink) !important;color:var(--bg) !important;border:2px solid var(--bg) !important;border-radius:9px !important}
/* panourile /t/: conținutul stă direct pe tablă, fără cutia exterioară a fragmentului */
#nm-page .sheetbody>div:not(.nm-pas){border:0 !important;background:transparent !important;padding:0 !important;margin:0 0 18px !important;border-radius:0 !important}
#nm-page .sheetbody>.nm-pasi>div,#nm-page .sheetbody>div>div[style*="border"]:first-child{margin-top:0}
.tp .disp{font-size:1.12em;color:var(--ink) !important}
.tp .txt,.tp .brow{color:var(--ink-soft)}
/* desenele și baremele oficiale sunt făcute pe hârtie albă: pe tablă stau pe o foaie prinsă pe tablă,
   cu culorile tablei albe înăuntru */
html[data-theme="tabla"] .nl-desen,html[data-theme="tabla"] .nl-barem img{
  --ink:#1E2B26;--ink-soft:#33423B;--muted:#4A5A52;--faded:#5E6B64;--border:#D3D8D2;--border-2:#AEB7B0;
  --fr-albastru:#1B5A87;--fr-rosu:#A8325A;--fr-maro:#7A5A00;--fr-mov:#1B5A87;--fr-verde:#1F6B3A;--fr-bg:#F7F8F5;
  --hl-galben:#FBEFB4;--hl-roz:#F7D7E2;--hl-albastru:#D6E8F5;--hl-verde:#D7EDD0;--link:#1B5A87;
  background:#F5F6F2;color:#1E2B26 !important;border-radius:var(--r);padding:12px}

/* /bac/antrenamente/: culorile vitrinei trec pe rolurile temei (verificare 12.11.2026) */
.vitr{--vi:var(--cer) !important;--sk:var(--cer) !important;--am:var(--dat) !important;--ro:var(--cheie) !important;--vio:var(--cer) !important;--em:var(--ok) !important;--bc:var(--border-2) !important}
.vitr .pill.e,.vitr .pill.s,.vitr .pill.a,.vitr .pill.r,.vitr .pill.v{--pc:var(--border-2) !important;--pc-tx:var(--ink) !important;background:transparent !important}
.vitr .bcard{border-top:1px solid var(--border) !important}
.vitr .btag{background:transparent !important;color:var(--dat) !important;border:1px solid var(--border)}
.vitr .aur,.vitr .mcard.no,.vitr .mcard.ok{background:transparent !important}
.vitr .salut{border-left-width:1px !important}
h2.sec{background:transparent !important;border:0 !important}
h2.sec::before{display:none !important}
/* /t/: „ascuns” rămâne ascuns; pasul nou nu intră sub antetul lipit */
.nm-urm[hidden]{display:none !important}
.nm-pas{scroll-margin-top:130px}
/* notificările: etichetele de grup normale */
.nm-ngroup{text-transform:none !important;letter-spacing:0 !important;font-size:14px !important}
/* /cont/ „Părinții mei” */
#me-parinti{margin-top:22px}
#me-parinti h3{font-size:1.05em;margin:0 0 8px}
#me-parinti .lrow{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;border:1px solid var(--border);border-radius:var(--r);padding:10px 14px;margin:7px 0}
#me-parinti .lt{font-weight:700}
#me-parinti .lm{color:var(--muted);font-size:.86em;font-family:var(--font-ui)}
#me-parinti .ldel{border:1.5px solid var(--muted);background:transparent;color:var(--err);border-radius:var(--r);padding:6px 12px;font-family:var(--font-ui);cursor:pointer}
/* graficele mari din fragmente sunt desenate pe alb: pe tablă stau pe o foaie, ca desenele din lecții */
html[data-theme="tabla"] #nm-page svg.nm-foaie,html[data-theme="tabla"] #nm-enunt svg.nm-foaie{background:#F5F6F2;border-radius:var(--r);padding:8px;color:#1E2B26;max-width:100%;height:auto}
/* /cont/: comutatoarele notificărilor, fără pastilă; bulina se vede pe orice temă */
.ntf-toggle input{border-radius:var(--r) !important;background:transparent !important;border-color:var(--muted) !important}
.ntf-toggle input::after{border-radius:2px !important;background:var(--muted) !important}
.ntf-toggle input:checked{background:var(--primary) !important;border-color:var(--primary) !important}
.ntf-toggle input:checked::after{background:var(--primary-ink) !important}
