/* =====================================================================
   Gyorsregadó — ALAP STÍLUS (B1: papír + zöld, a kyodai.hu betűivel)
   Minden oldal (nyilvános, admin) erre épül. Új elem → az itteni
   változókat és osztályokat használja, ne vigyen be saját színt.
   ===================================================================== */

/* ---------- Betűk (saját szerverről; OFL licenc a /fonts mappában) ---------- */
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/cormorant-garamond-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/cormorant-garamond-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/cormorant-garamond-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/cormorant-garamond-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:500;font-display:swap;src:url(../fonts/cormorant-garamond-latin-500-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:500;font-display:swap;src:url(../fonts/cormorant-garamond-latin-ext-500-italic.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Jost";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/jost-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Jost";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/jost-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Jost";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/jost-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Jost";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/jost-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Jost";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/jost-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Jost";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/jost-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/source-serif-4-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/source-serif-4-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/source-serif-4-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/source-serif-4-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Source Serif 4";font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/source-serif-4-latin-400-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Source Serif 4";font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/source-serif-4-latin-ext-400-italic.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* ---------- Változók ---------- */
:root{
  --papir:#F3F0E9;              /* a háttér alapszíne (a papir.jpg alatt) */
  --lap:rgba(252,250,245,.80);  /* kártyák: áttetsző lap, átlátszik a papír */
  --lap-tomor:#FCFAF5;
  --vonal:rgba(36,33,29,.12);
  --vonal-eros:rgba(36,33,29,.24);
  --tus:#24211D;                /* szöveg */
  --tus2:#4F493F;               /* másodlagos szöveg */
  --halk:#6B6459;               /* tipp, címke (papíron is ≥ 4.5:1) */
  --zold:#0B6B58;               /* fő kiemelés, gombok */
  --zold-sotet:#084F41;
  --zold-halvany:#DDEFE8;
  --zold-szoveg:#0B5545;
  --hiba:#A3241B; --hiba-hatter:#FBEAE6; --hiba-keret:#EBC1B9;
  --jo:#11613F; --jo-hatter:#E3F2E9; --jo-keret:#B6DCC6;
  --figy:#7A5000; --figy-hatter:#FBF0D9; --figy-keret:#E9CF94;
  --mezo-hatter:rgba(255,255,255,.88);
  --mezo-keret:#D3CCBD;
  --r-lap:24px; --r-mezo:14px; --r-gomb:999px;
  --serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;  /* címek */
  --szoveg:"Source Serif 4",Georgia,"Times New Roman",serif;       /* folyószöveg */
  --sans:"Jost","Century Gothic","Trebuchet MS",sans-serif;        /* gombok, menü, mezők */
  --mono:ui-monospace,"SFMono-Regular",Consolas,monospace;
  --arnyek:0 24px 60px rgba(36,33,29,.08);
}

/* ---------- Alap ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--papir) url(../img/papir.jpg) repeat;color:var(--tus);font-family:var(--szoveg);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-variant-numeric:lining-nums;font-family:var(--serif);font-weight:600;line-height:1.12;margin:0 0 .5em;color:var(--tus);letter-spacing:0}
h1{font-size:clamp(32px,5vw,46px)}
h2{font-size:clamp(25px,3vw,30px)}
h3{font-size:22px}
p{margin:0 0 1em}
a{color:var(--zold)}a:hover{color:var(--zold-sotet)}
img{max-width:100%}
:focus-visible{outline:3px solid rgba(11,107,88,.45);outline-offset:2px}
.vizualisan-rejtett{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.kod{font-family:var(--mono);letter-spacing:.03em}

/* ---------- Váz: fejléc, tartalom, lábléc ---------- */
.fejlec{max-width:1180px;margin:0 auto;padding:20px 24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--tus)}
.logo-kep{height:46px;width:auto;display:block}
.logo-jel{width:40px;height:40px;border-radius:12px;background:var(--zold);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-weight:600;font-size:24px;line-height:1}
.logo-szoveg{font-family:var(--sans);font-weight:600;font-size:21px;letter-spacing:.01em}
.menu{display:flex;flex-wrap:wrap;gap:4px;font-family:var(--sans);font-size:16px}
.menu a{padding:10px 14px;border-radius:var(--r-gomb);color:var(--tus);text-decoration:none}
.menu a:hover{background:rgba(36,33,29,.06)}
.menu a.aktiv{background:var(--zold-halvany);color:var(--zold-szoveg);font-weight:500}
.tartalom{max-width:1180px;margin:0 auto;padding:8px 24px 56px}
.tartalom.szuk{max-width:860px}
.lablec{border-top:1px solid var(--vonal-eros);margin-top:24px}
.lablec>div{max-width:1180px;margin:0 auto;padding:28px 24px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;font-family:var(--sans);font-size:15px;color:var(--halk)}
.lablec a{color:var(--halk)}
.teszt-sav{background:var(--figy-hatter);color:var(--figy);border-bottom:1px solid var(--figy-keret);text-align:center;font-family:var(--sans);font-size:14px;padding:7px 12px}

/* ---------- Kártya (áttetsző lap a papíron) ---------- */
.kartya{background:var(--lap);border:1px solid var(--vonal);border-radius:var(--r-lap);padding:28px;margin-bottom:20px;box-shadow:var(--arnyek)}
.kartya.lapos{box-shadow:none}
.kartya>h1:first-child,.kartya>h2:first-child,.kartya>h3:first-child{margin-top:0}
.szakasz-cim{display:flex;align-items:baseline;gap:12px;margin:0 0 18px}
.szakasz-cim{align-items:center}
.szakasz-cim .sorszam{flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:var(--zold);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--sans);font-size:17px;font-weight:600;line-height:1}
.szakasz-cim h2{margin:0}
.bevezeto{font-size:18px;color:var(--tus2);max-width:680px}
.tipp{font-family:var(--sans);font-size:14px;line-height:1.45;color:var(--halk);margin:4px 0 0}
.felcim{display:inline-flex;align-items:center;gap:8px;background:var(--zold-halvany);color:var(--zold-szoveg);padding:7px 16px;border-radius:var(--r-gomb);font-family:var(--sans);font-size:15px;font-weight:500}

/* ---------- Gombok ---------- */
button,.gomb{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 26px;border:0;border-radius:var(--r-gomb);background:var(--zold);color:#fff;font-family:var(--sans);font-size:17px;font-weight:500;letter-spacing:.01em;text-decoration:none;cursor:pointer;transition:background .15s,box-shadow .15s}
button:hover,.gomb:hover{background:var(--zold-sotet);color:#fff}
.gomb.nagy,button.nagy{min-height:56px;padding:0 34px;font-size:18px}
.gomb.masod,button.masod{background:transparent;color:var(--tus);box-shadow:inset 0 0 0 2px var(--tus)}
.gomb.masod:hover,button.masod:hover{background:rgba(36,33,29,.06);color:var(--tus)}
.gomb.kicsi,button.kicsi{min-height:38px;padding:0 16px;font-size:15px}
.gomb.feher{background:#fff;color:var(--zold-szoveg)}
.gomb.feher:hover{background:var(--zold-halvany);color:var(--zold-szoveg)}
.gomb.veszely,button.veszely{background:var(--hiba)}
button:disabled{opacity:.5;cursor:not-allowed}
.gombsor{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:20px}

/* ---------- Mezők ----------
   .racs = mezőrács. A .mezo-k subgriddel igazodnak: egy sorban a címkék,
   a beviteli mezők és a tippek egy vonalba esnek, akkor is, ha egy címke két sorba tört.
   Egy .mezo felépítése: <label> · mező (input/select/.datum/.feltolto) · <div class="mezo-alja"> (tipp, hiba) */
.racs{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));column-gap:18px;row-gap:6px}
.racs.ket{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}
.racs.harom{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.mezo{display:grid;grid-template-rows:auto auto 1fr;min-width:0}
@supports (grid-template-rows:subgrid){
  .racs>.mezo{grid-row:span 3;grid-template-rows:subgrid;row-gap:0}
}
.racs>.teljes{grid-column:1/-1}
.mezo>label,.mezo>.cimke{align-self:end;display:block;font-family:var(--sans);font-size:15px;font-weight:500;color:var(--tus2);margin:0 0 6px;line-height:1.3}
.mezo>input,.mezo>select,.mezo>textarea,.mezo>.datum,.mezo>.szegmens,.mezo>.feltolto-keret{align-self:start}
.mezo-alja{min-height:14px;padding-bottom:12px}
.mezo-alja .tipp{margin-top:5px}
.mezo .opc{font-weight:400;color:var(--halk)}
label{font-family:var(--sans)}
input,select,textarea{width:100%;min-height:50px;padding:0 15px;border:1.5px solid var(--mezo-keret);border-radius:var(--r-mezo);background:var(--mezo-hatter);color:var(--tus);font-family:var(--sans);font-size:17px;transition:border-color .15s,box-shadow .15s;appearance:none;-webkit-appearance:none}
textarea{padding:12px 15px;line-height:1.5;min-height:120px;resize:vertical}
select{padding-right:42px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%234F493F' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;cursor:pointer}
input::placeholder,textarea::placeholder{color:#A39B8C}
input:hover,select:hover,textarea:hover{border-color:#B9B09E}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--zold);box-shadow:0 0 0 4px rgba(11,107,88,.14)}
.mezo.hibas input,.mezo.hibas select,.mezo.hibas textarea,.mezo.hibas .feltolto{border-color:var(--hiba)}
.mezohiba{font-family:var(--sans);font-size:14px;color:var(--hiba);margin-top:5px;font-weight:500}
input[type=checkbox],input[type=radio]{width:auto;min-height:0;padding:0;border:0;box-shadow:none;background:none}

/* Dátum (év . hó . nap) */
.datum{display:flex;align-items:center;gap:6px}
.datum span{color:var(--halk);font-family:var(--sans)}
.datum .d-ev{flex:2 1 0}.datum .d-ho,.datum .d-nap{flex:1.3 1 0}
.datum input{text-align:center;padding:0 6px;min-width:0}
.datum.hianyos input{border-color:#D29A2A}

/* Jelölőnégyzet: nagy, kerek sarkú, zöld pipa */
.jelolo{display:flex;align-items:flex-start;gap:12px;font-family:var(--sans);font-size:16px;color:var(--tus);cursor:pointer;line-height:1.4;padding:6px 0}
.jelolo input[type=checkbox],.jelolo input[type=radio]{flex:0 0 24px;width:24px;height:24px;margin:0;border:1.5px solid var(--mezo-keret);border-radius:7px;background:var(--mezo-hatter);appearance:none;-webkit-appearance:none;cursor:pointer;display:grid;place-content:center;transition:background .15s,border-color .15s}
.jelolo input[type=radio]{border-radius:50%}
.jelolo input:checked{background:var(--zold);border-color:var(--zold)}
.jelolo input[type=checkbox]:checked::after{content:"";width:12px;height:7px;border:solid #fff;border-width:0 0 2.5px 2.5px;transform:rotate(-45deg) translate(1px,-1px)}
.jelolo input[type=radio]:checked::after{content:"";width:9px;height:9px;border-radius:50%;background:#fff}
.jelolo label,.jelolo .jelolo-szoveg{margin:0;font-size:16px;color:var(--tus);font-weight:400}
.jelolo .tipp{margin-top:2px}
.jelolo-doboz{border:1.5px solid var(--mezo-keret);border-radius:var(--r-mezo);background:var(--mezo-hatter);padding:12px 16px;min-height:50px;align-items:center}

/* Szegmens-választó (két-három lehetőség egymás mellett) */
.szegmens{display:flex;gap:4px;background:rgba(36,33,29,.06);border-radius:var(--r-gomb);padding:4px}
.szegmens label{flex:1;position:relative;display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:var(--r-gomb);font-family:var(--sans);font-size:16px;color:var(--tus2);cursor:pointer;text-align:center;padding:0 10px}
.szegmens input{position:absolute;opacity:0;pointer-events:none}
.szegmens label:has(input:checked){background:#fff;color:var(--tus);font-weight:500;box-shadow:0 1px 3px rgba(36,33,29,.15)}
.szegmens label:has(input:focus-visible){outline:3px solid rgba(11,107,88,.45)}

/* ---------- Feltöltő (a böngésző saját gombja helyett) ---------- */
.feltolto{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:14px 16px;border:1.5px dashed #BDB4A2;border-radius:var(--r-mezo);background:var(--mezo-hatter);cursor:pointer;transition:border-color .15s,background .15s}
.feltolto:hover,.feltolto.huzas{border-color:var(--zold);background:#F4FAF7}
.feltolto:focus-within{border-color:var(--zold);box-shadow:0 0 0 4px rgba(11,107,88,.14)}
.feltolto input[type=file]{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.feltolto-gomb{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 18px;border-radius:var(--r-gomb);background:var(--zold);color:#fff;font-family:var(--sans);font-size:16px;font-weight:500;white-space:nowrap}
.feltolto:hover .feltolto-gomb{background:var(--zold-sotet)}
.feltolto-gomb svg{flex:0 0 auto}
.feltolto .csak-eger{}
@media (hover:none){.feltolto .csak-eger{display:none}}
.feltolto-szoveg{font-family:var(--sans);font-size:14px;color:var(--halk);line-height:1.35}
.feltolto-lista{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.feltolto-lista:empty{display:none}
.feltolto-lista li{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;background:var(--zold-halvany);color:var(--zold-szoveg);font-family:var(--sans);font-size:15px;min-width:0}
.feltolto-lista li .nev{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.feltolto-lista li .meret{color:var(--halk);font-size:13px;white-space:nowrap}
.feltolto-lista li.mar{background:rgba(36,33,29,.05);color:var(--tus)}
.feltolto-lista li label{display:flex;align-items:center;gap:6px;margin:0;font-size:13px;color:var(--halk);cursor:pointer;white-space:nowrap}
.feltolto-ki{flex:0 0 32px;width:32px;height:32px;min-height:0;padding:0;border-radius:50%;background:transparent;color:var(--zold-szoveg);font-size:22px;line-height:1;font-weight:400;box-shadow:inset 0 0 0 1.5px rgba(11,85,69,.35)}
.feltolto-ki:hover{background:#fff;color:var(--hiba);box-shadow:inset 0 0 0 1.5px var(--hiba)}
.feltolto-lista li input[type=checkbox]{width:18px;height:18px;accent-color:var(--hiba)}

/* ---------- Üzenetek ---------- */
.hiba,.siker,.uzenet,.figyelmeztetes{border-radius:16px;padding:14px 18px;margin:0 0 18px;font-family:var(--sans);font-size:16px;line-height:1.45}
.hiba{background:var(--hiba-hatter);color:var(--hiba);border:1px solid var(--hiba-keret)}
.siker,.uzenet{background:var(--jo-hatter);color:var(--jo);border:1px solid var(--jo-keret)}
.figyelmeztetes{background:var(--figy-hatter);color:var(--figy);border:1px solid var(--figy-keret)}
.figy{font-family:var(--sans);font-size:14px;color:var(--figy);margin-top:6px}

/* ---------- Táblázatok ---------- */
table{width:100%;border-collapse:collapse;font-family:var(--sans);font-size:15px}
th{text-align:left;font-weight:500;color:var(--halk);font-size:13px;letter-spacing:.04em;text-transform:uppercase;padding:8px 10px;border-bottom:1px solid var(--vonal-eros)}
td{padding:10px;border-bottom:1px solid var(--vonal);vertical-align:top}
td.ft{text-align:right;white-space:nowrap}
.tabla-doboz{overflow-x:auto;-webkit-overflow-scrolling:touch}

/* ---------- Nyitóoldal / kalkulátor ---------- */
.hos{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px 0 34px}
.hos h1{max-width:860px;font-size:clamp(40px,6.4vw,64px);font-weight:500;line-height:1.06;margin:0}
.hos h1 em{font-style:italic;color:var(--zold)}
.hos .bevezeto{text-align:center;margin:0}
.kalk-doboz{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:24px;align-items:start}  /* 113. kör: széles űrlap, alatta az eredmény */
.kalk-cel{margin-bottom:10px}
#eredmeny{scroll-margin-top:12px}
.kalk-cel .szegmens{max-width:620px}
@media (max-width:440px){.kalk-cel .szegmens label{padding:0 4px;font-size:15px;white-space:nowrap}}
.eredmenyek .eredmeny-panel .gomb{line-height:1.25;padding:12px 22px;text-align:center}  /* 113b: a keskeny kártyában két sorba is törhet */
.kalk-mas{font-family:var(--sans);font-size:16px;color:var(--tus2);text-align:center;margin:18px 0 0}
.kalk-mas a{color:var(--zold-szoveg);font-weight:500}
.eredmeny-panel{background:var(--zold);color:#fff;border-radius:22px;padding:28px;display:flex;flex-direction:column;gap:12px}
.eredmeny-panel h2,.eredmeny-panel h3{color:#fff;margin:0}
.eredmeny-panel .felso{font-family:var(--sans);font-size:15px;color:#CDE9DF;margin:0}
.eredmeny-panel .nagyszam{font-variant-numeric:lining-nums;font-family:var(--serif);font-size:56px;font-weight:600;line-height:1;margin:0}
.eredmeny-panel table{color:#fff}
.eredmeny-panel td{border-color:rgba(255,255,255,.22)}
.eredmeny-panel .halk{font-family:var(--sans);font-size:14px;color:#CDE9DF;margin:0}
.eredmenyek{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:8px}
.eredmenyek .kartya{display:flex;flex-direction:column;margin:0}
.osszeg{font-variant-numeric:lining-nums;font-family:var(--serif);font-size:44px;font-weight:600;line-height:1;color:var(--zold);margin:4px 0 14px}
.lepesek{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}
.lepesek li{background:var(--lap);border:1px solid var(--vonal);border-radius:22px;padding:24px;display:flex;flex-direction:column;gap:8px}
.lepesek .ikon{width:48px;height:48px;border-radius:16px;background:var(--zold-halvany);display:flex;align-items:center;justify-content:center;margin-bottom:4px}
.lepesek h3{margin:0}
.lepesek p{margin:0;font-size:16px;color:var(--tus2)}
.szolgaltatasok{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.szolgaltatasok article{background:var(--lap);border:1px solid var(--vonal);border-radius:26px;padding:28px;display:flex;flex-direction:column;gap:8px}
.szolgaltatasok article.sotet{background:var(--tus);color:var(--papir)}
.szolgaltatasok article.sotet h3{color:var(--papir)}
.szolgaltatasok article.sotet p{color:#CFC8BA}
.szolgaltatasok .ar{font-variant-numeric:lining-nums;font-family:var(--serif);font-size:30px;font-weight:600;margin:6px 0 0}
.szolgaltatasok .ar small{font-family:var(--sans);font-size:15px;font-weight:400;opacity:.8}
.blokk-cim{text-align:center;margin:56px 0 26px}

/* Köszönő / utalási adatok */
.utalas{display:grid;grid-template-columns:auto 1fr;gap:10px 22px;font-family:var(--sans);font-size:17px;margin:0}
.utalas dt{color:var(--halk)}
.utalas dd{margin:0;font-weight:500}
.nagy-azonosito{font-family:var(--mono);font-size:26px;font-weight:600;letter-spacing:.06em;color:var(--zold-szoveg)}

/* Teszt-kitöltő (csak tesztrendszerben látszik) */
.teszt-kitolto{background:var(--figy-hatter);border:1.5px dashed #D29A2A;border-radius:16px;padding:12px 16px;margin:12px 0 18px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-family:var(--sans);font-size:15px;color:var(--figy)}
.teszt-kitolto button{background:var(--figy);min-height:40px;font-size:15px}

/* ---------- Admin ---------- */
.admin .cimke{display:inline-block;padding:3px 11px;border-radius:var(--r-gomb);font-family:var(--sans);font-size:13px;font-weight:500;background:var(--zold-halvany);color:var(--zold-szoveg);white-space:nowrap;text-decoration:none;vertical-align:middle}
.admin .cimke.proba{background:var(--figy-hatter);color:var(--figy)}
.admin .cimke.aktiv{background:var(--zold);color:#fff}
.admin .mezo>.cimke{display:block;padding:0;background:none;border-radius:0;font-size:15px;color:var(--tus2)}
.admin .szuk{max-width:460px;margin:40px auto}
.admin .mezo>label{align-self:auto}
.admin .fejlec{max-width:1240px}
.admin .tartalom{max-width:1240px}
.admin .kartya{padding:22px;border-radius:20px}
.admin h1{font-size:36px}
.admin h2{font-size:24px}
.admin .racs{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));row-gap:16px}
.admin .racs>.kartya{margin:0}
.admin .racs{margin-bottom:20px}
.admin .mezo{margin-bottom:12px}
.admin .racs>.mezo{margin:0}
.kilep{margin:0}
.kilep button{min-height:38px;padding:0 14px;font-size:14px;background:transparent;color:var(--tus2);box-shadow:inset 0 0 0 1.5px var(--vonal-eros)}
.kilep button:hover{background:rgba(36,33,29,.06);color:var(--tus)}
.szurok{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.szurok a{text-decoration:none}
.sor{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.sor .mezo{margin:0}
.cimke-jel{display:inline-block;padding:3px 10px;border-radius:var(--r-gomb);font-family:var(--sans);font-size:13px;background:var(--zold-halvany);color:var(--zold-szoveg);white-space:nowrap}
.cimke-jel.proba{background:var(--figy-hatter);color:var(--figy)}
.adat td:first-child{color:var(--halk);width:42%}
tr.kattint{cursor:pointer}tr.kattint:hover td{background:rgba(36,33,29,.04)}
.fajlracs{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.fajlkartya{border:2px solid var(--vonal-eros);border-radius:16px;padding:10px;background:var(--lap-tomor);opacity:.8}
.fajlkartya.be{border-color:var(--zold);opacity:1}
.kepdoboz{display:flex;align-items:center;justify-content:center;height:170px;background:#EFEBE2;border-radius:10px;overflow:hidden;margin-bottom:8px}
.kepdoboz img{max-width:100%;max-height:100%;transition:transform .2s}
.fajlnev{font-family:var(--sans);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:8px}
.fajlkartya select,.fajlkartya input{min-height:40px;font-size:15px;padding:0 10px;border-radius:10px}
.fajlkartya select{padding-right:34px;background-position:right 10px center}
.belepo{max-width:440px;margin:48px auto}
.rejtett-mobil{}
@media (max-width:640px){
  .rejtett-mobil{display:none}
  .kartya{padding:20px;border-radius:20px}
  .tartalom{padding:4px 14px 40px}
  .fejlec{padding:14px}
  .eredmeny-panel .nagyszam{font-size:46px}
}
.admin .kartya>p.tipp,.admin .kartya>.tipp{margin-bottom:12px}

/* ---------- Okmány-kiolvasás (próbaoldal; később az adatbekérőben is) ---------- */
.szegmens.tobb{flex-wrap:wrap;border-radius:22px}
.szegmens.tobb label{flex:1 1 140px}
.kiolvaso-minta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:12px}
.kiolvaso-elonezet{margin-top:16px}
.kiolvaso-elonezet canvas{display:block;max-width:100%;max-height:420px;border-radius:12px;border:1px solid var(--vonal-eros);background:#fff}
.kiolvaso-allapot{margin-top:16px}
.kiolvaso-sav{height:10px;border-radius:var(--r-gomb);background:rgba(36,33,29,.08);overflow:hidden}
.kiolvaso-sav span{display:block;height:100%;width:0;background:var(--zold);transition:width .2s}
.kiolvaso-tabla td{vertical-align:middle}
.kiolvaso-tabla td.ertek{overflow-wrap:anywhere;border-radius:0}
.kiolvaso-tabla td.ertek .nev{display:block;font-size:13px;color:var(--tus2)}
.kiolvaso-tabla td.ertek .adat{display:block;font-family:var(--mono);font-size:17px;font-weight:600;color:var(--tus);margin:2px 0}
.kiolvaso-tabla td.ertek .megj{display:block;font-size:13px;color:var(--halk)}
.kiolvaso-tabla td:last-child:not(.ertek){width:96px}
.kiolvaso-tabla tr.jo td.ertek{background:var(--jo-hatter)}
.kiolvaso-tabla tr.figy td.ertek{background:var(--figy-hatter)}
.kiolvaso-tabla tr.rossz td.ertek{background:var(--hiba-hatter)}
.kiolvaso-tabla .itel{display:flex;gap:6px}
.kiolvaso-tabla .itel button{min-height:36px;width:40px;padding:0;font-size:17px;background:transparent;color:var(--tus2);box-shadow:inset 0 0 0 1.5px var(--vonal-eros)}
.kiolvaso-tabla .itel button[aria-pressed=true].igen{background:var(--jo);color:#fff;box-shadow:none}
.kiolvaso-tabla .itel button[aria-pressed=true].nem{background:var(--hiba);color:#fff;box-shadow:none}
.jel{display:inline-block;padding:0 8px;border-radius:var(--r-gomb);font-family:var(--sans);font-size:13px}
.jel.jo{background:var(--jo-hatter);color:var(--jo)}.jel.figy{background:var(--figy-hatter);color:var(--figy)}.jel.rossz{background:var(--hiba-hatter);color:var(--hiba)}
.kiolvaso-meres{margin-top:14px;font-family:var(--sans);font-size:14px;color:var(--tus2);display:flex;flex-wrap:wrap;gap:6px 18px}
.kiolvaso-nyers{margin-top:14px;font-family:var(--sans);font-size:14px;color:var(--halk)}
.kiolvaso-nyers pre,.kiolvaso-osszesito{white-space:pre-wrap;word-break:break-word;font-family:var(--mono);font-size:13px;line-height:1.45;background:var(--mezo-hatter);border:1px solid var(--vonal);border-radius:12px;padding:12px;color:var(--tus);max-height:360px;overflow:auto}
.kiolvaso-tabla td.ertek .papir{font-family:var(--sans);font-size:13px;font-weight:400;color:var(--halk);margin-right:8px}
/* Okmány-kiolvasás próba — AI-eredmények (55. kör) */
.ai-eredmenyek{display:grid;gap:18px;margin-top:16px}
.ai-eredmenyek.ket{grid-template-columns:1fr}
@media (min-width:760px){.ai-eredmenyek.ket{grid-template-columns:1fr 1fr}}
.ai-oszlop h3{margin:0 0 4px}
.ai-oszlop h4{margin:16px 0 8px;font-size:16px}
.ai-oszlop .tabla-doboz{margin-bottom:6px}
.kiolvaso-belyegek{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.kiolvaso-belyegek figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:4px}
.kiolvaso-belyegek canvas{height:96px;width:auto;border-radius:8px;border:1px solid var(--vonal-eros);background:#fff}
.kiolvaso-belyegek figure.csak-ai canvas{opacity:.75;border-style:dashed}
.kiolvaso-belyegek figcaption{font-size:12px;color:var(--halk)}

/* ---------- Megrendelés: lépések, papírok, AI-kiolvasás (61. kör) ---------- */
.lepes-jelzo{list-style:none;margin:6px 0 14px;padding:0;display:flex;flex-wrap:wrap;gap:8px;font-family:var(--sans);font-size:15px}
.lepes-jelzo li{display:flex;align-items:center;gap:8px;padding:6px 14px 6px 6px;border-radius:var(--r-gomb);background:rgba(36,33,29,.05);color:var(--halk)}
.lepes-jelzo li span{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--lap-tomor);border:1px solid var(--vonal-eros);font-weight:600;font-size:14px}
.lepes-jelzo li.aktiv{background:var(--zold-halvany);color:var(--zold-szoveg);font-weight:500}
.lepes-jelzo li.aktiv span{background:var(--zold);border-color:var(--zold);color:#fff}
.lepes-jelzo li.kesz a{display:flex;align-items:center;gap:8px;color:var(--tus2);text-decoration:none}
.lepes-jelzo li.kesz span{background:var(--jo-hatter);border-color:var(--jo-keret);color:var(--jo)}
.papirlista{margin:0 0 16px;padding-left:22px;font-size:16px}
.papirlista li{margin:3px 0}
.papir-fajlok li .belyeg,.feltolto-lista li canvas.belyeg{flex:0 0 auto;width:44px;height:44px;object-fit:cover;border-radius:8px;border:1px solid var(--vonal)}
.feltolto-lista li.folyamatban{background:var(--figy-hatter);color:var(--figy)}
.feltolto-lista li.hibas{background:var(--hiba-hatter);color:var(--hiba)}
.feltolto-lista li.hibas .nev{white-space:normal}
.besorolas li{display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:center}
.besorolas li .nev{grid-column:1/-1;white-space:normal;overflow:visible;word-break:break-word}
.besorolas li select{width:100%;min-height:40px;font-size:15px;border-radius:10px;border:1.5px solid var(--mezo-keret);background:var(--mezo-hatter);font-family:var(--sans);padding:0 8px}
.papir-kategoriankent{margin:14px 0 8px;border:1px solid var(--vonal);border-radius:var(--r-mezo);padding:10px 16px;background:var(--lap-tomor)}
.papir-kategoriankent summary{cursor:pointer;font-family:var(--sans);font-weight:500;color:var(--zold-szoveg)}
.papir-kategoriankent[open] summary{margin-bottom:10px}
.ai-hozzajarulas{font-family:var(--sans);font-size:15px;line-height:1.5;color:var(--tus2);background:rgba(36,33,29,.04);border:1px solid var(--vonal);border-radius:var(--r-mezo);padding:12px 16px;margin:0 0 6px}
.ai-folyamat{margin:14px 0 4px;padding:14px 18px;border-radius:var(--r-mezo);background:var(--zold-halvany);color:var(--zold-szoveg);font-family:var(--sans)}
.ai-folyamat p{margin:8px 0 0}
.ai-folyamat.hibas{background:var(--figy-hatter);color:var(--figy)}
.ai-folyamat.hibas .tipp,.ai-folyamat.hibas .ai-sav{display:none}
.ai-sav{height:8px;border-radius:99px;background:rgba(11,107,88,.15);overflow:hidden}
.ai-sav span{display:block;height:100%;width:4%;border-radius:99px;background:var(--zold)}
.ai-folyamat.fut .ai-sav span{animation:ai-sav 22s cubic-bezier(.2,.7,.3,1) forwards}
@keyframes ai-sav{from{width:4%}to{width:94%}}
@media (prefers-reduced-motion:reduce){.ai-folyamat.fut .ai-sav span{animation:none;width:60%}}
.ai-osszegzes{border-radius:16px;padding:14px 18px;margin:6px 0 4px;background:var(--lap-tomor);border:1px solid var(--vonal-eros);font-family:var(--sans);font-size:15px}
.ai-szamok{margin:0;display:flex;flex-wrap:wrap;gap:6px}
.ai-jel{display:inline-block;font-family:var(--sans);font-size:13px;line-height:1.35;margin:5px 0 0;padding:3px 10px;border-radius:10px;border:1px solid transparent}
.ai-jel.ok{color:var(--jo);background:var(--jo-hatter);border-color:var(--jo-keret)}
.ai-jel.figy{color:var(--figy);background:var(--figy-hatter);border-color:var(--figy-keret)}
.ai-jel.hiba{color:var(--hiba);background:var(--hiba-hatter);border-color:var(--hiba-keret)}
.mezo.ai-ok>input,.mezo.ai-ok>select,.mezo.ai-ok>.datum input{border-color:var(--jo-keret)}
.mezo.ai-figy>input,.mezo.ai-figy>select,.mezo.ai-figy>.datum input{border-color:var(--figy-keret);background:var(--figy-hatter)}
.mezo.ai-hiba>input,.mezo.ai-hiba>select,.mezo.ai-hiba>.datum input{border-color:var(--hiba-keret)}
.mezo.kiemelt>label{font-weight:600;color:var(--tus)}
.mezo.kiemelt>input,.mezo.kiemelt>select{border-width:2px;font-weight:600}
.elo-osszeg{margin:16px 0 0;padding:14px 18px;border-radius:var(--r-mezo);background:var(--zold-halvany);color:var(--zold-szoveg);font-family:var(--sans);font-size:17px}
.elo-osszeg strong{font-size:20px}
.osszeg-tetelek{list-style:none;margin:6px 0 0;padding:0;font-size:15px}
.osszeg-tetelek li{display:flex;justify-content:space-between;gap:12px;border-top:1px solid rgba(11,107,88,.15);padding:3px 0}
.osszeg-tetelek:empty{display:none}
/* admin: AI-összevetés */
.ai-tabla td.ai-allapot{white-space:nowrap}

/* ---------- Ügyfélfiók (62. kör) ---------- */
.okmany-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.okmany-lista li{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:10px 14px;border-radius:var(--r-mezo);background:var(--lap-tomor);border:1px solid var(--vonal);font-family:var(--sans)}
.okmany-lista .ai-jel{margin:0}
.rendeles-sor{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--vonal);font-family:var(--sans);font-size:15px}
.rendeles-sor:first-of-type{border-top:0}
.kartya details summary{cursor:pointer;font-family:var(--sans);color:var(--tus)}
.fiok-sav{display:block;padding:12px 16px;border-radius:var(--r-mezo);background:var(--lap-tomor);border:1px solid var(--vonal);font-family:var(--sans);font-size:15px;margin:0 0 14px}

/* 65. kör — sütisáv, lábléc-linkek, tartalmi oldalak */
.suti-sav{position:fixed;left:16px;right:16px;bottom:16px;z-index:50;max-width:760px;margin:0 auto;background:var(--lap-tomor);border:1px solid var(--vonal-eros);border-radius:var(--r-lap);box-shadow:0 10px 40px rgba(36,33,29,.18);padding:16px 20px;font-family:var(--sans);font-size:15px;line-height:1.5}
.suti-sav p{margin:0}
.suti-sav .gombsor{margin-top:12px}
.link-gomb{background:none;border:0;padding:0;min-height:0;color:inherit;font:inherit;text-decoration:underline;cursor:pointer;box-shadow:none}
.lablec-linkek{max-width:1180px;margin:0 auto;padding:24px 24px 8px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;font-family:var(--sans);font-size:15px}
.lablec-linkek div{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.lablec-linkek a,.lablec-linkek .link-gomb{color:var(--tus2);text-decoration:none}
.lablec-linkek a:hover,.lablec-linkek .link-gomb:hover{text-decoration:underline}
.cikk{max-width:780px;margin:0 auto}
.cikk h1{margin:14px 0 10px}
.cikk h2{margin:34px 0 10px}
.cikk h3{margin:24px 0 8px}
.cikk p,.cikk li{font-size:18px;line-height:1.65}
.cikk p.tipp,.cikk .mezo-alja .tipp{font-size:14px;line-height:1.45}
.cikk ul,.cikk ol{padding-left:24px}
.cikk table{border-collapse:collapse;width:100%;font-family:var(--sans);font-size:15px;margin:12px 0}
.cikk th,.cikk td{border-bottom:1px solid var(--vonal);padding:8px 10px;text-align:left;vertical-align:top}
.morzsa{font-family:var(--sans);font-size:14px;color:var(--halk);margin:4px 0 0}
.morzsa a{color:var(--halk)}
.kiemeles{background:var(--zold-halvany);color:var(--zold-szoveg);border-radius:var(--r-mezo);padding:16px 20px;margin:20px 0;font-family:var(--sans);font-size:17px;line-height:1.5}
.cta-doboz{background:var(--zold);color:#fff;border-radius:22px;padding:24px 28px;margin:34px 0;display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;justify-content:space-between}
.cta-doboz p{margin:0;font-size:18px;color:#fff}
.gyik-lista details{border-bottom:1px solid var(--vonal);padding:14px 0}
.gyik-lista summary{cursor:pointer;font-family:var(--sans);font-weight:600;font-size:18px}
.gyik-lista details p{margin:10px 0 0}
.blog-lista{list-style:none;padding:0;margin:0;display:grid;gap:16px}
.blog-lista li{background:var(--lap);border:1px solid var(--vonal);border-radius:var(--r-lap);padding:20px 24px}
.blog-lista h2{margin:0 0 6px;font-size:22px}
.blog-lista .datum-sor{font-family:var(--sans);font-size:14px;color:var(--halk)}
.link-gomb:hover{background:none;color:inherit}

/* 66. kör — statisztika */
.stat-oszlopok{display:flex;align-items:flex-end;gap:2px;height:140px;margin:8px 0 6px}
.stat-oszlop{flex:1;height:100%;display:flex;align-items:flex-end;min-width:2px}
.stat-oszlop span{display:block;width:100%;background:var(--zold);border-radius:3px 3px 0 0;min-height:1px}
.stat-sav{height:10px;border-radius:99px;background:rgba(36,33,29,.08);overflow:hidden}
.stat-sav span{display:block;height:100%;background:var(--zold)}
.suti-reszletek{margin-top:10px;padding-top:6px;border-top:1px solid var(--vonal)}
.suti-reszletek .jelolo{font-size:15px}
/* 67. kör — széles táblázat mobilon vízszintesen görgethető */
.cikk table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}
.cikk th{white-space:normal;min-width:80px}
.cikk td{white-space:nowrap}
.cikk td:first-child{white-space:normal;min-width:110px}
.cikk td:last-child{white-space:normal;min-width:170px} /* 80. kör: a szöveges utolsó oszlop törhet */
.cikk .blog-lista{padding-left:0}
/* 68. kör — dokumentumtár */
.nyelv-racs{list-style:none;padding:0 !important;margin:12px 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
.nyelv-racs a{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border:1px solid var(--vonal);border-radius:var(--r-mezo);background:var(--lap);text-decoration:none;color:var(--tus);font-family:var(--sans);font-size:15px}
.nyelv-racs a:hover{border-color:var(--zold)}
.nyelv-racs span{color:var(--halk);font-size:13px}
.cikk form h3{margin:18px 0 8px}
.cikk .szoveg-tabla{display:table;white-space:normal}
.cikk .szoveg-tabla td{white-space:normal;width:50%;font-size:15px}
.cikk blockquote{margin:12px 0;padding:10px 16px;border-left:4px solid var(--zold);background:var(--zold-halvany);border-radius:6px}.cikk blockquote p{margin:4px 0}
/* 75. kör — papír-előnézet az adatlapon + nagyítás */
.besorolas li{grid-template-columns:auto 1fr auto}
.besorolas li .nev{grid-column:2/-1}
.besorolas li .papir-elonezet{grid-row:1/span 2}
.papir-elonezet{flex:0 0 auto;width:64px;height:64px;min-height:0;padding:0;border-radius:10px;border:1px solid var(--vonal);background:#fff;overflow:hidden;cursor:zoom-in;box-shadow:none}
.papir-elonezet img{width:100%;height:100%;object-fit:cover;display:block}
.papir-elonezet:hover,.papir-elonezet:focus-visible{border-color:var(--zold);background:#fff}
.papir-pdf{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-family:var(--sans);font-weight:700;font-size:14px;color:var(--hiba)}
.papir-nagy{border:0;border-radius:18px;padding:14px;width:min(96vw,900px);max-height:94vh;background:#fff;color:var(--tus);box-shadow:0 20px 60px rgba(0,0,0,.35)}
.papir-nagy::backdrop{background:rgba(20,18,15,.72)}
.papir-nagy-fej{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-family:var(--sans)}
.papir-nagy-fej strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.papir-nagy-zar{flex:0 0 40px;width:40px;height:40px;min-height:0;padding:0;border-radius:50%;font-size:24px;line-height:1}
.papir-nagy-kep{display:flex;justify-content:center;background:rgba(36,33,29,.05);border-radius:12px;overflow:auto;max-height:68vh}
.papir-nagy-kep img{max-width:100%;height:auto;display:block}
.papir-nagy-kep p{padding:24px;font-family:var(--sans)}
.papir-nagy-kat{display:block;margin:12px 0 4px;font-family:var(--sans);font-size:15px}
.papir-nagy-kat select{display:block;width:100%;margin-top:6px;min-height:44px;font-size:16px;border-radius:10px;border:1.5px solid var(--mezo-keret);background:var(--mezo-hatter);font-family:var(--sans);padding:0 8px}

/* ---------- 80. kör: blogcikk-képek (hivatalos mintaképek), link a papírok oldalán ---------- */
.orszag-link{margin:-6px 0 16px}
.cikk img{display:block;max-width:100%;height:auto;margin:18px auto 6px;border:1px solid var(--vonal-eros);border-radius:10px;background:#fff}
.cikk a:has(> img){display:block}
.cikk img + em, .cikk a:has(> img) + em{display:block;text-align:center;font-size:14px;color:var(--halk);margin:0 0 18px}
/* 98. kör — „Másolás” gomb az utalási adatok mellett */
.utalas-sor{display:flex;gap:28px;align-items:flex-start;flex-wrap:wrap}
.utalas-sor .utalas{flex:1 1 300px}
button.masol{min-height:30px;padding:0 12px;font-size:14px;background:transparent;color:var(--zold-szoveg);box-shadow:inset 0 0 0 1.5px var(--zold);margin-left:6px;vertical-align:middle}
button.masol:hover{background:var(--zold-halvany);color:var(--zold-szoveg)}
button.masol.kesz{background:var(--zold);color:#fff}
.utalas .kod{white-space:nowrap}
.utalas .kod.iban{white-space:normal}
/* 100. kör: tájékoztató doboz (pl. elektromos autó: 0 Ft regadó, de az eljárás kell) */
.tajekoztato{font-family:var(--sans);font-size:15px;line-height:1.5;color:var(--figy);background:var(--figy-hatter);border:1px solid var(--figy-keret);border-radius:12px;padding:14px 16px;margin-top:14px}
.tajekoztato[hidden]{display:none}
.mezo[hidden]{display:none}
.jelolo[hidden]{display:none}
.racs[hidden]{display:none}

/* ---------- 107. kör: adatvédelem — a papírok két csoportja, bizalmi üzenet, kitakarás ---------- */
.bizalmi{font-family:var(--sans);font-size:15px;line-height:1.5;color:var(--jo);background:var(--jo-hatter);border:1px solid var(--jo-keret);border-radius:var(--r-mezo);padding:12px 16px;margin:0 0 14px}
.kitakaras-minta{display:flex;flex-wrap:wrap;gap:14px 18px;align-items:flex-start;margin:0 0 16px;padding:14px 16px;border:1px solid var(--vonal);border-radius:var(--r-mezo);background:var(--lap-tomor);font-family:var(--sans);font-size:15px}
.kitakaras-minta img{flex:0 0 auto;width:min(100%,260px);height:auto;border-radius:10px;border:1px solid var(--vonal)}
.kitakaras-minta>div{flex:1;min-width:220px}
.papir-blokk{padding:14px 0 6px;border-top:1px solid var(--vonal)}
.papir-blokk-fej{font-family:var(--sans);font-size:16px;margin:0 0 8px}
.feltolto.kis{padding:10px 12px}
.feltolto-lista li .kitakar-gomb{flex:0 0 auto;min-height:32px;padding:0 12px;font-size:13px;box-shadow:inset 0 0 0 1.5px var(--tus)}
.ai-hozzajarulas-jelolo{align-items:flex-start;margin:0 0 4px}
.ai-hozzajarulas-jelolo .jelolo-szoveg{font-size:15px;line-height:1.5;color:var(--tus2)}
.kitakaro{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:12px;background:rgba(36,33,29,.72)}
.kitakaro[hidden]{display:none}
.kitakaro-doboz{width:min(100%,760px);max-height:100%;overflow:auto;padding:16px 18px;border-radius:var(--r-lap);background:var(--lap-tomor);border:1px solid var(--vonal-eros);font-family:var(--sans)}
.kitakaro-cim{margin:0 0 10px;font-size:16px;color:var(--tus)}
.kitakaro-vaszon{border-radius:10px;overflow:hidden;border:1px solid var(--vonal-eros);background:#fff;line-height:0}
.kitakaro-vaszon canvas{display:block;width:100%;height:auto;max-height:62vh;object-fit:contain;touch-action:none;cursor:crosshair}
body.kitakaro-nyitva{overflow:hidden}
.ellenorzo-racs{display:grid;gap:16px;grid-template-columns:1fr}
@media (min-width:860px){.ellenorzo-racs{grid-template-columns:minmax(260px,1fr) minmax(280px,1.2fr)}}
.ellenorzo-kepek{display:flex;flex-wrap:wrap;gap:10px}
.ellenorzo-kepek a{display:block;width:150px;height:110px;border-radius:10px;overflow:hidden;border:1px solid var(--vonal-eros);background:var(--lap-tomor)}
.ellenorzo-kepek img{width:100%;height:100%;object-fit:cover}