:root{--fo:#0F4C5C;--fo2:#0B3A47;--akc:#E09F3E;--hatter:#F3F6F7;--kartya:#fff;--vonal:#DCE3E6;--szoveg:#16262B;--halk:#5F727A;--ok:#1E7B4F;--hiba:#B3362B;--figy:#B26A00}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:var(--hatter);color:var(--szoveg);font-size:16px;line-height:1.45;-webkit-text-size-adjust:100%}
a{color:var(--fo)}
h1{font-size:22px;margin:0 0 4px}h2{font-size:17px;margin:0 0 10px}
.halk{color:var(--halk);font-size:14px}
/* dolgozói elrendezés */
.mob{max-width:520px;margin:0 auto;padding:0 14px 96px}
.fejlec{background:var(--fo);color:#fff;padding:16px 16px 18px;margin:0 -14px 14px}
.fejlec .ceg{font-size:13px;opacity:.8;letter-spacing:.04em;text-transform:uppercase}
.fejlec h1{color:#fff;margin-top:2px}
.kartya{background:var(--kartya);border:1px solid var(--vonal);border-radius:14px;padding:14px 16px;margin-bottom:12px}
.sor{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:7px 0;border-bottom:1px solid #EEF2F3}
.sor:last-child{border-bottom:0}
.nagy{font-size:28px;font-weight:700;letter-spacing:-.01em}
.statusz{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600}
.pont{width:12px;height:12px;border-radius:50%;background:#B8C4C8;flex:none}.pont.bent{background:var(--ok);box-shadow:0 0 0 4px rgba(30,123,79,.18)}
.gomb{display:block;width:100%;border:0;border-radius:14px;padding:16px;font-size:18px;font-weight:700;background:var(--fo);color:#fff;cursor:pointer;text-align:center;text-decoration:none}
.gomb:active{background:var(--fo2)}
.gomb.nagy-gomb{padding:22px;font-size:22px}
.gomb.be{background:var(--ok)}.gomb.ki{background:var(--akc);color:#2A1A00}
.gomb.halvany{background:#E4ECEE;color:var(--fo)}
.gomb.kicsi{display:inline-block;width:auto;padding:8px 14px;font-size:14px;border-radius:9px}
.gomb.veszely{background:var(--hiba)}
.tipp{background:#EAF3F5;border:1px dashed #9CBBC3;border-radius:14px;padding:14px 16px;margin-bottom:12px;text-align:center;color:#24505C}
.uzenet{padding:12px 14px;border-radius:12px;margin-bottom:12px;font-weight:600}
.uzenet.ok{background:#E3F4EA;color:#14573A}.uzenet.hiba{background:#FBE4E1;color:#8E2A21}.uzenet.figy{background:#FFF1D8;color:#7A4A00}
label{display:block;font-weight:600;font-size:14px;margin:12px 0 4px}
input[type=text],input[type=password],input[type=date],input[type=email],input[type=number],input[type=datetime-local],input[type=file],select,textarea{width:100%;padding:12px;border:1px solid #BFCBD0;border-radius:10px;font-size:16px;background:#fff;font-family:inherit}
textarea{min-height:70px}
.alsonav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--vonal);display:flex;justify-content:center;padding-bottom:env(safe-area-inset-bottom)}
.alsonav div{display:flex;width:100%;max-width:520px}
.alsonav a{flex:1;text-align:center;padding:10px 4px 9px;text-decoration:none;color:var(--halk);font-size:12px;font-weight:600}
.alsonav a b{display:block;font-size:22px;line-height:1.1}
.alsonav a.akt{color:var(--fo)}
.cimke{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:700}
.cimke.beteg{background:#E6EEFB;color:#1F3F7A}.cimke.bent{background:#E3F4EA;color:#14573A}.cimke.nincs{background:#ECEFF0;color:#5F727A}
.cimke.kerve{background:#FFF1D8;color:#7A4A00}.cimke.jovahagyva{background:#E3F4EA;color:#14573A}.cimke.elutasitva{background:#FBE4E1;color:#8E2A21}.cimke.visszavonva{background:#ECEFF0;color:#5F727A}
.lapoz{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.lapoz a{padding:8px 12px;background:#fff;border:1px solid var(--vonal);border-radius:10px;text-decoration:none;font-weight:700}
.belep{max-width:380px;margin:0 auto;padding:40px 18px}
.logo{width:64px;height:64px;border-radius:16px;background:var(--fo);color:#fff;display:flex;align-items:center;justify-content:center;font-size:34px;margin-bottom:14px}
/* admin */
.admin-fej{background:var(--fo);color:#fff;padding:0 24px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.admin-fej .ceg{font-weight:800;margin-right:18px;padding:14px 0}
.admin-fej a{color:#D5E6EA;text-decoration:none;padding:15px 12px;font-weight:600;font-size:15px}
.admin-fej a.akt,.admin-fej a:hover{color:#fff;background:rgba(255,255,255,.12)}
.admin-fej form{margin-left:auto}
.admin-fej button{background:transparent;border:1px solid rgba(255,255,255,.4);color:#fff;border-radius:8px;padding:6px 12px;cursor:pointer}
.admin{max-width:1180px;margin:0 auto;padding:22px 24px 60px}
.racs{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-bottom:16px}
.szam{font-size:34px;font-weight:800;color:var(--fo)}
table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--vonal);border-radius:12px;overflow:hidden;font-size:15px}
th{background:#EAF0F2;text-align:left;padding:10px 12px;font-size:13px;color:#33474E}
td{padding:9px 12px;border-top:1px solid #EEF2F3;vertical-align:middle}
tr.figy td{background:#FFF8EA}
.admin input,.admin select,.admin textarea{padding:8px 10px;font-size:15px}
.urlap-sor{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}
.urlap-sor>div{flex:1;min-width:150px}
.urlap-sor label{margin-top:0}
.qrkep{width:300px;height:300px;image-rendering:pixelated}
@media print{.admin-fej,.nincs-nyomtatas{display:none!important}body{background:#fff}.nyomtat-oldal{text-align:center;padding-top:30px}.qrkep{width:420px;height:420px}}