/* Mályva Ház — próba-admin. A színek a ../style.css :root-tokenjei („Petrol-sárgabarack”);
 * itt csak a szerepükre hivatkozó álnevek vannak, új szín nincs. Mobil az alap (390 px). */
:root{
  --a-hatter:var(--paper);
  --a-felulet:var(--white);
  --a-vonal:var(--line);
  --a-fo:var(--petrol);
  --a-fo-sotet:var(--petrol-deep);
  --a-kiemel:var(--apricot);
  --a-figy:var(--apricot-deep);
  --a-figy-hatter:var(--apricot-pale);
  --a-ok:var(--ok);
  --a-halvany:var(--surface);
}

body.adm{font-size:16px;line-height:1.5;background:var(--a-hatter);min-height:100vh}
.adm h1,.adm h2,.adm h3{font-family:var(--font-display);font-weight:400}
.adm [hidden]{display:none!important}

/* ---------- végig látható bemutató-sáv ---------- */
.adm-sav{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:10px 16px;flex-wrap:wrap;
  padding:9px 16px;background:var(--apricot-soft);color:var(--ink);font-size:14px;line-height:1.35;border-bottom:1px solid var(--apricot)}
.adm-sav p{flex:1 1 220px;min-width:0}
@media (max-width:699px){.adm-sav{font-size:13px;padding:6px 16px;gap:2px 12px}.adm-sav p{flex-basis:100%}}
.adm-sav a{font-weight:600;color:var(--petrol-deep);white-space:nowrap}
.adm-riaszt{margin:12px 16px 0;padding:12px 14px;border-radius:12px;background:var(--a-figy-hatter);border:1.5px solid var(--a-figy);color:var(--ink);font-size:15px}
.adm-riaszt p+p{margin-top:10px}
.adm-riaszt .adm-gomb{margin-top:6px}

/* ---------- nyitó képernyő ---------- */
.adm-nyito{min-height:calc(100vh - 38px);padding:40px 16px 56px;background:var(--petrol-deep);color:var(--white);position:relative;overflow:hidden}
.adm-nyito::after{content:"";position:absolute;right:-90px;bottom:-110px;width:320px;height:320px;background:var(--apricot);opacity:.16;
  -webkit-mask:var(--rozetta) center/contain no-repeat;mask:var(--rozetta) center/contain no-repeat;pointer-events:none}
.adm-nyito-in{max-width:760px;margin:0 auto;position:relative;z-index:1}
.adm-kicker{display:block;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--apricot-soft);margin-bottom:14px}
.adm-nyito h1{font-size:clamp(30px,6vw,46px);line-height:1.1;margin-bottom:16px}
.adm-lead{font-size:17px;color:var(--on-dark-88);max-width:60ch;margin-bottom:26px}
.adm-btn-fo{background:var(--apricot-soft);color:var(--petrol-deep);font-size:17px}
.adm-btn-fo:hover{background:var(--paper)}
.adm-hogyan{margin-top:34px;padding:20px 20px 18px;border-radius:var(--r);background:var(--on-dark-12);border:1px solid var(--on-dark-18)}
.adm-hogyan h2{font-size:22px;margin-bottom:12px;color:var(--apricot-soft)}
.adm-hogyan ol{counter-reset:h;display:grid;gap:10px}
.adm-hogyan li{counter-increment:h;position:relative;padding-left:34px;color:var(--on-dark-88)}
.adm-hogyan li::before{content:counter(h);position:absolute;left:0;top:0;width:24px;height:24px;border-radius:50%;background:var(--apricot-soft);color:var(--petrol-deep);
  font-weight:700;font-size:13px;display:grid;place-items:center}

/* ---------- fejléc és fülek ---------- */
.adm-fej{background:var(--petrol);color:var(--white)}
.adm-fej-in{max-width:980px;margin:0 auto;padding:14px 16px 0;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:6px 16px}
.adm-marka{font-family:var(--font-display);font-size:22px;padding-bottom:12px}
.adm-marka span{font-family:var(--font-body);font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--apricot-soft);margin-left:8px}
.adm-fulek{display:flex;gap:4px}
.adm-fulek button{font:inherit;font-weight:600;font-size:16px;color:var(--on-dark-80);background:transparent;border:0;border-radius:12px 12px 0 0;padding:11px 18px;min-height:46px;cursor:pointer}
.adm-fulek button[aria-selected="true"]{background:var(--a-hatter);color:var(--petrol-deep)}
.adm-fulek button:hover{color:var(--white)}
.adm-fulek button[aria-selected="true"]:hover{color:var(--petrol-deep)}

.adm-main{max-width:980px;margin:0 auto;padding:16px 16px 64px}

/* ---------- dobozok ---------- */
.adm-doboz{background:var(--a-felulet);border:1px solid var(--a-vonal);border-radius:var(--r);padding:18px 16px;margin-top:16px}
.adm-doboz h2{font-size:24px;line-height:1.2;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.adm-leiras{color:var(--muted);font-size:15px;margin:6px 0 14px;max-width:70ch}
.adm-alcim{font-family:var(--font-body)!important;font-weight:700!important;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:22px 0 10px}
.adm-ures{color:var(--muted);font-style:italic;padding:8px 0}
.adm-szam{font-family:var(--font-body);font-size:15px;font-weight:700;background:var(--apricot-soft);color:var(--petrol-deep);border-radius:999px;padding:1px 10px}
.adm-varo{border-color:var(--apricot);box-shadow:inset 4px 0 0 var(--apricot)}
.adm-figy{background:var(--a-figy-hatter);color:var(--ink);border-left:4px solid var(--a-figy);padding:8px 12px;border-radius:0 8px 8px 0;margin:10px 0;font-size:15px}
.adm-osszeg{font-weight:600;margin:14px 0 10px}
.adm-teljes{border-style:dashed}
.adm-tovabb{margin-top:14px}
.adm-tovabb a,.adm-mentve a{font-weight:600}

/* ---------- gombok ---------- */
.adm-gomb{font:inherit;font-weight:600;font-size:15px;min-height:44px;padding:8px 16px;border-radius:999px;border:1.5px solid var(--a-fo);background:var(--a-felulet);color:var(--a-fo);cursor:pointer;line-height:1.2}
.adm-gomb:hover{background:var(--a-halvany)}
.adm-gomb:disabled{opacity:.4;cursor:default}
.adm-elsod{background:var(--a-fo);color:var(--white)}
.adm-elsod:hover{background:var(--a-fo-sotet)}
.adm-halk{border-color:var(--a-vonal);color:var(--ink)}
.adm-veszely{border-color:var(--a-figy);color:var(--a-figy)}
.adm-veszely:hover{background:var(--a-figy-hatter)}
.adm-veszely-halk{border-color:var(--a-vonal);color:var(--a-figy)}
.adm-kicsi{min-height:36px;padding:5px 12px;font-size:14px}
.adm-biztos,.adm-biztos:hover{background:var(--a-figy);border-color:var(--a-figy);color:var(--white)}
.adm-uj{border-style:dashed;margin-top:12px}

/* ---------- szűrők, napválasztó ---------- */
.adm-szurok,.adm-szekciok{display:flex;flex-wrap:wrap;gap:8px}
.adm-szurok button,.adm-szekciok button{font:inherit;font-size:15px;font-weight:600;min-height:40px;padding:6px 14px;border-radius:999px;border:1.5px solid var(--a-vonal);background:var(--a-felulet);color:var(--ink);cursor:pointer}
.adm-szurok button[aria-pressed="true"],.adm-szekciok button[aria-pressed="true"]{background:var(--petrol-deep);border-color:var(--petrol-deep);color:var(--white)}
.adm-pont{color:var(--apricot);font-size:11px;vertical-align:middle}
.adm-napok{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.adm-nap{font:inherit;display:flex;flex-direction:column;align-items:center;gap:1px;padding:7px 2px 6px;border-radius:10px;border:1.5px solid var(--a-vonal);background:var(--a-felulet);color:var(--ink);cursor:pointer;min-width:0}
.adm-nap .n-nap{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.adm-nap .n-szam{font-family:var(--font-display);font-size:20px;line-height:1.1}
.adm-nap .n-db{font-size:11px;color:var(--muted);white-space:nowrap}
.adm-nap.ma{border-color:var(--apricot)}
.adm-nap.zart{background:var(--a-halvany)}
.adm-nap.zart .n-db{color:var(--a-figy);font-weight:600}
.adm-nap[aria-pressed="true"]{background:var(--petrol);border-color:var(--petrol);color:var(--white)}
.adm-nap[aria-pressed="true"] .n-nap,.adm-nap[aria-pressed="true"] .n-db{color:var(--on-dark-85)}
.adm-masnap{max-width:220px;margin-top:12px}

/* ---------- kérés-kártyák ---------- */
.adm-kartyak{display:grid;gap:12px}
.adm-kartya{border:1px solid var(--a-vonal);border-left:5px solid var(--a-fo);border-radius:12px;padding:12px 14px;background:var(--a-felulet);min-width:0}
.adm-kartya.t-torta{border-left-color:var(--apricot)}
.adm-kartya.t-rendezveny{border-left-color:var(--petrol-deep)}
.adm-kartya.lezart{opacity:.72;background:var(--a-halvany)}
.adm-kartya.sajat{box-shadow:0 0 0 2px var(--apricot-soft)}
.k-fej{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:14px}
.k-ido{font-family:var(--font-display);font-size:19px;color:var(--petrol-deep)}
.k-tipus{font-weight:600;color:var(--muted)}
.k-allapot{font-weight:700;font-size:12px;letter-spacing:.04em;text-transform:uppercase;padding:2px 9px;border-radius:999px;background:var(--a-halvany);color:var(--ink)}
.a-fuggo,.a-ajanlatkeres{background:var(--apricot-soft);color:var(--petrol-deep)}
.a-ok,.a-megjelent,.a-ajanlat_kuldve{background:var(--ok);color:var(--white)}
.a-lemondva,.a-elutasitva,.a-nem_jelent_meg{background:var(--surface-2);color:var(--a-figy)}
.k-jel{font-size:12px;font-weight:600;padding:2px 9px;border-radius:999px;border:1px solid var(--a-vonal);color:var(--muted)}
.k-sajat{border-color:var(--apricot);background:var(--a-figy-hatter);color:var(--a-figy)}
.k-nev{font-family:var(--font-body)!important;font-weight:700!important;font-size:17px;margin:6px 0 2px;overflow-wrap:anywhere}
.k-elerhet{display:flex;flex-wrap:wrap;gap:2px 14px;font-size:14px}
.k-elerhet a{overflow-wrap:anywhere}
.k-reszlet{font-size:14px;color:var(--ink);margin-top:4px;overflow-wrap:anywhere}
.k-uzenet{font-size:14px;color:var(--muted);font-style:italic;margin-top:4px;overflow-wrap:anywhere}
.k-ok{font-size:14px;color:var(--a-figy);margin-top:4px}
.k-muvek{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.k-indok{margin-top:10px;padding-top:10px;border-top:1px dashed var(--a-vonal)}
.k-level{margin-top:10px;padding:8px 12px;border-radius:8px;background:var(--a-halvany);border-left:4px solid var(--apricot);font-size:14px}

/* ---------- űrlapok ---------- */
.adm-urlap{display:grid;gap:12px}
.adm-racs{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px 12px;align-items:end}
.adm-mezo{display:flex;flex-direction:column;gap:4px;min-width:0;font-size:14px;font-weight:600;color:var(--ink)}
.adm-mezo>span i{font-style:normal;font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--apricot-deep);margin-left:4px}
.adm-mezo input,.adm-mezo select,.adm-mezo textarea{font:inherit;font-weight:400;font-size:16px;width:100%;min-width:0;min-height:44px;padding:9px 11px;border:1.5px solid var(--a-vonal);border-radius:10px;background:var(--paper);color:var(--ink)}
.adm-mezo textarea{resize:vertical;min-height:64px;line-height:1.4}
.adm-mezo input:focus,.adm-mezo select:focus,.adm-mezo textarea:focus{border-color:var(--a-fo);outline:none;box-shadow:0 0 0 3px var(--surface-2)}
.adm-mezo input:disabled{opacity:.45}
.adm [aria-invalid="true"]{border-color:var(--a-figy)!important;box-shadow:0 0 0 3px var(--a-figy-hatter)!important}
.adm-szammezo{position:relative}
.adm-be-sor{display:flex;align-items:center;gap:8px;min-width:0}
.adm-be-sor input{flex:1 1 auto}
.adm-szammezo em{font-style:normal;font-weight:400;font-size:14px;color:var(--muted);white-space:nowrap}
.adm-cimkek{margin-top:10px}
.adm-valaszto{border:0;padding:0;margin:0;min-width:0;display:flex;flex-wrap:wrap;gap:6px 16px;font-size:15px}
.adm-valaszto legend{font-size:14px;font-weight:600;padding:0;margin-bottom:4px;width:100%}
.adm-valaszto label,.adm-jelolo{display:inline-flex;align-items:center;gap:7px;min-height:36px;cursor:pointer;font-size:15px}
.adm-valaszto input,.adm-jelolo input{width:20px;height:20px;accent-color:var(--petrol);margin:0;flex:0 0 auto}
.adm-hiba{color:var(--a-figy);font-weight:600;font-size:15px}
.adm-szerk-hiba{background:var(--a-figy-hatter);border:1.5px solid var(--a-figy);border-radius:10px;padding:10px 14px;font-weight:400;margin-bottom:14px}
.adm-szerk-hiba ul{list-style:disc;padding-left:20px;margin-top:4px}
.adm-visszajel,.adm-mentve{color:var(--a-ok);font-weight:600;font-size:15px}
.adm-mentve{background:var(--a-halvany);border-left:4px solid var(--a-ok);padding:10px 12px;border-radius:0 8px 8px 0;margin-bottom:14px}
.z-ora{opacity:.5}
.z-ora.aktiv{opacity:1}
.ketnyelv{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px;margin:8px 0}
.adm-zarlista{display:grid;gap:8px}
.adm-zarlista li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--a-vonal);font-size:15px}
.adm-zarlista li span{min-width:0;overflow-wrap:anywhere}
.adm-zarlista small{color:var(--muted)}

/* ---------- szerkesztő ---------- */
.adm-szekciok{margin-bottom:4px}
.adm-szerk-fej{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}
.adm-modjel{font-size:13px;font-weight:600;color:var(--a-figy);background:var(--a-figy-hatter);padding:2px 10px;border-radius:999px}
.adm-csoport{border:1px solid var(--a-vonal);border-radius:12px;padding:12px 12px 14px;margin-top:12px;background:var(--a-felulet)}
.adm-csoport>h3{font-size:19px;margin-bottom:6px}
.adm-csoport.inaktiv{background:var(--a-halvany)}
.adm-kat>summary{list-style:none;display:flex;align-items:baseline;justify-content:space-between;gap:10px;cursor:pointer;min-height:36px}
.adm-kat>summary::-webkit-details-marker{display:none}
.adm-kat>summary h3{font-size:19px}
.adm-kat>summary h3::before{content:"▸ ";color:var(--apricot)}
.adm-kat[open]>summary h3::before{content:"▾ "}
.adm-kat>summary span{font-size:14px;color:var(--muted);white-space:nowrap}
.adm-elem{border-top:1px dashed var(--a-vonal);padding-top:10px;margin-top:10px}
.adm-elem-cim{font-weight:700;font-size:15px}
.sor-gombok{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.adm-meretek{margin-top:10px}
.adm-meret{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px;align-items:end;padding:8px 0;border-bottom:1px dashed var(--a-vonal)}
.adm-meret .sor-gombok{grid-column:1/-1;margin-top:0}
.ny-tabla{display:grid;gap:6px}
.ny-sor{display:grid;grid-template-columns:1fr auto;grid-template-areas:"nap zarva" "nyit zar" "ejfel ejfel";gap:4px 10px;align-items:end;padding:8px 0;border-bottom:1px solid var(--a-vonal)}
.ny-sor .ny-nap{grid-area:nap;font-weight:700;align-self:center}
.ny-sor>.adm-jelolo:not(.ny-ejfel){grid-area:zarva;justify-self:end}
.ny-sor>.adm-idomezo:nth-of-type(1){grid-area:nyit}
.ny-sor>.adm-idomezo:nth-of-type(2){grid-area:zar}
.ny-sor .ny-ejfel{grid-area:ejfel;font-size:14px;color:var(--muted)}
.ny-sor.zarva .ny-nap{color:var(--muted)}
.adm-szerk-lab{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid var(--a-vonal);position:sticky;bottom:0;background:var(--a-felulet);padding-bottom:12px}

/* ---------- statisztika ---------- */
.adm-stat{display:grid;gap:2px;font-size:14px}
.s-sor{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1.6fr) minmax(0,1fr) minmax(0,.9fr);gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid var(--a-vonal)}
.s-fej{font-weight:700;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.05em}
.s-most{font-weight:700}
.s-oszlop{display:flex;align-items:center;gap:6px}
.s-bar{display:block;height:10px;border-radius:5px;background:var(--apricot);min-width:3px;max-width:calc(100% - 30px)}

/* ---------- szélesebb kijelző ---------- */
@media (min-width:700px){
  .adm-sav{padding:9px 32px}
  .adm-nyito{padding:72px 32px 84px}
  .adm-main{padding:20px 32px 80px}
  .adm-fej-in{padding:16px 32px 0}
  .adm-doboz{padding:24px 26px}
  .adm-napok{grid-template-columns:repeat(14,minmax(0,1fr))}
  .adm-kartyak{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
  .ny-sor{grid-template-columns:110px auto 120px 120px auto;grid-template-areas:"nap zarva nyit zar ejfel";align-items:center}
  .ny-sor .ny-ejfel{align-self:center}

  .adm-meret{grid-template-columns:140px 160px auto}
  .adm-meret .sor-gombok{grid-column:auto}
  .s-sor{grid-template-columns:2fr 3fr 1.2fr 1fr}
}
@media (max-width:559px){ .ketnyelv{grid-template-columns:1fr} }