/* Stilul sitului imaginii HD Satelit (stb.hdsatelit.com): culorile si fontul skinului HDSatelit al imaginii
   (HDSatelit/skin.xml, Open Sans), dupa designul din Stitch (situl-imaginii/design). Fara resurse de pe alte situri. */
@font-face{font-family:"Open Sans";src:url(fonturi/OpenSans-Regular.ttf) format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Open Sans";src:url(fonturi/OpenSans-SemiBold.ttf) format("truetype");font-weight:600;font-display:swap}
:root{--fundal:#10162A;--panou:#1A2236;--celula:#282D3F;--linie:#2A3350;--text:#F2F4F8;--text2:#C9D2E3;
  --eticheta:#AEB9CC;--brand:#374EA1;--brand2:#9FB4FF;--bine:#4FD18B;--atentie:#F5B83D;--rau:#FF6B5E}
/* varianta luminoasa (comutatorul din antet; din fabrica dupa setarea sistemului) */
:root[data-tema="luminos"]{--fundal:#F4F6FB;--panou:#FFFFFF;--celula:#E9EDF6;--linie:#D5DCEA;--text:#10162A;
  --text2:#3B4560;--eticheta:#5E6A82;--brand:#374EA1;--brand2:#2F45A0;--bine:#1E8E55;--atentie:#B87A00;--rau:#C8392B}
:root[data-tema="luminos"] .banda-pregatire{background:#FFF4DA;color:#7A5200}
:root[data-tema="luminos"] .fel.nou{background:#DDF5E8}
:root[data-tema="luminos"] .fel.imbunatatit{background:#E2E8FB}
:root[data-tema="luminos"] .fel.reparat{background:#FCEFD3}
/* ANTETUL, ca pe SatBase (Eduard 01.11.2026 13:43-13:48: „asa cum e pe satbase”, „prea multe stiluri si nu e uniform”):
   la stanga butonul MENIU si sigla HD Satelit cu „ENIGMA 2” intre doua linii, la dreapta limba (lista derulanta) si
   contul; MENIU deschide sub antet sertarul cu legaturile (grila de butoane) si tema. Culorile si marimile sunt cele
   masurate pe satbase.hdsatelit.com (app/sabloane/cadru.php, app/css/tema.css): pastilele negre si inclinate devin
   albastre pe tema intunecata, butoanele din sertar albastru-deschis, cel activ albastru mai tare. */
:root{--a-fundal:#0E1426;--a-linie:#2A3350;--a-chenar:#2A3350;--a-pastila:#2563EB;--a-pastila-sub:#3B82F6;--a-text:#F1F5F9;
  --a-text2:#94A3B8;--a-buton:#172138;--a-buton-sub:#1F2B47;--a-activ:#0369A1;--a-activ-text:#E0F2FE;--a-lista:#0E1426;
  --a-lista-sub:#172138;--a-curent:#38BDF8;--a-sigla:#6C84E0;--a-umbra:0 10px 15px -3px rgba(0,0,0,.45),0 4px 6px -4px rgba(0,0,0,.45)}
:root[data-tema="luminos"]{--a-fundal:#FFFFFF;--a-linie:rgba(198,198,205,.45);--a-chenar:rgba(198,198,205,.6);
  --a-pastila:#000000;--a-pastila-sub:#213145;--a-text:#0B1C30;--a-text2:#45464D;--a-buton:#EFF4FF;--a-buton-sub:#E5EEFF;
  --a-activ:#A3D4FF;--a-activ-text:#275C81;--a-lista:#FFFFFF;--a-lista-sub:#EFF4FF;--a-curent:#2F6388;--a-sigla:#2F4FA6;
  --a-umbra:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}
.antet{position:sticky;top:0;z-index:5;background:var(--a-fundal);color:var(--a-text);border-bottom:1px solid var(--a-linie);
  box-shadow:0 1px 2px rgba(0,0,0,.05)}
.antet-rand{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:59px;padding-top:8px;
  padding-bottom:8px}
.antet-stanga,.antet-dreapta{display:flex;align-items:center;min-width:0}
.antet-stanga{gap:16px}
.antet-dreapta{gap:8px;flex:none}
/* pastilele negre (MENIU, contul): inclinate, cu continutul indreptat (skew-pill / unskew de pe SatBase) */
.meniu-buton,.cont-buton{display:inline-flex;align-items:center;min-height:30px;padding:6px 14px;border:0;border-radius:8px;
  background:var(--a-pastila);color:#FFFFFF;font:700 12px/16px "Open Sans",system-ui,sans-serif;letter-spacing:.05em;
  transform:skewX(-6deg);cursor:pointer;transition:background-color .15s;flex:none}
.cont-buton{padding:6px 12px}
.meniu-buton:hover,.cont-buton:hover,.cont.deschis .cont-buton{background:var(--a-pastila-sub);color:#FFFFFF;text-decoration:none}
.meniu-buton:active{transform:skewX(-6deg) scale(.95)}
.meniu-buton:focus-visible,.cont-buton:focus-visible,.limba > summary:focus-visible{outline:2px solid var(--a-curent);outline-offset:2px}
.drept{display:inline-flex;align-items:center;gap:6px;transform:skewX(6deg)}
.meniu-buton svg,.cont-buton svg{width:18px;height:18px;flex:none}
.meniu-text{text-transform:uppercase}
/* sigla HD Satelit (aceleasi fisiere ca pe SatBase) si sub ea ENIGMA 2 intre doua linii subtiri albastre */
.marca{display:block;flex:none;color:var(--a-text)}
.marca:hover{text-decoration:none}
.sigla{display:flex;flex-direction:column;align-items:stretch;gap:2px}
.sigla img{display:block;height:32px;width:auto;max-width:none}
.sigla .sigla-luminoasa,:root[data-tema="luminos"] .sigla .sigla-inchisa{display:none}
:root[data-tema="luminos"] .sigla .sigla-luminoasa{display:block}
.sigla-sub{display:flex;align-items:center;gap:6px;color:var(--a-sigla)}
.sigla-sub > span:not(.sigla-text){flex:1;height:1px;background:var(--a-sigla)}
.sigla-text{font-size:9px;font-weight:600;line-height:1;letter-spacing:.35em;margin-right:-.35em;text-transform:uppercase;
  white-space:nowrap}
/* selectorul de limba: steagul si RO / EN; lista cu steagul si numele intreg, limba de acum ingrosata si albastra */
.limbi{flex:none}
.limba{position:relative;margin:0;padding:0;border:0;border-radius:0;background:none}
.limba > summary{list-style:none;display:flex;align-items:center;gap:6px;height:32px;padding:0 8px;border:1px solid var(--a-chenar);
  border-radius:8px;background:var(--a-fundal);color:var(--a-text);cursor:pointer;user-select:none;font-size:12px;
  font-weight:700;letter-spacing:.05em;transition:background-color .15s}
.limba > summary::-webkit-details-marker{display:none}
.limba > summary:hover,.limba[open] > summary{background:var(--a-buton)}
.limba .sageata-jos{width:18px;height:18px;flex:none}
.steag{width:20px;height:14px;border-radius:2px;flex:none;box-shadow:0 1px 2px rgba(0,0,0,.2)}
.limba-lista,.cont-meniu{position:absolute;right:0;top:100%;z-index:6;margin:4px 0 0;padding:4px 0;list-style:none;
  background:var(--a-lista);border:1px solid var(--a-chenar);border-radius:8px;box-shadow:var(--a-umbra)}
.limba-lista{width:208px}
.limba-lista li > *{display:flex;align-items:center;gap:10px;padding:8px 12px;font-size:14px;line-height:22px;color:var(--a-text)}
.limba-lista a:hover{background:var(--a-lista-sub);text-decoration:none}
.limba-lista [aria-current]{font-weight:700;color:var(--a-curent)}
/* contul: „Intră” spre www; conectat, numele, sageata si meniul (stil/cont.js) */
.cont{position:relative;flex:none}
.cont-nume{max-width:10rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cont-sageata{display:none}
.cont.conectat .cont-sageata{display:block}
.cont-meniu{display:none;width:224px}
.cont.deschis .cont-meniu{display:block}
.cont-meniu a{display:flex;align-items:center;min-height:44px;padding:8px 12px;font-size:14px;color:var(--a-text)}
.cont-meniu a:hover{background:var(--a-lista-sub);text-decoration:none}
/* sertarul MENIU: legaturile ca grila de butoane (5 coloane de la 1200 px, 4 de la 1024, 3 lat, 2 la mijloc si pe
   telefon; Eduard 02.11.2026 16:12: pe ecranele late fara spatii goale degeaba); tema e butonul mic de langa limba */
.sertar{display:none;border-top:1px solid var(--a-linie);background:var(--a-fundal)}
.antet.deschis .sertar{display:block}
.sertar > .lat{padding-top:16px;padding-bottom:16px;max-height:calc(100vh - 60px);overflow-y:auto}
.meniu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.meniu a{display:block;padding:8px 12px;border-radius:8px;background:var(--a-buton);color:var(--a-text);font-size:14px;
  font-weight:600;line-height:22px}
.meniu a:hover{background:var(--a-buton-sub);text-decoration:none}
.meniu a.activ{background:var(--a-activ);color:var(--a-activ-text);font-weight:700}
/* tema: identica cu butonul hds-tema-buton de pe www.hdsatelit.com (tema-intunecata.css din tema hd-satelit; Eduard
   02.11.2026 16:22-16:26: „un buton mic ... sus acolo langa steag”, „sa fie identic”): negru, taiat oblic, cu pictograma
   temei alese; lista „Tema paginii” cu bifa. Fara data-tema="luminos" pagina e intunecata: valorile de acolo pentru
   html.hds-intunecat. */
.tema-alege{position:relative;flex:none}
.tema-buton{list-style:none;display:inline-flex;align-items:center;justify-content:center;min-height:34px;min-width:46px;
  padding:0 10px 0 16px;margin:0;background:linear-gradient(180deg,#2c364b 0%,#1e2533 100%);color:#FFFFFF;border:0;
  border-radius:0;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
  clip-path:polygon(22% 0%,100% 0%,78% 100%,0% 100%);-webkit-tap-highlight-color:transparent;user-select:none}
:root[data-tema="luminos"] .tema-buton{background:linear-gradient(180deg,#17181b 0%,#0d0e11 100%)}
:root[data-tema="luminos"] .tema-buton:hover{background:linear-gradient(180deg,#24262b 0%,#15161a 100%)}
.tema-buton::-webkit-details-marker{display:none}
.tema-buton:focus-visible{outline:2px solid #ffd34d;outline-offset:-2px;clip-path:none}
.tema-buton svg{width:18px;height:18px;display:block;flex:0 0 auto}
.tema-buton .tema-ico{display:none}
:root[data-tema-alegere="luminos"] .tema-buton .tema-ico-luminos,
:root[data-tema-alegere="intunecat"] .tema-buton .tema-ico-intunecat,
:root[data-tema-alegere="sistem"] .tema-buton .tema-ico-sistem,
:root:not([data-tema-alegere]) .tema-buton .tema-ico-sistem{display:block}
.tema-lista{position:absolute;right:0;top:100%;z-index:6;min-width:196px;margin-top:4px;padding:6px;background:#171c26;
  border:1px solid #2a3140;border-radius:8px;box-shadow:0 16px 36px rgba(0,0,0,.55);font:600 14px/1.2 "Open Sans",sans-serif}
:root[data-tema="luminos"] .tema-lista{background:#ffffff;border-color:#d8dde5;box-shadow:0 14px 32px rgba(18,24,38,.18)}
.tema-titlu{margin:4px 8px 6px;font:800 11px/1 "Open Sans",sans-serif;letter-spacing:.06em;text-transform:uppercase;
  color:#8b94a5}
:root[data-tema="luminos"] .tema-titlu{color:#6b7385}
.tema-lista button{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;margin:0;padding:0 10px;
  background:transparent;color:#c3cad6;border:0;border-radius:6px;cursor:pointer;font:600 14px/1.2 "Open Sans",sans-serif;
  text-align:left;text-transform:none;letter-spacing:0;box-shadow:none}
.tema-lista button:hover,.tema-lista button:focus-visible{background:#1e2533;color:#ffffff;outline:0}
:root[data-tema="luminos"] .tema-lista button{color:#20242b}
:root[data-tema="luminos"] .tema-lista button:hover,:root[data-tema="luminos"] .tema-lista button:focus-visible{background:#eef1f6}
.tema-lista .tema-ico{display:block;width:18px;height:18px;flex:0 0 auto}
.tema-bifa{margin-left:auto;width:16px;height:16px;visibility:hidden}
:root[data-tema-alegere="luminos"] .tema-lista [data-tema-alege="luminos"],
:root[data-tema-alegere="intunecat"] .tema-lista [data-tema-alege="intunecat"],
:root[data-tema-alegere="sistem"] .tema-lista [data-tema-alege="sistem"]{background:#1c2540;color:#8fa8ff}
:root[data-tema="luminos"][data-tema-alegere="luminos"] .tema-lista [data-tema-alege="luminos"],
:root[data-tema="luminos"][data-tema-alegere="sistem"] .tema-lista [data-tema-alege="sistem"]{background:#e8eefb;color:#223b93}
:root[data-tema-alegere="luminos"] [data-tema-alege="luminos"] .tema-bifa,
:root[data-tema-alegere="intunecat"] [data-tema-alege="intunecat"] .tema-bifa,
:root[data-tema-alegere="sistem"] [data-tema-alege="sistem"] .tema-bifa{visibility:visible}
/* pe telefon (sub 640 px) butonul nu mai incape langa steag: tema sta in sertarul MENIU, ca .hds-tema-mobil de pe www */
.tema-mobil{display:none;margin-top:12px;padding:10px;background:#171c26;border:1px solid #2a3140;border-radius:8px}
:root[data-tema="luminos"] .tema-mobil{background:#ffffff;border-color:#d8dde5}
.tema-mobil-titlu{margin:0 0 8px;font:800 12px/1 "Open Sans",sans-serif;letter-spacing:.06em;text-transform:uppercase;
  color:#8b94a5}
:root[data-tema="luminos"] .tema-mobil-titlu{color:#4b5468}
.tema-mobil-optiuni{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.tema-mobil button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:58px;
  margin:0;padding:6px 4px;background:#12161f;color:#c3cad6;border:1px solid #2a3140;border-radius:6px;cursor:pointer;
  font:600 13px/1.2 "Open Sans",sans-serif;text-align:center}
:root[data-tema="luminos"] .tema-mobil button{background:#f6f7fa;color:#20242b;border-color:#d8dde5}
.tema-mobil .tema-ico{display:block;width:18px;height:18px;flex:0 0 auto}
.tema-mobil .tema-bifa{display:none}
:root[data-tema-alegere="luminos"] .tema-mobil [data-tema-alege="luminos"],
:root[data-tema-alegere="intunecat"] .tema-mobil [data-tema-alege="intunecat"],
:root[data-tema-alegere="sistem"] .tema-mobil [data-tema-alege="sistem"]{background:linear-gradient(180deg,#2c364b 0%,#1e2533 100%);
  color:#ffffff;border-color:#5b74d6}
:root[data-tema="luminos"][data-tema-alegere="luminos"] .tema-mobil [data-tema-alege="luminos"],
:root[data-tema="luminos"][data-tema-alegere="sistem"] .tema-mobil [data-tema-alege="sistem"]{
  background:linear-gradient(180deg,#17181b 0%,#0d0e11 100%);color:#ffffff;border-color:#0d0e11}
@media (max-width:639px){.tema-alege{display:none}.tema-mobil{display:block}}
@media (max-width:767px){
  .meniu{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sigla img{height:28px}
}
/* pe telefon, ca pe SatBase: numai pictogramele in pastile si steagul in selector (textele raman pentru cititoarele de
   ecran), sigla mai mica; asa incap toate pe un rand la 375 px */
@media (max-width:639px){
  .antet-stanga{gap:8px}
  .meniu-buton,.cont-buton{padding:6px 12px}
  .meniu-text,.limba-cod,.cont-nume{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);
    white-space:nowrap}
  .sigla img{height:24px}
  .sigla-text{font-size:8px}
}
/* pe telefon tot doua coloane (Eduard 02.11.2026 16:37: fara spatiu nefolosit); textul lung ia tot randul, iar
   golul ramas il umple urmatorul buton (dense) */
@media (max-width:767px){.meniu{grid-auto-flow:row dense}.meniu a.lung{grid-column:1/-1}}
@media (min-width:1024px){.meniu{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1200px){.meniu{grid-template-columns:repeat(5,minmax(0,1fr))}}
*{box-sizing:border-box}
html{background:var(--fundal);scroll-padding-top:104px}
/* la saltul spre o ancora (marcile din Receptoare, capitolele) titlul ramane sub bara de meniu lipita sus */
body{margin:0;background:var(--fundal);color:var(--text);font:400 17px/1.6 "Open Sans",system-ui,sans-serif}
a{color:var(--brand2);text-decoration:none}
a:hover{text-decoration:underline}
h1{font-weight:600;font-size:clamp(28px,4.5vw,44px);line-height:1.15;margin:8px 0 12px}
h2{font-weight:600;font-size:24px;margin:32px 0 12px}
h3{font-weight:600;font-size:19px;margin:0 0 8px}
h4{font-weight:600;font-size:17px;margin:16px 0 6px}
p{margin:0 0 12px}
.lat{max-width:1440px;margin:0 auto;padding:0 20px}
main.lat{padding-top:32px;padding-bottom:56px}
.eticheta{color:var(--eticheta);font-size:14px}
/* textele merg pe toata latimea corpului (Eduard 24.10.2026 09:40: fara max-width la .sub, descriere, stiri) */
.sub{color:var(--text2);font-size:19px}
.banda-pregatire{background:#2A2414;color:var(--atentie);font-size:14px;padding:6px 0}
.erou{padding:24px 0 8px}
.buton{display:inline-block;background:var(--brand);color:#fff;font-weight:600;border-radius:8px;padding:10px 20px;
  border:1px solid var(--brand);margin:4px 8px 4px 0}
.buton:hover{text-decoration:none;filter:brightness(1.15)}
.buton.contur{background:transparent;color:var(--text);border-color:var(--linie)}
.card{display:block;background:var(--panou);border:1px solid var(--linie);border-radius:8px;padding:20px 22px;color:var(--text)}
a.card:hover{border-color:var(--brand2);text-decoration:none}
.card p{color:var(--text2)}
.grila2,.grila3{display:grid;gap:16px}
.grila2{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}
.grila3{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.titlu-sectiune{border-left:4px solid var(--brand);padding-left:12px}
.nota{background:var(--panou);border:1px solid var(--linie);border-left:4px solid var(--brand2);border-radius:8px;
  padding:12px 16px;color:var(--text2);margin:20px 0}
/* bannerul imaginii pe prima pagina, inainte de receptoare (Eduard 02.11.2026); se micsoreaza cu pagina */
.banner-imagine{margin:28px 0 8px}
.banner-imagine img{display:block;width:100%;height:auto;border-radius:8px;border:1px solid var(--linie)}
/* „Ne găsești și pe alte forumuri” (Eduard 02.11.2026): casetele forumurilor, una langa alta in .grila3; sus banerul
   oficial al forumului sau numele lui, dedesubt data si legatura (prin go.hdsatelit.com, in fila noua) */
.forumuri{margin-top:24px}
a.card.forum{display:flex;flex-direction:column;padding:0;overflow:hidden;color:var(--text)}
.forum-baner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:120px;
  padding:18px;background:linear-gradient(135deg,#17224A 0%,#2F45A0 100%);text-align:center}
.forum-baner.cu-imagine{background:var(--celula);border-bottom:1px solid var(--linie)}
.forum-baner img{display:block;max-width:100%;max-height:120px;height:auto}
.forum-nume{font-weight:700;font-size:26px;line-height:1.2;color:#FFFFFF;overflow-wrap:anywhere}
.forum-adresa{font-size:14px;color:#C9D2E3;overflow-wrap:anywhere}
.forum-jos{display:flex;flex-direction:column;gap:6px;padding:14px 18px 16px;flex:1}
.forum-data{font-size:14px;color:var(--text2)}
a.card.forum .card-legatura{padding-top:0}
a.card.forum:hover .card-legatura{text-decoration:underline}
.insigna{display:inline-block;font-weight:600;font-size:13px;letter-spacing:.04em;border-radius:4px;padding:2px 9px;
  vertical-align:middle;line-height:1.5}
/* etichetele starii: fond plin, contrast de cel putin 4,5:1, la fel in varianta intunecata si in cea luminoasa */
.insigna.beta{background:#F5B83D;color:#10162A}
.insigna.testeri{background:#C8392B;color:#FFFFFF}
.insigna.stabila{background:#1B7F4C;color:#FFFFFF}
.insigna.pregatire{background:#374EA1;color:#FFFFFF}
.insigna.studiu{background:#5E6A82;color:#FFFFFF}
/* „Exclusiv”: alb cu rama rotunjita si text albastru, ca butoanele de pe hdsatelit.com (Eduard 23.10 12:23) */
.insigna.proprie{background:#10162A;color:#FFFFFF;border:1px solid #FFFFFF;border-radius:999px;font-size:11px;
  padding:2px 10px;letter-spacing:.03em}
/* pe tema intunecata: text si rama albe pe fundal inchis; pe cea luminoasa: alb cu albastru (Eduard 12:43) */
:root[data-tema="luminos"] .insigna.proprie{background:#FFFFFF;color:#374EA1;border-color:#374EA1}
.card.functie{position:relative;display:flex;flex-direction:column}
a.card.functie{color:var(--text)}
a.card.functie p{color:var(--text2)}
.card-legatura{margin-top:auto;padding-top:12px;font-size:14px;font-weight:600;color:var(--brand2)}
a.card.functie:hover .card-legatura{text-decoration:underline}
/* lipita de coltul chenarului: numai coltul stanga jos rotunjit; dreapta sus urmeaza coltul chenarului (Eduard 12:28) */
.card.functie .insigna.proprie{position:absolute;top:-1px;right:-1px;border-radius:0 8px 0 10px;font-weight:700;
  padding:4px 12px}
.card.functie.are-exclusiv{padding-top:32px}
/* poza cardului (Eduard 02.11.2026 16:42: pozele reprezentative), lipita de marginea de sus a chenarului; eticheta
   „Exclusiv” ramane in colt, peste poza */
.card.functie.cu-poza,.card.functie.cu-poza.are-exclusiv{padding-top:0;overflow:hidden}
.card.functie .functie-poza{display:block;width:calc(100% + 44px);max-width:none;height:auto;aspect-ratio:16/9;
  margin:0 -22px 14px;object-fit:cover;background:#000;border-bottom:1px solid var(--linie)}
.card.functie .insigna.proprie{z-index:1}
.nota-exclusiv{margin-top:18px}
h3.tema{font-size:20px;margin:28px 0 12px;color:var(--brand2)}
.card.functie h4{margin:0 0 6px;font-size:17px}
.card.functie p{margin:0}
/* starile unui model ca pasi, ca „Etapele de integrare” din ecranul Stitch 10-producatori (Eduard 24.10.2026 09:22: „un
   design mai frumos”): cinci cartonase pe un rand, PASUL n si pictograma sus, jos cate modele sunt acum in starea aceea;
   marginea de sus are culoarea starii, deci cele cinci fac un drum de la gri la verde */
.titlu-etape{display:flex;align-items:center;gap:10px;font-size:20px;margin:30px 0 14px}
.titlu-etape::before{content:"";flex:none;width:10px;height:10px;border-radius:2px;background:var(--brand)}
.etape{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.etapa{--culoare:#5E6A82;position:relative;display:flex;flex-direction:column;gap:12px;background:var(--panou);
  border:1px solid var(--linie);border-top:3px solid var(--culoare);border-radius:8px;padding:16px 18px 14px}
.etapa.pregatire{--culoare:#374EA1}
.etapa.testeri{--culoare:#C8392B}
.etapa.beta{--culoare:#F5B83D}
.etapa.stabila{--culoare:#1B7F4C}
.etapa-sus{display:flex;align-items:center;justify-content:space-between}
.etapa-pas{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brand2);
  background:var(--fundal);border:1px solid var(--linie);border-radius:4px;padding:2px 8px}
.etapa-pictograma{width:22px;height:22px;color:var(--eticheta)}
.etapa .insigna{align-self:flex-start}
.etapa p{margin:0;color:var(--text2);font-size:15px;line-height:1.55}
.etapa-jos{margin-top:auto;padding-top:12px;border-top:1px solid var(--linie);display:flex;align-items:center;
  justify-content:space-between;gap:8px;font-size:13px;color:var(--eticheta)}
.etapa-jos b{display:inline-flex;align-items:center;gap:7px;color:var(--text);font-weight:600}
.etapa-jos i{width:8px;height:8px;border-radius:50%;background:var(--culoare)}
/* pagina Producatori (ecranul Stitch 10-producatori; Eduard 24.10.2026 09:55): capul pe card, trei pasi, panouri cu
   capul pe fond de celula, liste cu pictograme in cutii, contactul cu ce sa scrie in primul mesaj */
.etape.trei{grid-template-columns:repeat(3,minmax(0,1fr))}
.etapa h3{margin:0;font-size:18px}
.erou-pagina{background:var(--panou);border:1px solid var(--linie);border-radius:10px;padding:26px 30px;margin:8px 0 8px}
.erou-pagina h1{margin:14px 0 6px}
.erou-pagina .sub{margin:8px 0 0}
.eticheta-program{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;color:var(--text2);background:var(--fundal);border:1px solid var(--linie);border-radius:4px;
  padding:4px 10px}
.eticheta-program::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--bine)}
.erou-intrebare{margin:0;color:var(--brand2);font-size:20px;font-weight:600}
.fapte{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 24px;font-size:14px;color:var(--text2)}
.fapte li{display:inline-flex;align-items:center;gap:8px}
.fapte .pictograma{width:18px;height:18px;color:var(--bine)}
.doua-coloane{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:20px;margin:28px 0;align-items:start}
.doua-coloane.egale{grid-template-columns:repeat(2,minmax(0,1fr));margin:18px 0 0}
.coloana{display:grid;gap:20px}
.panou{background:var(--panou);border:1px solid var(--linie);border-radius:10px;overflow:hidden}
.panou-cap{display:flex;align-items:center;gap:10px;margin:0;padding:14px 18px;border-bottom:1px solid var(--linie);
  background:var(--celula);font-size:17px}
.panou-cap .pictograma{width:20px;height:20px;color:var(--brand2)}
.panou-cap:not(:has(.pictograma))::before{content:"";flex:none;width:10px;height:10px;border-radius:2px;background:var(--brand)}
.panou-corp{padding:16px 18px}
.panou-corp > p:first-child{margin-top:0}
.panou-corp > p:last-child{margin-bottom:0}
.lista-pictograme{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.lista-pictograme li{display:grid;grid-template-columns:38px minmax(0,1fr);gap:14px;align-items:start;background:var(--fundal);
  border:1px solid var(--linie);border-radius:8px;padding:12px 14px}
.lista-pictograme b{display:block;color:var(--text)}
.lista-pictograme p{margin:4px 0 0;color:var(--text2);font-size:15px}
.cutie-pictograma{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:8px;
  background:var(--celula);color:var(--brand2)}
.cutie-pictograma .pictograma{width:20px;height:20px}
.lista-bife{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.lista-bife li{display:flex;gap:10px;align-items:flex-start;color:var(--text2)}
.lista-bife .pictograma{flex:none;width:20px;height:20px;margin-top:2px;color:var(--bine)}
.contact-producatori{margin:28px 0}
.contact-cap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding-bottom:16px;
  border-bottom:1px solid var(--linie)}
.contact-cap h2{margin:0 0 4px}
.contact-cap p{margin:0;color:var(--text2)}
.contact-butoane{display:flex;flex-wrap:wrap;gap:10px}
.contact-butoane .buton{display:inline-flex;align-items:center;gap:8px}
.contact-butoane .pictograma{width:18px;height:18px}
.contact-producatori h3{font-size:16px;margin:0 0 8px}
.contact-producatori ul{margin:0;padding-left:20px;color:var(--text2)}
.contact-producatori li{margin:4px 0}
@media (max-width:900px){.doua-coloane,.doua-coloane.egale{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.erou-pagina{padding:18px 16px}}
/* lista publica a beta testerilor (/testeri/, stil/testeri.js; Eduard 24.10.2026 09:50) */
.lista-testeri.are{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.tester{background:var(--panou);border:1px solid var(--linie);border-top:3px solid #C8392B;border-radius:8px;
  padding:14px 16px;display:flex;flex-direction:column;gap:10px}
.tester-cap{display:flex;align-items:center;gap:12px}
.tester-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:none;background:var(--celula)}
.tester-avatar.initiala{display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;
  color:var(--brand2)}
.tester-nume{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}
.tester-nume a,.tester-nume > span:first-child{font-weight:600;color:var(--text);overflow-wrap:anywhere}
.insigna-tester{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;color:#FFFFFF;background:#C8392B;border-radius:4px;padding:2px 8px}
.insigna-tester svg{width:13px;height:13px}
/* treptele XP-ului de tester (forumul, docs/XP-TESTER.md): incepator rosul de baza, apoi albastru, violet, auriu */
.insigna-tester.t-avansat{background:#1F6FB2}
.insigna-tester.t-profesionist{background:#6A4BC4}
.insigna-tester.t-maestru{background:#B07A00}
.tester-xp{margin:0;display:flex;flex-direction:column;gap:2px;font-size:13px;color:var(--text2)}
.tester-xp strong{font-size:15px;color:var(--text)}
.tester-xp-din{color:var(--eticheta)}
.tester-multumiri{margin:0 0 14px;font-size:15px;color:var(--text2)}
.tester-receptoare{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.tester-receptoare li{font-size:13px;border:1px solid var(--linie);border-radius:999px;padding:2px 10px;color:var(--text2);
  background:var(--fundal)}
.tester-receptoare li.alt{border-style:dashed}
.tester-din{margin:0;font-size:13px;color:var(--eticheta)}
/* pe un rand: o sageata mica intre cartonase arata ordinea */
@media (min-width:1181px){
  .etapa:not(:last-child)::after{content:"";position:absolute;z-index:1;right:-12px;top:50%;width:8px;height:8px;
    border-top:2px solid var(--eticheta);border-right:2px solid var(--eticheta);transform:translateY(-50%) rotate(45deg)}
}
/* ecrane mijlocii: trei sus, doua jos, pe toata latimea; pe telefon unul sub altul */
@media (max-width:1180px){
  .etape{grid-template-columns:repeat(6,minmax(0,1fr))}
  .etapa{grid-column:span 2}
  .etapa:nth-child(n+4){grid-column:span 3}
}
@media (max-width:1180px){.etape.trei .etapa{grid-column:auto}}
@media (max-width:700px){
  .etape,.etape.trei{grid-template-columns:minmax(0,1fr)}
  .etapa,.etapa:nth-child(n+4){grid-column:auto}
}
.salturi{display:flex;flex-wrap:wrap;gap:8px}
/* producatorii ca butoane (Eduard 24.10.2026 09:11: "sunt ca niste hyperlinkuri, fa-le ca butoane") */
.salturi a{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border:1px solid var(--linie);border-radius:8px;background:var(--panou);color:var(--text);font-size:15px;white-space:nowrap}
.salturi a:hover{border-color:var(--brand2);background:var(--celula);color:var(--brand2);text-decoration:none}
.marca-sectiune h2{margin-top:28px}
.receptor .rand-sus{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.firimituri{color:var(--eticheta);font-size:14px}
.intrare-jurnal{border-left:2px solid var(--linie);padding:0 0 12px 18px;margin-bottom:12px}
.intrare-jurnal li{color:var(--text2);margin:4px 0}
.fel{display:inline-block;font-size:12px;font-weight:600;border-radius:999px;padding:0 8px;margin-right:6px}
.fel.nou{background:#1E3A2C;color:var(--bine)}
.fel.imbunatatit{background:#1E2A4F;color:var(--brand2)}
.fel.reparat{background:#3A2E14;color:var(--atentie)}
.lista-pagini{columns:2;column-gap:32px;padding-left:20px}
.lista-pagini li{margin:6px 0;break-inside:avoid}
.ajutor{display:grid;grid-template-columns:260px minmax(0,1fr);gap:32px;align-items:start}
.ajutor article{min-width:0}
main.lat{overflow-wrap:break-word}
.ajutor article p,.ajutor article li,.ajutor article td{overflow-wrap:break-word;word-break:normal;hyphens:auto}
.tabel-cadru{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:8px 0 16px}
.tabel-cadru .tabel{margin:0}
img{max-width:100%;height:auto}
.ajutor aside{position:sticky;top:84px;background:var(--panou);border:1px solid var(--linie);border-radius:8px;
  padding:12px 8px;max-height:calc(100vh - 110px);overflow:auto}
.ajutor aside ul{list-style:none;margin:0;padding:0}
.ajutor aside li a{display:block;padding:5px 10px;border-radius:6px;color:var(--text2);font-size:15px}
.ajutor aside li.activ a{background:var(--brand);color:#fff}
.ajutor article section{border-top:1px solid var(--linie);padding-top:4px}
.ajutor article p{color:var(--text2)}
.tabel{width:100%;border-collapse:collapse;margin:8px 0 16px;font-size:16px}
.tabel th{text-align:left;color:var(--eticheta);font-weight:600;border-bottom:1px solid var(--linie);padding:8px}
.tabel td{border-bottom:1px solid var(--linie);padding:8px;vertical-align:top;color:var(--text2)}
.tabel td:first-child{color:var(--text);min-width:9em}
.tasta{display:inline-block;background:var(--celula);border:1px solid var(--linie);border-radius:6px;padding:1px 10px;
  font-weight:600;color:var(--text)}
details{background:var(--panou);border:1px solid var(--linie);border-radius:8px;padding:10px 14px;margin:8px 0}
summary{cursor:pointer;font-weight:600}
.captura{margin:8px 0 20px}
.captura .cadru{position:relative;border:1px solid var(--linie);border-radius:8px;overflow:hidden}
.captura img{display:block;width:100%;height:auto}
.captura svg{position:absolute;inset:0;width:100%;height:100%}
/* chenarele, numerele si sagetile capturilor: portocaliu viu, acelasi pe ambele teme (Eduard 12:37: nu maro) */
.captura{--marcaj:#FF8A1F}
.captura .zona{fill:none;stroke:var(--marcaj);stroke-width:5}
.captura .nr{fill:var(--marcaj)}
.captura .sageata{stroke:var(--marcaj);stroke-width:6;fill:none}
.captura .varf{fill:var(--marcaj)}
/* chenarele, sagetile si numerele peste poza: 4 s vizibile, se sting in 1 s, 10 s poza curata, revin in 1 s (ciclu de
   16 s; Eduard 23.10 12:48 si 12:53); sub mouse apar si raman; fara miscare pentru cine a cerut-o din sistem */
@keyframes marcaj-apare{0%,25%{opacity:1}31.25%,93.75%{opacity:0}100%{opacity:1}}
.captura .cadru svg{animation:marcaj-apare 16s ease-in-out infinite}
.captura .cadru:hover svg{animation:none;opacity:1}
@media (prefers-reduced-motion:reduce){.captura .cadru svg{animation:none;opacity:1}}
.captura figcaption{color:var(--eticheta);font-size:15px;margin-top:6px}
.captura .nrt{fill:#10162A;font:600 34px "Open Sans",sans-serif;text-anchor:middle}
.legenda{color:var(--text2);padding-left:0;list-style:none}
.legenda li{display:flex;gap:10px;align-items:flex-start;margin:6px 0}
.legenda b{flex:0 0 auto;min-width:24px;height:24px;border-radius:12px;background:var(--marcaj);color:#10162A;
  font-size:14px;line-height:24px;text-align:center}
.subsol{border-top:1px solid var(--linie);padding:24px 0;color:var(--text2);font-size:15px}
.subsol .eticheta{margin-top:6px}
.subsol .legaturi-subsol{margin-bottom:8px;font-weight:600}
/* tabelele marcilor au aceleasi coloane, ca sa stea aliniate una sub alta */
/* tabelul dinamic al receptoarelor (Eduard 24.10.2026 09:37), ca tabelul „Modele si arhitecturi” din ecranul Stitch
   10-producatori: antete mici cu litere mari pe fond de celula, procesorul si placa cu litere de cod; stil/receptoare.js
   pune deasupra bara cu cautarea, filtrele si ordonarea */
.tabel-receptoare{font-size:15px}
.tabel-receptoare th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;background:var(--celula);
  white-space:nowrap;padding:10px}
.tabel-receptoare td{padding:9px 10px}
.tabel-receptoare td.mono{font-family:Consolas,"DejaVu Sans Mono",monospace;font-size:14px}
.tabel-receptoare td:empty::after{content:"—";color:var(--eticheta)}
.tabel-receptoare tr[hidden]{display:none}
.tabel-receptoare tbody tr:hover td{background:var(--celula)}
.tabel-receptoare th button{display:inline-flex;align-items:center;gap:5px;background:none;border:0;padding:0;
  font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;text-align:left}
.tabel-receptoare th button:hover{color:var(--text)}
.tabel-receptoare th .sageata::after{content:"↕";opacity:.45}
.tabel-receptoare th[aria-sort="ascending"] .sageata::after{content:"↑";opacity:1;color:var(--brand2)}
.tabel-receptoare th[aria-sort="descending"] .sageata::after{content:"↓";opacity:1;color:var(--brand2)}
.unelte-tabel{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:12px;align-items:end;
  background:var(--panou);border:1px solid var(--linie);border-radius:8px;padding:14px 16px;margin:10px 0 12px;
  scroll-margin-top:80px}
.unelte-tabel label{display:flex;flex-direction:column;gap:5px;min-width:0;font-size:12px;font-weight:600;
  color:var(--eticheta);text-transform:uppercase;letter-spacing:.05em}
.unelte-tabel label.cauta,.unelte-tabel label.ordonare{grid-column:span 2}
.unelte-tabel input,.unelte-tabel select{width:100%;height:38px;border:1px solid var(--linie);border-radius:8px;
  background:var(--fundal);color:var(--text);font:inherit;font-size:15px;font-weight:400;text-transform:none;
  letter-spacing:0;padding:0 10px}
.unelte-tabel input:focus,.unelte-tabel select:focus{outline:2px solid var(--brand2);outline-offset:1px}
.unelte-tabel-jos{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;
  font-size:14px;color:var(--text2)}
.unelte-tabel-jos .buton{padding:6px 14px;font-size:14px}
.unelte-tabel-jos .buton[hidden]{display:none}
/* pe telefon cate doua liste pe rand, cautarea pe tot randul */
@media (max-width:640px){
  .unelte-tabel{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}
  .unelte-tabel label.cauta{grid-column:1/-1}
  .unelte-tabel label.ordonare{grid-column:auto}
}
/* descrierea tehnica a unui model, pe pagina lui */
.descriere-receptor{margin-top:40px}
.descriere-receptor h3{font-size:21px;margin:32px 0 10px;scroll-margin-top:104px}
.descriere-receptor p,.descriere-receptor li{line-height:1.7}
.descriere-receptor p,.descriere-receptor li,.descriere-receptor td{overflow-wrap:break-word}
.cuprins-descriere{background:var(--panou);border:1px solid var(--linie);border-radius:8px;padding:14px 22px;margin:18px 0}
.cuprins-descriere ol{margin:6px 0 0;padding-left:22px}
.tabel-fisa td:first-child{width:38%;font-weight:600}
/* stirile: lista de carduri cu poza, pe pagini, si pagina fiecarei stiri */
.lista-stiri{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:20px}
a.card.stire{padding:0;overflow:hidden;display:flex;flex-direction:column;color:var(--text)}
a.card.stire img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:#000}
.stire-text{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1}
.stire-text h3{margin:4px 0 8px;font-size:19px}
.stire-text p{margin:0;color:var(--text2)}
.pagini-stiri{margin:24px 0;display:flex;gap:8px}
.pagini-stiri a,.pagini-stiri span{padding:6px 12px;border:1px solid var(--linie);border-radius:8px}
.pagini-stiri .activ{background:var(--brand);color:#FFFFFF;border-color:var(--brand)}
.stire-pagina p{line-height:1.7}
.stire-poza{width:100%;max-width:1280px;border-radius:12px;margin:12px 0 18px;display:block}
@media (max-width:820px){.lista-stiri{grid-template-columns:1fr}}
/* comparatia „fara setare / cu setare”: doua poze suprapuse, bara verticala trasa (Eduard 23.10 13:12) */
.comparatie{margin:0 0 26px}
.comp-cadru{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:12px;background:#000;user-select:none}
.comp-cadru img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.comp-dupa{position:absolute;inset:0;clip-path:inset(0 0 0 var(--poz))}
.comp-linie{position:absolute;top:0;bottom:0;left:var(--poz);width:3px;margin-left:-1.5px;background:#FFFFFF;
  box-shadow:0 0 6px rgba(0,0,0,.6);pointer-events:none}
.comp-maner{position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;
  background:#FF8A1F;border:3px solid #FFFFFF;box-shadow:0 2px 8px rgba(0,0,0,.5)}
.comp-maner::before,.comp-maner::after{content:"";position:absolute;top:50%;margin-top:-6px;border:6px solid transparent}
.comp-maner::before{left:2px;border-right-color:#10162A}
.comp-maner::after{right:2px;border-left-color:#10162A}
.comp-et{position:absolute;top:10px;padding:3px 10px;border-radius:6px;background:rgba(16,22,42,.85);color:#FFFFFF;
  font-size:13px;font-weight:600;pointer-events:none}
.comp-et.stanga{left:10px}.comp-et.dreapta{right:10px}
.comp-cadru input[type=range]{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}
.comparatie figcaption{color:var(--eticheta);font-size:15px;margin-top:6px}
.conexe{list-style:none;padding:0;margin:0}
.conexe li{padding:9px 0;border-bottom:1px solid var(--linie)}
.conexe li a{font-weight:600}
.teaser{max-width:960px}
.teaser-poza,.teaser iframe{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:12px;overflow:hidden;background:#000}
.teaser-poza{position:relative;padding:0;cursor:pointer}
.teaser-poza img{width:100%;height:100%;object-fit:cover;display:block}
.teaser-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.teaser-play svg{width:76px;height:54px;fill:#E62117;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}
.teaser-poza:hover .teaser-play svg,.teaser-poza:focus-visible .teaser-play svg{fill:#FF0000}
.teaser .eticheta{margin-top:8px}
/* chenarul de descarcare: imaginile complete una sub alta, cea mai noua sus (Eduard 23.10 14:17) */
.descarcari{margin:8px 0 20px;border-left:4px solid var(--brand2);scroll-margin-top:84px}
.descarcari h2{margin:0 0 6px;font-size:22px}
.tabel-descarcari td{vertical-align:middle}
.tabel-descarcari tr.cea-noua td{color:var(--text)}
.tabel-descarcari td:last-child{text-align:right;white-space:nowrap}
.tabel-descarcari .buton{padding:8px 16px}
/* numarul descarcarilor (stil/descarcari.js, 24.10.2026): sub versiune, mic; totalul deasupra tabelului */
.tabel-descarcari .descarcari-numar{display:block;margin-top:3px;color:var(--eticheta);font-size:13px;font-weight:400}
.descarcari-total{display:inline-block;max-width:100%;margin:12px 0 10px;padding:6px 12px;background:var(--celula);border:1px solid var(--linie);border-radius:6px;color:var(--text2);font-size:15px}
.descarcari-total::before{content:"";display:inline-block;vertical-align:-2px;margin-right:8px;width:14px;height:14px;background:var(--brand2);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3v12m0 0-5-5m5 5 5-5M4 19h16' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3v12m0 0-5-5m5 5 5-5M4 19h16' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.descarcari-total b{color:var(--text);font-weight:700}
.descarcari-total[hidden]{display:none}
code.suma{font-family:Consolas,"DejaVu Sans Mono",monospace;font-size:12px;color:var(--text2);word-break:break-all;
  display:inline-block;max-width:22em}
/* fereastra de avertizare beta dinaintea descarcarii (numai CSS, :target; Eduard 23.10 18:16-18:17) */
.fereastra-beta{display:none;position:fixed;inset:0;z-index:20;background:rgba(6,10,22,.72);
  align-items:center;justify-content:center;padding:16px}
.fereastra-beta:target{display:flex}
.fereastra-cadru{background:var(--panou);border:1px solid var(--linie);border-top:4px solid var(--atentie);
  border-radius:10px;max-width:620px;width:100%;max-height:calc(100vh - 32px);overflow-y:auto;padding:22px 24px;
  color:var(--text);box-shadow:0 18px 50px rgba(0,0,0,.45)}
.fereastra-cadru h2{margin:0 0 8px;font-size:22px}
.fereastra-cadru li{color:var(--text2);margin:6px 0}
.fereastra-intrebare{font-weight:600;margin-top:14px}
/* bifa copiei (Eduard 24.10.2026 11:05): pana nu e pusa, „Da, descarc” e stins si nu se poate apasa */
.bifa-copia{display:flex;gap:10px;align-items:flex-start;margin:14px 0 0;padding:10px 12px;border:1px solid var(--atentie);
  border-radius:8px;background:var(--fundal);font-weight:600;cursor:pointer}
.bifa-copia input{width:20px;height:20px;margin:2px 0 0;flex:none;accent-color:var(--brand)}
.fereastra-cadru:has(.bifa-copia input:not(:checked)) .buton-descarca{opacity:.4;pointer-events:none}
.nota.atentie{border-left-color:var(--atentie)}
.fereastra-butoane{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0 0}
.descriere-receptor h3[id]{scroll-margin-top:84px}
pre.arbore{background:var(--celula);border:1px solid var(--linie);border-radius:8px;padding:12px 16px;
  font-family:Consolas,"DejaVu Sans Mono",monospace;font-size:14px;line-height:1.5;color:var(--text);overflow-x:auto}
ol.pasi{padding-left:24px}
ol.pasi li{margin:8px 0}
.intrare-jurnal.lansare h4.tema{font-size:17px;margin:18px 0 6px;color:var(--brand2)}
.intrare-jurnal.lansare a{font-weight:600;white-space:nowrap}
@media (max-width:820px){
  .tabel-descarcari td:last-child{text-align:left}
  code.suma{max-width:none}
  .grila2,.grila3{grid-template-columns:1fr}
  .tabel{font-size:15px}
  /* pe telefon fiecare rand al tabelului e un card, cu eticheta fiecarei valori deasupra ei */
  .tabel thead{display:none}
  .tabel,.tabel tbody,.tabel tr,.tabel td{display:block;width:100%}
  .tabel tr{background:var(--panou);border:1px solid var(--linie);border-radius:8px;padding:10px 12px;margin:0 0 10px}
  .tabel td{border:0;padding:3px 0;min-width:0}
  .tabel td:first-child{min-width:0;font-weight:600}
  .tabel td[data-eticheta]:empty{display:none}
  .tabel td[data-eticheta]::before{content:attr(data-eticheta);display:block;font-size:13px;font-weight:600;
    color:var(--eticheta);text-transform:uppercase;letter-spacing:.03em}
  .tabel-cadru{overflow-x:visible}
  h2{font-size:21px}
  .ajutor{grid-template-columns:1fr}
  .ajutor aside{position:static;max-height:none}
  .ajutor aside{order:2}
  .ajutor article{order:1}
  .lista-pagini{columns:1}
  body{font-size:16px}
}
/* numarul beta testerilor pe model (stil/testeri-numar.js, programul de beta testeri, 26.10.2026): in tabelul de pe
   /receptoare/ un rand mic sub model, pe pagina receptorului o pastila sub titlu, cu eprubeta insignei de tester */
.tabel-receptoare .testeri-numar{display:block;margin-top:3px;color:var(--eticheta);font-size:13px;font-weight:400}
a.testeri-numar.pe-pagina{display:inline-flex;align-items:center;gap:8px;margin:0 0 4px;padding:4px 12px;
  background:var(--celula);border:1px solid var(--linie);border-radius:999px;color:var(--text2);font-size:15px}
a.testeri-numar.pe-pagina:hover{border-color:var(--brand2);text-decoration:none}
a.testeri-numar.pe-pagina::before{content:"";flex:none;width:15px;height:15px;background:#C8392B;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 3h6M10 3v6L4.6 18.9A1.4 1.4 0 0 0 5.8 21h12.4a1.4 1.4 0 0 0 1.2-2.1L14 9V3M7.5 15h9' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 3h6M10 3v6L4.6 18.9A1.4 1.4 0 0 0 5.8 21h12.4a1.4 1.4 0 0 0 1.2-2.1L14 9V3M7.5 15h9' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
a.testeri-numar.pe-pagina.zero::before{background:var(--eticheta)}
/* ascuns pana il scrie scriptul (fara raspuns ramane ascuns): la fel de tare ca regulile de mai sus si dupa ele */
.testeri-numar[hidden],.tabel-receptoare .testeri-numar[hidden],a.testeri-numar.pe-pagina[hidden]{display:none}
/* Nota de confidentialitate pentru beta testeri: pe telefon eticheta felului de date pe toata latimea cardului */
@media (max-width:820px){.nota-testeri .tabel-fisa td:first-child{width:100%}}
/* banda de sus, ca stirile care curg pe canalele TV: lansarile, cu legaturi spre receptoare; sta pe loc sub mouse */
.banda-stiri,:root[data-tema="luminos"] .banda-stiri{background:var(--panou);color:var(--text2);border-bottom:1px solid var(--linie);padding:0;font-size:14px}
.banda-cadru{display:flex;align-items:stretch;min-height:38px}
.banda-titlu{flex:none;display:flex;align-items:center;padding:0 12px;background:var(--brand);color:#fff;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.banda-rand{flex:1;min-width:0;overflow:hidden;display:flex;align-items:center;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%)}
.banda-pista{display:flex;flex:none;white-space:nowrap;animation:banda-curge var(--banda-durata,45s) linear infinite}
.banda-rand:hover .banda-pista,.banda-rand:focus-within .banda-pista{animation-play-state:paused}
.banda-copie{display:flex;align-items:center;gap:6px;padding:0}
.banda-eticheta{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:2px 9px;border-radius:999px;margin-right:4px}
.banda-eticheta.beta{background:rgba(79,209,139,.16);color:var(--bine)}
.banda-eticheta.testeri{background:rgba(245,184,61,.16);color:var(--atentie)}
.banda-copie a{color:var(--text);font-weight:600;text-decoration:none;padding:6px 2px}
.banda-copie a:hover,.banda-copie a:focus-visible{color:var(--brand2);text-decoration:underline}
.banda-punct{color:var(--eticheta)}
.banda-separator{color:var(--brand2);font-size:9px;margin:0 16px 0 22px}
@keyframes banda-curge{from{transform:translateX(0)}to{transform:translateX(calc(-1 * var(--banda-pas,50%)))}}
@media (prefers-reduced-motion:reduce){.banda-pista{animation:none;flex-wrap:wrap;white-space:normal}.banda-copie[aria-hidden]{display:none}.banda-rand{-webkit-mask-image:none;mask-image:none}}
/* Pagina codurilor QR ale receptorului (/q/ si /nu-porneste/ cu #..., stil/q.js): telefonul intai, o coloana, litere si
   butoane mari; aceleasi culori (si pe tema luminoasa) */
.q{max-width:720px;margin:0 auto}
.q-activ{margin-top:0}
.q[data-pagina="nu-porneste"]:not(.q-activ){margin:0}
.q [hidden],.q-static[hidden],.banda-pregatire[hidden]{display:none!important}
.q-cap{display:flex;align-items:flex-start;gap:16px;margin:4px 0 18px}
.q-cap h1{font-size:clamp(27px,7vw,40px);margin:4px 0 8px}
.q-cap .sub{margin:0}
.q-cap-text{min-width:0;flex:1}
.q-semn{flex:none;width:52px;height:52px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
  margin-top:4px;background:var(--celula);color:var(--text2)}
.q-semn svg{width:30px;height:30px}
.q-semn-bifa{background:var(--bine);color:#10162A}
.q-semn-atentie{background:var(--atentie);color:#10162A}
.q-semn-qr{background:var(--brand);color:#fff}
.q-roata{animation:q-roata 1s linear infinite}
@keyframes q-roata{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.q-roata{animation:none}}
.q-fel{font-size:18px;color:var(--text)}
.q-card{background:var(--panou);border:1px solid var(--linie);border-radius:12px;padding:18px 20px;margin:18px 0}
.q-card h2{font-size:20px;margin:0 0 10px}
.q-card p:last-child{margin-bottom:0}
.q-cauza{border-left:4px solid var(--atentie)}
.q-cauza-prima{font-size:18px;color:var(--text)}
.q-cauze{margin:0;padding-left:20px;color:var(--text2)}
.q-eroare{border-left:4px solid var(--rau)}
.q-mic{font-size:14px;color:var(--eticheta);margin:8px 0}
.q-detalii{overflow-wrap:anywhere}
.q-butoane{display:flex;flex-direction:column;gap:10px;margin:12px 0 4px}
.q-butoane .buton{margin:0;text-align:center}
.q-mare{font-size:18px;padding:14px 20px;min-height:52px;border-radius:10px;cursor:pointer;
  display:flex;align-items:center;justify-content:center}
button.buton{font:inherit;font-weight:600}
.q-invitatie-text{font-size:18px;color:var(--text)}
.q-email{margin-top:18px;padding-top:16px;border-top:1px solid var(--linie)}
.q-eticheta{display:block;font-weight:600;margin-bottom:8px}
.q-camp{display:flex;gap:8px}
.q-camp input{flex:1;min-width:0;font:inherit;font-size:17px;padding:12px 14px;border-radius:8px;border:1px solid var(--linie);
  background:var(--celula);color:var(--text)}
.q-camp input:focus{outline:2px solid var(--brand2);outline-offset:1px}
.q-camp .buton{margin:0;cursor:pointer}
.q-mesaj{min-height:1.6em;margin:10px 0 0;font-weight:600}
.q-mesaj:empty{min-height:0;margin:0}
.q-bine{color:var(--bine)}
.q-rau{color:var(--rau)}
.q-ascuns{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;pointer-events:none}
label.buton{position:relative;cursor:pointer}
label.buton:focus-within{outline:2px solid var(--brand2);outline-offset:2px}
.q-galerie{position:relative;display:block;text-align:center;color:var(--brand2);cursor:pointer;padding:6px 0;font-size:16px}
.q-galerie:hover{text-decoration:underline}
.q-video{position:relative;border-radius:12px;overflow:hidden;background:#000;aspect-ratio:4/3;margin:8px 0 14px}
.q-video video{width:100%;height:100%;object-fit:cover;display:block}
.q-tinta{position:absolute;inset:12%;border:3px solid rgba(255,255,255,.85);border-radius:14px;
  box-shadow:0 0 0 999px rgba(0,0,0,.25);pointer-events:none}
.q-progres{display:flex;flex-direction:column;align-items:center;gap:10px;margin:6px 0}
.q-numar{font-size:34px;font-weight:600;line-height:1.1}
.q-patrate{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;max-width:100%}
.q-patrate span{width:22px;height:22px;border-radius:5px;background:var(--celula);border:1px solid var(--linie)}
.q-patrate span.citit{background:var(--bine);border-color:var(--bine)}
.q-mesaj-scan{text-align:center;color:var(--atentie)}
.q-limba{height:34px;border:1px solid var(--linie);border-radius:8px;background:var(--panou);color:var(--text);
  font:600 14px "Open Sans",system-ui,sans-serif;padding:0 6px;max-width:150px;cursor:pointer;flex:none}
.q-limba:hover{border-color:var(--brand2)}
@media (min-width:560px){.q-butoane{flex-direction:row;flex-wrap:wrap}.q-butoane > *{flex:1 1 200px}}
@media (max-width:420px){.q-camp{flex-direction:column}.q-cap{gap:12px}.q-semn{width:44px;height:44px}}