/* Mályva Ház — próba-admin (két oldal: Foglalások, Szerkesztő). A SELAM-admin szerkezete
 * (sticky fejléc mentés-chippel, kiemelt nagybetűs címek, keret nélküli, teljes szélességű két
 * hasáb, lenyitható panelek), de a Mályva Ház SAJÁT színeivel: 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:15px;line-height:1.45;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 (a fejléc fölött, nem ragad) ---------- */
.adm-sav{display:flex;align-items:center;justify-content:space-between;gap:10px 16px;flex-wrap:wrap;
  padding:8px 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:14px 0 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}

/* ---------- gombok (Foglalások, fejléc, belépő; a szerkesztő saját .adm-gomb-jai lent) ---------- */
.adm-fej button,.fglap button,.belepo button,.teljes button,.adm-riaszt button,.gomblink{font:inherit;font-size:14px;font-weight:600;border-radius:999px;padding:8px 16px;min-height:40px;
  cursor:pointer;border:1.5px solid transparent;background:transparent;color:var(--ink);line-height:1.2;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}
.fglap .elsod,.belepo .elsod{background:var(--a-fo);color:var(--white)}
.fglap .elsod:hover,.belepo .elsod:hover{background:var(--a-fo-sotet)}
.fglap .jovahagy{background:var(--a-ok);color:var(--white);padding:8px 18px}
.fglap .jovahagy:hover{background:var(--petrol-deep)}
.fglap .masod,.teljes .masod,.adm-riaszt .masod{background:var(--a-felulet);border-color:var(--a-vonal)}
.fglap .masod:hover{border-color:var(--muted)}
.fglap .halk,.gomblink.halk{color:var(--muted);padding:8px 10px}
.fglap .halk:hover{color:var(--a-fo);background:var(--a-halvany)}
.teljes .veszely{background:var(--a-felulet);border-color:var(--a-figy);color:var(--a-figy)}
.teljes .veszely:hover{background:var(--a-figy-hatter)}
.adm-riaszt .kicsi{min-height:34px;padding:4px 12px;font-size:13px;margin-top:6px}
.adm button[data-biztos],.adm button[data-biztos]:hover{background:var(--a-figy);border-color:var(--a-figy);color:var(--white)}
.adm button:disabled{opacity:.5;cursor:default}

/* ---------- belépő (a SELAM belépő-ablakának helyén; jelszó nincs) ---------- */
.belepo{min-height:calc(100vh - 40px);padding:40px 16px 56px;background:var(--petrol-deep);color:var(--white);position:relative;overflow:hidden}
.belepo::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}
.belepo-lap{max-width:680px;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}
.belepo h1{font-size:clamp(30px,6vw,44px);line-height:1.1;margin-bottom:16px}
.adm-lead{font-size:17px;color:var(--on-dark-88);max-width:60ch;margin-bottom:24px}
.belepo .elsod.nagy{background:var(--apricot-soft);color:var(--petrol-deep);font-size:17px;min-height:50px;padding:0 26px}
.belepo .elsod.nagy:hover{background:var(--paper)}
.belepo-hogyan{margin-top:32px;padding:20px 20px 18px;border-radius:var(--r);background:var(--on-dark-12);border:1px solid var(--on-dark-18)}
.belepo-hogyan h2{font-size:22px;margin-bottom:12px;color:var(--apricot-soft)}
.belepo-vissza{display:inline-block;margin-top:22px;color:var(--apricot-soft);font-weight:600}
.hogyan{counter-reset:h;display:grid;gap:10px}
.hogyan li{counter-increment:h;position:relative;padding-left:34px}
.belepo .hogyan li{color:var(--on-dark-88)}
.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}

/* ---------- sticky fejléc: márka, mentés-chip, oldalváltó, Kilépés ---------- */
.adm-fej{background:var(--petrol);color:var(--white);position:sticky;top:0;z-index:20}
.fej{max-width:1180px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.adm-fej h1{font-family:var(--font-display);font-size:20px;line-height:1.2;white-space:nowrap}
.adm-fej h1 span{font-family:var(--font-body);font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--apricot-soft);margin-left:10px}
.fejjobb{display:flex;gap:8px;align-items:center}
.mentes{font-size:13px;font-weight:600;padding:4px 10px;border-radius:99px;background:var(--on-dark-18);white-space:nowrap}
.mentes.kesz{background:var(--apricot-soft);color:var(--petrol-deep)}
.adm-fej .masod{background:transparent;color:var(--white);border-color:var(--on-dark-40)}
.adm-fej .masod:hover{background:var(--on-dark-12);border-color:var(--white)}

/* ---------- oldal: két hasáb (bal: jóváhagyás + a nap; jobb: panelek), mobilon egymás alatt ---------- */
.adm-main{max-width:1180px;margin:0 auto;padding:4px 16px 56px}
.fglap section,.teljes{margin-top:28px}
.racs{max-width:760px;margin:0 auto}
.oszlop{min-width:0}
@media (min-width:900px){
  .racs{max-width:none;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:0 32px;align-items:start}
  .adm-main>.teljes{max-width:none}
}
.teljes{max-width:760px}
.fglap .teljes{max-width:none}
.sav{border-radius:10px;padding:10px 14px;margin:14px 0 0;font-size:14px;font-weight:600}
#hiba{background:var(--a-figy-hatter);color:var(--a-figy)}
#uzenet{background:var(--a-halvany);color:var(--a-ok);border-left:4px solid var(--a-ok)}

/* panel-fejléc: kiemelt, nagybetűs cím (+ darabszám), mellette a dátum; jobbra opcionális vezérlő */
.szakfej{display:flex;align-items:flex-end;justify-content:space-between;gap:10px 16px;flex-wrap:wrap;margin-bottom:12px}
.szakfej>div:first-child{flex:1 1 auto;min-width:0}
.cimsor{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 10px;padding-bottom:6px;border-bottom:1px solid var(--a-vonal)}
.szakfej h2{margin:0;font-family:var(--font-body);font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);line-height:1.4}
.szakfej.egysor{align-items:center}
.datumsor{font-size:17px;font-weight:700;color:var(--ink)}
.szam{display:inline-block;margin-left:8px;padding:1px 8px;border-radius:99px;background:var(--a-fo);color:var(--white);font-size:12px;letter-spacing:0;vertical-align:1px}
.ures{color:var(--muted);margin:6px 0}
.sugo{font-size:13px;color:var(--muted);margin-top:6px}
.jelzes{background:var(--a-halvany);color:var(--muted);border-radius:10px;padding:8px 12px;font-size:14px;margin-bottom:10px}

/* típus-szűrő */
.szurok{display:flex;flex-wrap:wrap;gap:6px;margin-top:22px}
.fglap .szurok button{min-height:34px;padding:5px 14px;border:1px solid var(--a-vonal);background:var(--a-felulet);font-size:13px}
.fglap .szurok button.kiv{background:var(--petrol-deep);border-color:var(--petrol-deep);color:var(--white)}

/* lapozó */
.lapozo{display:flex;gap:6px;align-items:center}
.fglap .lapozo button{min-width:42px;padding:8px 0;border-radius:10px}

/* foglaltság-chipek */
.foglaltsag{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:12px;font-size:13px;color:var(--muted)}
.chip{background:var(--a-felulet);border:1px solid var(--a-vonal);border-radius:99px;padding:1px 9px;color:var(--ink);font-variant-numeric:tabular-nums}

/* ---------- kérés-lista: soronként egy kérés ---------- */
.lista{background:var(--a-felulet);border:1px solid var(--a-vonal);border-radius:12px;overflow:hidden}
.fuggolista{border-color:var(--apricot);box-shadow:inset 4px 0 0 var(--apricot)}
.tetel{display:flex;gap:6px 14px;padding:14px 16px;border-top:1px solid var(--a-vonal);align-items:flex-start;min-width:0}
.tetel:first-child{border-top:0}
.ido{flex:0 0 52px;font-weight:700;font-size:17px;line-height:1.35;font-variant-numeric:tabular-nums}
.t-torta .ido,.t-rendezveny .ido{color:var(--petrol)}
.test{flex:1;min-width:0}
.datum{font-size:13px;font-weight:600;color:var(--a-figy)}
.nev{font-weight:600}
.fo{color:var(--muted);margin-left:8px;white-space:nowrap}
.elerhet{font-size:14px;color:var(--muted);margin-top:1px;overflow-wrap:anywhere}
.elerhet a{color:var(--petrol);text-decoration:none}
.elerhet a:hover{text-decoration:underline}
.megj{font-size:14px;margin-top:6px;display:flex;flex-wrap:wrap;gap:6px;align-items:baseline}
.alkalom{background:var(--a-halvany);border-radius:6px;padding:1px 8px;font-size:13px;font-weight:600}
.uzenetszoveg{color:var(--ink);font-style:italic;overflow-wrap:anywhere}
.reszlet{margin-top:8px;font-size:13.5px;background:var(--a-halvany);border-radius:8px;padding:6px 10px;overflow-wrap:anywhere}
.reszlet b{display:block;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}
.reszlet .halv{color:var(--muted)}
.okszoveg{font-size:14px;color:var(--a-figy);margin-top:4px}
.level{margin-top:8px;padding:6px 10px;border-radius:8px;background:var(--a-figy-hatter);border-left:4px solid var(--apricot);font-size:13.5px}
.cimke{display:inline-block;margin-left:8px;font-size:12px;font-weight:600;padding:1px 8px;border-radius:99px;background:var(--a-halvany);color:var(--muted)}
.cimke.c-torta{background:var(--apricot-pale);color:var(--a-figy)}
.cimke.c-rendezveny{background:var(--petrol-deep);color:var(--white)}
.cimke.c-sajat{border:1px solid var(--apricot);background:var(--a-figy-hatter);color:var(--a-figy)}
.muvek{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-left:auto}
.tetel.fuggo{flex-wrap:wrap}
.tetel.fuggo .muvek{flex-basis:100%;margin-left:66px;margin-top:6px}
.halvany .ido,.halvany .nev{color:var(--muted)}
.halvany:not(.lezajlott) .nev{text-decoration:line-through}
.halvanylista{background:transparent}
.halvanylista .tetel{padding:10px 16px}
.tetel.vanpanel{flex-wrap:wrap}
.lemondpanel{flex-basis:100%;margin-left:66px;margin-top:8px;padding:10px 12px;background:var(--a-felulet);border:1px solid var(--a-vonal);border-radius:10px}
.lemondpanel .halv{color:var(--muted);margin:0}
.lemondpanel textarea{margin:4px 0;min-height:40px}
.lemondpanel .gombok{margin-top:10px}

/* jobb oldal: a nap lezárásai */
.napjobb{margin-top:18px}
.fglap section.napjobb{margin-top:18px}
.zarva{background:var(--a-figy-hatter);color:var(--a-figy);border-radius:10px;padding:6px 6px 6px 14px;margin-bottom:10px;display:flex;gap:8px;align-items:center;justify-content:space-between;font-size:14px;font-weight:600}
.zarva>span{min-width:0;overflow-wrap:anywhere}
.zmit{display:inline-block;margin-left:8px;padding:1px 8px;border-radius:99px;background:var(--a-felulet);font-size:12px;font-weight:600;vertical-align:1px}
.zev{font-weight:400;font-size:13px}

/* ---------- lenyitható panel: a fejléc a <summary>, jobbra nyíl ---------- */
details.lenyilo>summary{list-style:none;cursor:pointer;border-radius:8px}
details.lenyilo>summary::-webkit-details-marker{display:none}
details.lenyilo>summary .szakfej{margin-bottom:0;align-items:center;flex-wrap:nowrap}
details.lenyilo[open]>summary .szakfej{margin-bottom:12px}
details.lenyilo>summary .nyil{flex:none;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--a-vonal);border-radius:50%;background:var(--a-felulet);color:var(--muted);font-size:14px;transition:transform .15s}
details.lenyilo[open]>summary .nyil{transform:rotate(180deg)}
details.lenyilo>summary:hover .nyil{border-color:var(--muted);color:var(--ink)}
.fglap .hogyan{padding:2px 0 4px}

/* ---------- panelek, űrlapmezők (telefonos foglalás, lezárás) ---------- */
.panel{background:var(--a-felulet);border:1px solid var(--a-vonal);border-radius:12px;padding:14px 16px 16px}
.mezok{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}
.mezok .szeles{grid-column:1/-1}
.mezok>div{min-width:0}
.fglap label{font-size:13px;color:var(--muted);display:block;margin-bottom:3px}
.fglap input,.fglap select,.fglap textarea{width:100%;min-height:40px;padding:8px 10px;border:1px solid var(--a-vonal);border-radius:8px;font:inherit;font-size:16px;background:var(--white);color:var(--ink)}
.fglap textarea{resize:none;overflow:hidden;line-height:1.4;display:block}
.fglap input:focus,.fglap textarea:focus{outline:2px solid var(--apricot);outline-offset:0;border-color:var(--apricot)}
.ketnyelv{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px;margin:8px 0}
.mezok .ketnyelv{margin:0}
.figy{background:var(--a-figy-hatter);color:var(--ink);border-radius:8px;padding:8px 12px;font-size:14px;margin-top:12px}
.gombok{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap;align-items:center}
.nval{font-size:13px;color:var(--ink);font-weight:600;margin-left:6px}

/* beágyazott 3 hetes naptár: a teljes szélességen elosztva; a választott nap kitöltött petrol */
.naptar{margin-top:2px}
.nfej{font-size:15px;font-weight:600;text-align:center;margin:4px 0 2px}
.nhet,.nnapok{display:grid;grid-template-columns:repeat(7,1fr);text-align:center}
.nhet span{font-size:12px;color:var(--muted);padding:6px 0}
.nnapok>*{width:44px;height:44px;max-width:100%;margin:3px auto;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-variant-numeric:tabular-nums}
.fglap .nnapok button{min-height:0;padding:0;font-weight:500;width:44px;height:44px;max-width:100%}
.fglap .nnapok button:hover{background:var(--a-halvany)}
.nnapok .nmult{color:var(--muted);opacity:.45}
.fglap .nnapok .nma{box-shadow:inset 0 0 0 1.5px var(--a-fo);color:var(--a-fo)}
.fglap .nnapok .nkiv,.fglap .nnapok .nkiv:hover{background:var(--a-fo);color:var(--white);font-weight:600}

/* órák és egységek kapszula-gombjai, a választott kitöltött petrol */
.orak{display:flex;flex-wrap:wrap;gap:6px}
.fglap .orak button{min-height:34px;padding:6px 10px;border:1px solid var(--a-vonal);background:var(--white);font-size:13px;font-variant-numeric:tabular-nums}
.fglap .orak button.egesz{padding:6px 14px}
.fglap .orak button.kiv,.fglap .orak button.kiv:hover{background:var(--a-fo);border-color:var(--a-fo);color:var(--white)}
.orak span.mult{min-height:34px;padding:6px 10px;border:1px dashed var(--a-vonal);border-radius:999px;font-size:13px;color:var(--muted);opacity:.6;text-decoration:line-through}
.orak .sugo{margin:6px 0 0}

/* heti statisztika */
.statkeret{overflow-x:auto}
.stat{width:100%;border-collapse:collapse;font-size:14px;background:var(--a-felulet);border:1px solid var(--a-vonal);border-radius:10px;overflow:hidden}
.stat th{text-align:left;font-size:12px;color:var(--muted);font-weight:600;padding:8px 10px;border-bottom:1px solid var(--a-vonal)}
.stat td{padding:7px 10px;border-top:1px solid var(--a-vonal)}
.stat tr.folyo td{font-weight:600}
.stat .szamoszlop{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.stat .cimke{margin-left:6px}

.adm-visszajel{color:var(--a-ok);font-weight:600;font-size:15px;margin-top:10px}

@media (max-width:560px){
  .fej{padding:10px 12px;gap:6px}
  .fejjobb{gap:4px}
  .adm-fej .masod{padding:6px 10px;font-size:13px;min-height:36px}
  .adm-fej h1{font-size:18px}
  .mobilon-rejtett{display:none}
  .mezok{grid-template-columns:1fr}
  .ketnyelv{grid-template-columns:1fr}
  .tetel{padding:12px 14px;gap:4px 12px}
  .ido{flex-basis:46px;font-size:16px}
  .lemondpanel,.tetel.fuggo .muvek{margin-left:0}
  .tetel.fuggo .jovahagy{flex:1;padding:8px 12px}
  .elerhet a{display:block}
  .elerhet .sep{display:none}
  .tetel:not(.fuggo) .halk{font-size:13px;padding:6px 4px;min-height:34px}
  .szakfej .lapozo{flex-basis:auto}
  .szakfej.egysor{flex-wrap:nowrap}
  .datumsor{font-size:15px}
  .nnapok>*,.fglap .nnapok button{width:40px;height:40px}
  .stat{font-size:13px}
  .stat th,.stat td{padding:7px 6px}
}

/* =====================================================================
 *  SZERKESZTŐ oldal — a SELAM-szerkesztő (_szerkesztoHtml) szerkezete: oldalváltó a fejlécben,
 *  a részek keret nélkül, teljes szélességben, tömören; tételenként egy sor + „Részletek”
 * ===================================================================== */
.adm-szerkfo{max-width:none;padding:0 24px 40px}
.szerkfej .fej{max-width:none;padding:10px 24px}
.szerk section{margin-top:18px}
.szerk .panel{background:transparent;border:0;border-radius:0;padding:0;margin-top:8px}
.szerk .cimsor{padding-bottom:4px;margin-bottom:0}
.szerk .cimsor h2,.adm-szerkfo .cimsor h2{margin:0;font-family:var(--font-body);font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);line-height:1.4}
.adm-szerkfo .teljes{max-width:760px}

/* oldalváltó a fejlécben */
.lapvalto{display:flex;gap:4px;flex:1 1 auto;justify-content:center;min-width:0}
.adm-fej .lapvalto button{color:var(--white);background:transparent;border:1px solid transparent;min-height:36px;padding:6px 14px;border-radius:99px;font-size:14px}
.adm-fej .lapvalto button:hover{background:var(--on-dark-12)}
.adm-fej .lapvalto button[aria-pressed="true"]{background:var(--white);color:var(--petrol-deep)}

/* Főoldal lap: szélesen balra az akciók és a heti menü, jobbra a nyitvatartás és a zárt napok */
.lap[data-lap="fooldal"]{display:grid;grid-template-columns:minmax(0,1fr);gap:0 36px;align-items:start}
@media (min-width:1100px){
  .lap[data-lap="fooldal"]{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
  .lap[data-lap="fooldal"] #p-akciok{grid-column:1;grid-row:1}
  .lap[data-lap="fooldal"] .fjobb{grid-column:2;grid-row:1/span 2}
  .lap[data-lap="fooldal"] .fbal{grid-column:1;grid-row:2}
}
.fjobb,.fbal{min-width:0}
/* étlap és itallap szélesen egymás mellett */
@media (min-width:1000px){.etpar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 36px;align-items:start}}
.etpar>section{min-width:0}

/* mentés-sor: Mentés + „Nincs mentve”, jobbra a Visszavonás; alatta a visszaállítható állapotok és az eredmény */
.szerk .gombok .vissza{margin-left:auto}
.mentetlen{font-size:13px;color:var(--a-figy);font-weight:600}
.vlista{margin-top:8px;display:flex;flex-direction:column;gap:6px;max-width:520px}
.vsor{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--white);border:1px solid var(--a-vonal);border-radius:8px;padding:6px 6px 6px 12px;font-size:14px}
.sav.ok{background:var(--a-halvany);color:var(--a-ok)}
.sav.rossz{background:var(--a-figy-hatter);color:var(--a-figy)}
.alcim2{font-family:var(--font-body)!important;font-size:14px;font-weight:700!important;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);margin:14px 0 8px}
.alcim2:first-child{margin-top:0}

/* HU/EN váltó a szövegmezőben */
.kny{position:relative;min-width:0}
.kny>input,.kny>textarea{width:100%;padding-right:44px}
.szerk .knyg{position:absolute;right:5px;top:5px;min-height:0;height:30px;padding:0 7px;font-size:11.5px;font-weight:700;letter-spacing:.04em;border:1px solid var(--a-vonal);border-radius:6px;background:var(--a-halvany);color:var(--muted)}
.szerk .knyg:hover{color:var(--ink)}
.kny .en{background:var(--apricot-pale)}
.etreszl>.kny+.kny,.szerk .panel>.etfelso+.kny{margin-top:2px}
.kny.kis{max-width:220px}

/* nyitvatartás: soronként a nap, mellette egységenként a nyitás–zárás (zárt nap = mindkettő üres); nem nyúlik szét */
.nytabla{max-width:440px}
.nysor{display:grid;grid-template-columns:84px repeat(2,minmax(0,1fr));gap:6px 12px;align-items:center;padding:3px 0;border-top:1px solid var(--a-vonal)}
.nysor.nyfej{border-top:0;padding-bottom:2px}
.nyegyseg{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);text-align:center}
.nyido{display:flex;gap:4px;align-items:center;min-width:0}
.fglap .nyido input{flex:1 1 56px;width:auto;min-width:0;min-height:36px;padding:4px 2px;text-align:center;font-size:15px;font-variant-numeric:tabular-nums}
.nynap{font-size:15px}

/* zárt napok */
.zartlista{display:flex;flex-direction:column}
.zarurlap{display:flex;flex-direction:column;gap:10px;margin-top:6px;padding-top:12px;border-top:1px solid var(--a-vonal)}
.zarurlap .gombok{margin-top:2px}

/* tételsorok (étlap, itallap, torták, programok, akciók, rendezvények) */
.etcsop{border:1px solid var(--a-vonal);border-radius:10px;background:var(--white);margin-bottom:8px}
.etcsop>summary{cursor:pointer;padding:12px 14px;font-weight:700;display:flex;gap:8px;align-items:center;list-style:none}
.etcsop>summary::-webkit-details-marker{display:none}
.etcsop>summary::before{content:"▸";color:var(--apricot);font-size:13px}
.etcsop[open]>summary::before{content:"▾"}
.etcim{min-width:0;overflow-wrap:anywhere}
.etdb{font-size:12px;font-weight:600;color:var(--muted);background:var(--a-halvany);border-radius:99px;padding:1px 8px;white-space:nowrap}
.etkat{padding:0 14px 12px}
.katfej{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:8px 10px;margin-bottom:6px;background:var(--a-halvany);border-radius:8px}
.katfej .kny{flex:1 1 220px}
.etkat>.masod{margin-top:8px}
.etlista{min-width:0}
.etsor{border-top:1px solid var(--a-vonal);padding:8px 0}
.etlista>.etsor:first-child{border-top:0}
.etsor.rejtett .etfo{opacity:.5}
.etfo{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.etnevw{flex:1 1 200px}
.fglap .etfo .reszlgomb{min-width:96px}
.fglap .etar{display:flex;align-items:center;gap:4px;margin:0;font-size:13px;color:var(--muted)}
.fglap .etar input{width:90px;text-align:right;min-height:36px;padding:4px 8px}
.fglap .etar input.ora{width:72px;text-align:center}
.etreszl{margin-top:10px;padding:10px;background:var(--a-halvany);border-radius:8px;display:flex;flex-direction:column;gap:8px}
.etfelso{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center}
.etjelolok{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center}
.fglap label.jelolo{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;color:var(--ink);margin:0;cursor:pointer}
.fglap label.jelolo input{width:18px;height:18px;min-height:18px;margin:0;flex:none;accent-color:var(--petrol)}
.fglap label.etnk{font-weight:700}
.fglap .etmenu{display:flex;align-items:center;gap:6px;margin:0;font-size:13px;color:var(--muted)}
.fglap .etmenu select{width:auto;min-height:36px;padding:4px 8px;font-size:15px}
.etalso{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center}
.fglap .etalso .halk{padding:6px 4px;min-height:34px}
.fglap .torles{color:var(--a-figy)}
.fglap .kicsi{min-height:34px;padding:4px 12px;font-size:13px}
.meretek{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.meretcim{font-size:13px;color:var(--muted)}
.meretlista{display:flex;flex-direction:column;gap:6px}
.meretsor{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.fglap .iztorol{flex:none;width:30px;min-height:30px;height:30px;padding:0;border-radius:50%;font-size:17px;line-height:1;color:var(--muted)}
.fglap .iztorol:hover{background:var(--a-halvany);color:var(--a-figy)}
.mikor{display:flex;flex-direction:column;gap:8px}

/* heti menü: naponként */
.hmracs{display:grid;gap:4px 28px;margin-top:6px}
@media (min-width:760px){.hmracs{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}
.hmnap{min-width:0;padding-top:4px}
.hmfo{display:flex;flex-direction:column;gap:6px;margin:6px 0}
.hmsor{display:flex;gap:2px;align-items:center}
.hmsor .kny{flex:1 1 auto}
.fglap .kisgomb{min-width:30px;padding:4px 6px;min-height:34px}
.szerk .panel>.etfelso{margin-bottom:8px}

/* egynapos naptár-gomb */
.tvalaszto{display:flex;flex-direction:column;gap:6px;align-items:flex-start;max-width:100%}
.fglap .tgomb{font-weight:700}
.tnaptar{background:var(--white);border:1px solid var(--a-vonal);border-radius:12px;padding:8px 12px;width:100%;max-width:340px}
.tfej{display:flex;align-items:center;justify-content:center;gap:2px}
.tfej .nfej{margin:0 4px}
.fglap .tlap{min-width:34px;font-size:20px;padding:2px 6px}
.tnap .nhet,.tnap .nnapok{grid-template-columns:repeat(7,minmax(0,1fr))}
.fglap .tnap .nnapok>*{width:38px;height:38px;max-width:100%}
.fglap .tnap .nnapok button{width:38px;height:38px;min-width:0}
.fglap .tnap .nnapok button:disabled{opacity:.35}

@media (max-width:560px){
  .adm-szerkfo{padding:0 14px 40px}
  .szerkfej .fej{flex-wrap:wrap;padding:8px 12px}
  .lapvalto{order:3;flex-basis:100%;justify-content:flex-start;overflow-x:auto}
  .adm-fej .lapvalto button{padding:6px 11px;font-size:13.5px;white-space:nowrap;flex:none}
  .nysor{grid-template-columns:70px repeat(2,minmax(0,1fr));gap:6px 8px}
  .etalso{gap:2px 8px}
  .fglap .etalso .halk{font-size:12.5px;padding:6px 2px;white-space:nowrap}
  .fglap .etfo .reszlgomb{min-width:0}
}
@media (min-width:700px){
  .adm-sav{padding:8px 32px}
  .belepo{padding:72px 32px 84px}
}
@media (min-width:900px){
  .fej{padding:12px 24px}
  .adm-main{padding:4px 24px 56px}
  .adm-szerkfo{padding:0 24px 40px}
}