/* =====================================================================
   MER – Manna Értékesítő Rendszer, felületi stíluslap
   Forrás (közös vizuális nyelv): 02_Drotvaz_UI/manna_beszerzes_naptar_drotvaz_v0_11.html
   + egységesített almenük: manna_beszerzes_drotvaz_v1_2.html (2026.07.22.)
   Színkód-szabály: a szín a súlyosságot mondja, a felirat a jelleget.
   piros = sürgős/elavult | narancs = teendő/figyelő/jóváhagyásra vár |
   kék = input/adatkérés | zöld = rendben | türkiz = úton lévő/beérkeztetés;
   a barna SOHA nem státusz, kizárólag márka-elem.
   Gomb-szabály (v0.9/v0.10): a gomb mindig gombnak néz ki (plasztikus,
   árnyékolt), a címke lapos és nem kattintható.
   ===================================================================== */
:root{
  --brown:#794402; --brown2:#70461C; --tan:#E5CC99; --tan-soft:#F4ECD6;
  --bg:#F7F5F4; --ink:#212125; --muted:#6b6257; --line:#e4ddd0;
  --red:#E34B4B; --orange:#E4734C; --blue:#5191C7; --green:#87B329; --teal:#4FA8B3;
  --red-soft:#fbeaea; --orange-soft:#fcefe9; --blue-soft:#e9f1f9; --green-soft:#eef6df; --teal-soft:#e6f3f5;

  /* Örökölt (v4.4) aliasok, hogy a korábbi inline hivatkozások ne törjenek */
  --manna-barna:#794402; --manna-vilagos:#E5CC99; --hatter-krem:#F4ECD6;
  --hatter-szurke:#F7F5F4; --szoveg:#212125; --masodlagos:#B1804F;
  --zold:#87B329; --kek:#5191C7; --piros:#E34B4B; --narancs:#E4734C; --turkiz:#4FA8B3;
}
*{box-sizing:border-box;margin:0;padding:0;}
body{
  font-family:Calibri,Carlito,'Segoe UI',system-ui,Arial,sans-serif;
  color:var(--ink);background:var(--bg);font-size:15px;line-height:1.4;
}
h1,h2,h3{font-weight:700;}
h1{font-size:22px;color:var(--brown);margin-bottom:4px;}
h2{font-size:17px;color:var(--brown);margin-bottom:10px;}
h3{font-size:15px;color:var(--brown);margin-bottom:4px;}
a{color:var(--brown);}

/* ================= APP-VÁZ (v0_11 shell) ================= */
.app{min-height:100vh;}
.sidebar{
  position:fixed;left:0;top:0;height:100vh;width:236px;background:#fff;
  border-right:1px solid var(--line);display:flex;flex-direction:column;
  overflow-y:auto;z-index:30;
}
.sb-head{padding:14px 16px;border-bottom:2px solid var(--tan);display:flex;align-items:center;gap:10px;}
.sb-head img{height:30px;width:auto;display:block;}
.sb-head .t{font-size:11px;color:var(--muted);line-height:1.15;}
.sb-head .t b{color:var(--brown);font-size:13px;}
.sb-menu{padding:6px 8px;}
.sb-gh{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:10px 8px 3px;font-weight:700;}
.sb-item{
  display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:7px;
  font-size:13.5px;color:var(--ink);cursor:pointer;margin-bottom:1px;text-decoration:none;
}
.sb-item:hover{background:var(--bg);}
.sb-item.active{background:var(--brown);color:#fff;font-weight:700;}
.sb-item.muted{color:var(--muted);font-size:12.5px;}
.sb-item .mod{margin-left:auto;font-size:10px;color:var(--muted);white-space:nowrap;}
.sb-item.active .mod{color:var(--tan);}
.sb-item .mod.szamlalo{background:var(--orange);color:#fff;border-radius:20px;padding:0 7px;font-weight:700;font-size:10.5px;}
.sb-note{margin-top:auto;padding:12px 14px;font-size:10.5px;color:var(--muted);border-top:1px solid var(--line);line-height:1.4;}
.main{margin-left:236px;min-width:0;display:flex;flex-direction:column;min-height:100vh;}
.topbar2{
  background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;
  gap:14px;padding:10px 18px;position:sticky;top:0;z-index:15;flex-wrap:wrap;
}
.ham{display:none;font-size:20px;background:transparent;border:0;cursor:pointer;color:var(--brown);line-height:1;}
.crumb{font-size:14px;color:var(--muted);}
.crumb b{color:var(--brown);}
.spacer{flex:1;}
.topbar2 .role-box{margin-left:auto;font-size:12.5px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--muted);}
.topbar2 .role-box .user{white-space:nowrap;}
.btn-kilepes{
  background:#fff;border:1px solid var(--line);color:var(--brown);border-radius:6px;
  padding:3px 12px;font-family:inherit;font-size:12.5px;cursor:pointer;text-decoration:none;
}
.btn-kilepes:hover{background:var(--tan-soft);}
.sb-ov{display:none;position:fixed;inset:0;background:rgba(33,33,37,.4);z-index:29;}
.sb-ov.on{display:block;}
.content{padding:18px;max-width:1180px;width:100%;}
/* Széles (táblázatos) képernyők: FOLYÉKONY szabály, nem fix pixel-cap. A width:100% miatt a
   tartalom a rendelkezésre álló szélességet KÖVETI (a bal menü melletti .main-t, benne a 18px
   belső légréssel mindkét oldalon), 1600px-ig; a fölött megáll, hogy nagyon széles monitoron a
   sorhossz olvasható maradjon. A box-sizing:border-box + width:100% miatt kis ablaknál sosem
   törik el (nincs vízszintes túlcsordulás). Leváltja a korábbi fix 1320px capet (D-18 tanulság).
   Mérve (a .main = ablak − 236px menő), tartalom belső szélessége:
     1280px ablak → .main 1044 → tartalom ~1008px (teljes; cap nem fog)
     1440px ablak → .main 1204 → tartalom ~1168px (teljes; cap nem fog)
     1920px ablak → .main 1684 → tartalom 1600px (a cap fog, ~84px marad jobbra)
   Emil valós, 1320-nál szélesebb ablakában így a tartalom tényleg szélesedik (a régi fix cap
   ott 1320-on megállt, ezért nem látszott a jelszó-link gomb görgetés nélkül). */
.content.szeles{max-width:1600px;}
footer{
  padding:14px 18px;font-size:11.5px;color:var(--muted);border-top:1px solid var(--line);
  background:#fff;margin-top:auto;line-height:1.5;
}

/* ================= OLDALFEJ, KPI ================= */
.sub{padding:0 0 6px;}
.sub h1{font-size:22px;color:var(--brown);}
.sub .meta,.meta{color:var(--muted);font-size:13px;margin-top:3px;margin-bottom:12px;}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0 12px;}
.kpis.k6{grid-template-columns:repeat(3,1fr);}
.kpi-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:14px;}
.kpi-row .kpi{flex:1;min-width:170px;}
.kpi{
  background:#fff;border:1px solid var(--line);border-left:5px solid var(--brown);
  border-radius:8px;padding:10px 14px;
}
.kpi.b-red,.kpi.k-piros{border-left-color:var(--red);}
.kpi.b-orange,.kpi.k-narancs{border-left-color:var(--orange);}
.kpi.b-teal,.kpi.k-turkiz{border-left-color:var(--teal);}
.kpi.b-blue,.kpi.k-kek{border-left-color:var(--blue);}
.kpi.b-green,.kpi.k-zold{border-left-color:var(--green);}
.kpi.b-brown{border-left-color:var(--brown);}
.kpi .n,.kpi .num{font-size:26px;font-weight:700;line-height:1;color:var(--ink);}
.kpi .l,.kpi .lbl{font-size:12.5px;color:var(--muted);margin-top:4px;line-height:1.3;}

/* ================= JELMAGYARÁZAT ================= */
.legend{
  display:flex;gap:14px;flex-wrap:wrap;align-items:center;background:var(--tan-soft);
  border:1px solid var(--tan);border-radius:8px;padding:8px 14px;font-size:12.5px;
  color:var(--brown2);margin:12px 0;
}
.legend b{color:var(--brown);}
.lg{display:inline-flex;align-items:center;gap:6px;}
.dot{width:11px;height:11px;border-radius:50%;display:inline-block;flex-shrink:0;}
.dot.red,.dot.piros{background:var(--red);} .dot.orange,.dot.narancs{background:var(--orange);}
.dot.blue,.dot.kek{background:var(--blue);} .dot.green,.dot.zold{background:var(--green);}
.dot.teal,.dot.turkiz{background:var(--teal);}

/* ================= KÁRTYÁK ================= */
.card,.card-lite{
  background:#fff;border:1px solid var(--line);border-radius:10px;
  padding:14px 16px;margin-bottom:14px;overflow-x:auto;
}
.cardhead{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:4px;}
.cardhead h2,.cardhead h3{margin-bottom:0;}
.exportbar{margin-left:auto;display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;}
.exportbar .cap2{font-size:10.5px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.03em;}
.expl{margin:4px 0 0;font-size:13px;color:var(--muted);line-height:1.5;}
.note{font-size:12px;color:var(--muted);margin-top:10px;line-height:1.5;}
.concept-note{
  background:#fff;border:1px dashed var(--brown);border-radius:8px;padding:10px 14px;
  font-size:12.5px;color:var(--brown2);margin:12px 0;line-height:1.5;
}
.concept-note b{color:var(--brown);}
.two-col{display:flex;gap:14px;flex-wrap:wrap;}
.two-col .card,.two-col .card-lite{flex:1;min-width:320px;}
.scrollx{overflow-x:auto;border-radius:10px;}

/* ================= TÁBLÁZATOK (barna fejléc + tan zebra) ================= */
table{width:100%;border-collapse:collapse;font-size:13px;background:#fff;}
th{
  background:var(--brown);color:#fff;text-align:left;
  padding:9px 11px;font-weight:700;font-size:12.5px;white-space:nowrap;
}
td{padding:8px 11px;border-bottom:1px solid var(--line);vertical-align:top;}
tbody tr:nth-child(even) td,table tr:nth-child(even) td{background:var(--tan-soft);}

/* ================= D-06: RAGADÓS FEJLÉC + RAGADÓS AZONOSÍTÓ-OSZLOP ==========
   Hosszú listán a fejléc a görgetéskor a doboz tetején marad, az azonosító
   (cikkszám / PO) oszlop pedig vízszintes görgetésnél a helyén. A .ragbox saját,
   magasság-korlátos görgetődoboz — EZ kell a sticky fejléchez (a body-görgetés
   nem elég, mert a kártya overflow-ja elvágná). A max-height csak akkor lép be,
   ha a lista tényleg hosszú; rövid táblát nem szel el. Mobilon (kártyanézet) az
   egész kikapcsol. Zebra megmarad a ragadó oszlopokon (páros sor tan).
   --w1 = az első (státusz) oszlop rögzített szélessége: a D-21 miatt a státusz az
   1. oszlop, így az AZONOSÍTÓ a 2., és MINDKETTŐ ragad (a bal-eltolás emiatt fix). */
.ragbox{overflow:auto;max-height:calc(100vh - 240px);border-radius:10px;}
.ragtabla thead th{position:sticky;top:0;z-index:3;}
/* A FEJLÉC-cellák (th) végig BARNÁK maradnak (alap th-háttér, fehér felirat); csak a
   TÖRZS-cellák (td) kapnak fehér/tan hátteret, hogy a mögöttük gördülő oszlopok ne üssenek át.
   (Ha a th-ra is fehér hátteret tennénk, a fehér felirat eltűnne — fehér a fehéren.) */
/* rag1: az 1. oszlop MAGA az azonosító (nincs D-21 státusz előtte) */
.ragtabla.rag1 th:first-child,.ragtabla.rag1 td:first-child{position:sticky;left:0;}
.ragtabla.rag1 td:first-child{z-index:2;background:#fff;}
.ragtabla.rag1 tr:nth-child(even) td:first-child{background:var(--tan-soft);}
.ragtabla.rag1 thead th:first-child{z-index:4;}
/* rag2: 1. oszlop = státusz (fix szélesség), 2. oszlop = azonosító; mindkettő ragad */
.ragtabla.rag2 th:first-child,.ragtabla.rag2 td:first-child{position:sticky;left:0;width:var(--w1,150px);min-width:var(--w1,150px);max-width:var(--w1,150px);}
.ragtabla.rag2 th:nth-child(2),.ragtabla.rag2 td:nth-child(2){position:sticky;left:var(--w1,150px);}
.ragtabla.rag2 td:first-child,.ragtabla.rag2 td:nth-child(2){z-index:2;background:#fff;}
.ragtabla.rag2 tr:nth-child(even) td:first-child,.ragtabla.rag2 tr:nth-child(even) td:nth-child(2){background:var(--tan-soft);}
.ragtabla.rag2 thead th:first-child,.ragtabla.rag2 thead th:nth-child(2){z-index:4;}
/* Készlet · cikkszintű nézet — a Cikk (név) oszlop felső szélesség-korláttal ÉS sortöréssel.
   A hosszú, aláhúzással tagolt SKU-nevek (pl. „EU_75ml_..._tubus_d35") önmagukban nem
   törnének (nincs bennük szóköz), ezért az auto-layout kiszélesítené az oszlopot és a tábla
   vízszintesen görgetnie kellene. Az overflow-wrap:anywhere megtöri a hosszú tokent is, a
   max-width pedig kordában tartja az oszlopot. CSAK erre az egy oszlopra hat (a .cikk-nev
   osztály kizárólag a Készlet cikkszintű tábláján van kiírva; a Lejárat-figyelőt NEM érinti). */
.cikk-nev{max-width:320px;white-space:normal;overflow-wrap:anywhere;}

/* ================= PILL-STÁTUSZOK (v0_11: lágy háttér, színes felirat) ===== */
.tag,.pill{
  display:inline-block;border-radius:20px;padding:1px 9px;font-size:11px;
  font-weight:700;white-space:nowrap;box-shadow:none;cursor:default;
}
.tag.surgos,.tag.lejart,.tag.elavult,.pill.red{background:var(--red-soft);color:#b12b2b;}
.tag.figyelo,.tag.teendo,.pill.orange{background:var(--orange-soft);color:#b5461f;}
.tag.input,.pill.blue{background:var(--blue-soft);color:#2c5f8f;}
.tag.rendben,.tag.friss,.pill.green{background:var(--green-soft);color:#5a7a12;}
.tag.uton,.pill.teal{background:var(--teal-soft);color:#2c6d75;}
.tag.inaktiv,.pill.gray{background:#eeeae4;color:#6b6257;}
.srctag{
  display:inline-flex;align-items:center;gap:4px;background:var(--bg);border:1px solid var(--line);
  border-radius:20px;padding:1px 8px;font-size:10.5px;color:var(--muted);font-weight:700;white-space:nowrap;
}
.hint{font-size:11px;color:var(--muted);}
/* (i) definíció-jelölő űrlap-felirat mellé (pl. Forrás mező): hover/fókusz tooltip a
   böngésző title-jén; nem státusz, csak magyarázat. */
.info-i{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;
  border-radius:50%;background:var(--blue-soft);color:#2c5f8f;font-size:11px;font-weight:700;
  font-style:normal;line-height:1;cursor:help;margin-left:4px;vertical-align:middle;}
.tag-band{
  display:inline-block;background:#f0e2c4;color:#7a4d10;border:1px solid #e3cf9f;
  border-radius:4px;padding:1px 7px;font-size:11px;font-weight:700;box-shadow:none;cursor:default;
}
.flag-due{font-size:9.5px;font-weight:700;color:#fff;background:var(--red);border-radius:3px;padding:1px 5px;white-space:nowrap;}
.flag-prop{font-size:9.5px;font-weight:700;color:#fff;background:var(--orange);border-radius:3px;padding:1px 5px;white-space:nowrap;}

/* ================= GOMBOK (v0.10: erős, félreérthetetlen gomb-kinézet) ==== */
.btn,.mini-btn{
  display:inline-flex;align-items:center;gap:5px;justify-content:center;
  background:linear-gradient(#8a5411,#6f3d05);color:#fff;border:1px solid #532f06;
  border-radius:8px;padding:8px 14px;font-family:inherit;font-weight:700;font-size:13.5px;
  cursor:pointer;text-decoration:none;
  box-shadow:0 2px 3px rgba(33,33,37,.22),inset 0 1px 0 rgba(255,255,255,.22);
  transition:filter .12s ease;
}
.mini-btn{padding:7px 12px;font-size:12px;}
.btn:hover,.mini-btn:hover{filter:brightness(1.08);}
.btn:active,.mini-btn:active{transform:translateY(1px);box-shadow:0 1px 2px rgba(33,33,37,.25);}
.btn.approve,.mini-btn.green{background:linear-gradient(#93c135,#6e9a1c);border-color:#57791a;}
.btn.secondary,.btn.reject,.btn.info,.btn.small,.mini{
  display:inline-flex;align-items:center;gap:5px;background:#fff;color:var(--brown);
  border:1.5px solid var(--brown);border-radius:8px;padding:3px 9px;font-family:inherit;
  font-size:12px;font-weight:700;cursor:pointer;text-decoration:none;
  box-shadow:0 1px 2px rgba(33,33,37,.14);
}
.btn.secondary{padding:7px 13px;font-size:13px;}
.btn.secondary:hover,.btn.small:hover,.mini:hover{background:var(--tan-soft);filter:none;}
.btn.small:active,.mini:active{transform:translateY(1px);}
.btn.reject,.mini.red{border-color:var(--red);color:#b12b2b;}
.btn.reject:hover,.mini.red:hover{background:var(--red-soft);}
.btn.info,.mini.blue{border-color:var(--blue);color:#2c5f8f;}
.btn.info:hover,.mini.blue:hover{background:var(--blue-soft);}
.btn:disabled,.mini:disabled,.mini-btn:disabled{opacity:.45;cursor:not-allowed;transform:none;}
.morebtn{font-family:inherit;font-size:10.5px;color:var(--brown);background:transparent;border:0;cursor:pointer;text-decoration:underline;padding:2px 0;}

/* ================= FÜLEK ================= */
.tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-top:8px;flex-wrap:wrap;}
.tabs button,.tabs a{
  font-family:inherit;font-size:14.5px;padding:9px 14px;border:0;background:transparent;
  color:var(--muted);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-1px;text-decoration:none;
}
.tabs button.on,.tabs a.on{color:var(--brown);border-bottom-color:var(--brown);font-weight:700;}
.panel{display:none;padding:16px 0 96px;}
.panel.on{display:block;}
.subtabs{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap;}
.subtabs button{
  font-family:inherit;font-size:12.5px;font-weight:700;padding:6px 12px;
  border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:6px;cursor:pointer;
}
.subtabs button.on{background:var(--brown);color:#fff;border-color:var(--brown);}
.viewtoggle{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:12.5px;flex-wrap:wrap;color:var(--muted);}
.seg{display:inline-flex;border:1px solid var(--line);border-radius:6px;overflow:hidden;}
.seg button{font-family:inherit;font-size:13px;padding:6px 12px;border:0;background:#fff;color:var(--ink);cursor:pointer;}
.seg button.on{background:var(--brown);color:#fff;}

/* ================= NAPTÁR-MÁTRIX (v0_11) ================= */
.matrix-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:10px;background:#fff;}
table.mx{border-collapse:collapse;width:100%;min-width:1120px;}
table.mx th,table.mx td{border-bottom:1px solid var(--line);border-right:1px solid var(--line);vertical-align:top;text-align:left;}
table.mx thead th{background:var(--tan-soft);color:var(--brown2);font-size:12px;font-weight:700;padding:8px 10px;position:sticky;top:0;z-index:3;white-space:nowrap;}
table.mx thead th .rg{display:block;font-weight:400;color:var(--muted);font-size:11px;}
table.mx tr:nth-child(even) td{background:#fff;}
th.sup,td.sup{position:sticky;left:0;z-index:2;background:#fff !important;min-width:190px;max-width:190px;padding:10px;}
table.mx thead th.sup{z-index:4;background:var(--tan-soft) !important;}
td.sup{border-right:2px solid var(--tan);}
.sup .nm{font-weight:700;color:var(--brown);font-size:14.5px;}
.sup .ct{font-size:11.5px;color:var(--muted);margin-top:1px;word-break:break-all;}
.sup .cat{display:inline-block;margin-top:6px;font-size:10.5px;color:var(--muted);background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:0 7px;}
.sup .badges{margin-top:8px;display:flex;flex-direction:column;gap:5px;align-items:flex-start;}
td.wk{min-width:158px;padding:7px;background:#fff;}
table.mx th.now,table.mx td.now{background:var(--red-soft) !important;}
table.mx th.now{color:var(--red) !important;}
td.drop{outline:2px dashed var(--brown);outline-offset:-3px;background:var(--tan-soft) !important;}
tr.lane:hover td{background:#fffdf9;}
tr.lane:hover td.now{background:#f9e3e3 !important;}
.badge-cons{display:inline-flex;align-items:center;gap:4px;background:#fff;border:1.5px dashed var(--brown);color:var(--brown);border-radius:20px;padding:1px 9px;font-weight:700;font-size:11.5px;box-shadow:none;cursor:default;}
.badge-uton{display:inline-flex;align-items:center;gap:4px;background:var(--teal-soft);border:1px solid var(--teal);color:#2c6d75;border-radius:20px;padding:1px 9px;font-weight:700;font-size:11.5px;box-shadow:none;cursor:default;}
.cellsum{font-size:10.5px;color:var(--brown2);background:var(--tan-soft);border:1px dashed var(--tan);border-radius:6px;padding:3px 7px;margin-bottom:6px;font-weight:700;}
.cons-banner{background:var(--tan-soft);border:1px solid var(--tan);border-left:4px solid var(--brown);border-radius:7px;padding:6px 9px;margin-top:6px;font-size:11.5px;color:var(--brown2);}
.cons-banner .h{font-weight:700;color:var(--brown);display:flex;align-items:center;gap:6px;}
.cons-banner .mini-btn{margin-top:5px;font-size:11px;padding:4px 9px;}

/* Naptár-chip */
.chip{
  border:1px solid var(--line);border-left:4px solid var(--muted);border-radius:7px;
  padding:6px 7px;margin-bottom:6px;background:#fff;position:relative;cursor:grab;font-size:12px;
}
.chip:last-child{margin-bottom:0;}
.chip.red{border-left-color:var(--red);} .chip.orange{border-left-color:var(--orange);}
.chip.blue{border-left-color:var(--blue);} .chip.green{border-left-color:var(--green);}
.chip.sel{outline:2px solid var(--brown);outline-offset:0;}
.chip.moved{border-style:dashed;}
.chip.late{border-left-color:var(--red);box-shadow:0 0 0 1px var(--red) inset;}
.chip .top{display:flex;align-items:flex-start;gap:6px;}
.chip .art{font-size:12.5px;font-weight:600;line-height:1.2;flex:1;}
.chip .flag{font-size:9.5px;font-weight:700;color:#fff;background:var(--red);border-radius:3px;padding:1px 5px;white-space:nowrap;box-shadow:none;cursor:default;}
.chip .qty{display:flex;align-items:center;gap:5px;margin-top:5px;}
.chip .qty input{width:64px;font-family:inherit;font-size:12.5px;padding:2px 5px;border:1px solid var(--line);border-radius:5px;text-align:right;}
.chip .qty .u{font-size:11.5px;color:var(--muted);}
.chip .nt{font-size:11px;color:var(--muted);margin-top:5px;line-height:1.3;}
.chip .acts{display:flex;align-items:center;gap:9px;margin-top:6px;flex-wrap:wrap;}
.chip .acts label{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--muted);cursor:pointer;}
.chip .movetag{font-size:10px;color:var(--brown2);background:var(--tan-soft);border:1px solid var(--tan);border-radius:4px;padding:1px 5px;margin-top:5px;display:inline-block;box-shadow:none;cursor:default;}
.chip .shipto{font-size:10.5px;color:var(--muted);margin-top:5px;border-top:1px dashed var(--line);padding-top:4px;}
.chip .shipto b{color:var(--brown2);}
.chip.uton{cursor:default;border-left-color:var(--teal);background:var(--teal-soft);}
.chip.uton .lbl{font-size:9.5px;font-weight:700;color:#fff;background:var(--teal);border-radius:3px;padding:1px 5px;}

/* ELŐREJELZETT (jövőbeli) tétel: CSAK OLVASÓ réteg (2026.08.04.). A szaggatott
   keret és a barna sáv jelzi, hogy nem beavatkozható most (megrendelő nem készül). */
.chip.elozetes{cursor:default;border-left-color:var(--brown2);background:var(--tan-soft);border-style:dashed;}
.flag-elozetes{font-size:9.5px;font-weight:700;color:#fff;background:var(--brown2);border-radius:3px;padding:1px 5px;white-space:nowrap;}
.chip.elozetes .nt.ev{color:var(--ink);}
.chip.elozetes .nt.tilt{color:var(--brown2);font-weight:600;background:#fff;border:1px solid var(--tan);border-radius:4px;padding:3px 6px;}
.chip.elozetes .nt.olvaso{font-style:italic;border-top:1px dashed var(--tan);padding-top:4px;}

/* B1 + B2 (2026.09.04.): nézetválasztó (felhasználónként mentett), blokk-fejléc a két
   rendezési blokkhoz, késett szállítmány, a hibamód megnevezett oka, és a D-09 elve a
   naptár kártyáin: az ismétlődő mondat jelvény, a magyarázat az info-ikon mögött. */
.nezetvalaszto{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:12.5px;flex-wrap:wrap;color:var(--muted);}
.nezetvalaszto form{display:inline-flex;margin:0;}
.nezetvalaszto .seg button{white-space:nowrap;}
tr.blokk td{background:var(--tan-soft);color:var(--brown);font-weight:700;font-size:11.5px;letter-spacing:.02em;padding:5px 10px;border-bottom:1px solid var(--line);}
.blokkcim{color:var(--brown);font-weight:700;font-size:11.5px;letter-spacing:.02em;margin:12px 0 6px;}
.rendok{font-size:10.5px;color:#b12b2b;margin-top:3px;font-weight:600;}
.badge-felelos{display:inline-flex;align-items:center;gap:4px;background:#fff;border:1px solid var(--brown2);color:var(--brown2);border-radius:20px;padding:0 8px;font-weight:700;font-size:10.5px;white-space:nowrap;box-shadow:none;cursor:default;}
.inf{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;border:1px solid var(--muted);color:var(--muted);font-size:10px;font-weight:700;font-style:normal;line-height:1;cursor:help;position:relative;margin-left:5px;vertical-align:middle;flex:none;box-shadow:none;}
.inf::after{content:attr(data-inf);display:none;position:absolute;left:0;top:19px;z-index:30;background:var(--ink);color:#fff;font-size:11px;font-weight:400;line-height:1.35;padding:6px 8px;border-radius:6px;width:240px;white-space:normal;box-shadow:0 2px 8px rgba(0,0,0,.2);text-align:left;}
.inf:hover::after,.inf:focus::after{display:block;}
.chip .top .inf{margin-left:2px;}

/* Naptár sűrű lista-nézet (Áttekintés nézet a naptáron) */
.ovgroup{background:#fff;border:1px solid var(--line);border-radius:10px;margin-bottom:12px;overflow:hidden;}
.ovhead{display:flex;align-items:center;gap:8px;padding:9px 14px;background:var(--tan-soft);border-bottom:1px solid var(--line);flex-wrap:wrap;}
.ovhead .nm{font-weight:700;color:var(--brown);font-size:14.5px;}
.ovhead .ct{font-size:11.5px;color:var(--muted);}
.ovhead .cat{font-size:10.5px;color:var(--muted);background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:0 7px;}
.ovrow{display:flex;align-items:center;gap:12px;padding:7px 14px;border-bottom:1px dashed var(--line);font-size:13px;flex-wrap:wrap;}
.ovrow:last-child{border-bottom:0;}
.ovrow.sel{background:#fffaf0;box-shadow:inset 3px 0 0 var(--brown);}
.ovrow.utonrow{background:var(--teal-soft);}
.ovrow .ovwk{min-width:78px;font-size:11px;color:var(--muted);font-weight:700;flex-shrink:0;}
.ovrow .ovwk.most{color:var(--red);} .ovrow .ovwk.uton{color:#2c6d75;}
.ovrow .ovart{flex:1;min-width:200px;display:flex;align-items:flex-start;gap:7px;}
.ovrow .ovart .sub{display:block;font-size:11px;color:var(--muted);font-weight:400;line-height:1.3;margin-top:1px;}
.ovrow .ovqtybox{display:flex;align-items:center;gap:5px;white-space:nowrap;flex-shrink:0;}
.ovrow .ovqtybox input{width:78px;text-align:right;font-family:inherit;font-size:12.5px;padding:2px 5px;border:1px solid var(--line);border-radius:5px;}
.ovrow .ovqtybox .u{font-size:11px;color:var(--muted);}
.ovrow .qtyread{font-weight:700;min-width:96px;text-align:right;flex-shrink:0;}
.ovrow .ovacts{display:flex;align-items:center;gap:9px;white-space:nowrap;flex-shrink:0;justify-content:flex-end;}
.ovrow .ovacts label{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--muted);cursor:pointer;}
.ovcons{padding:7px 14px;font-size:11.5px;color:var(--brown2);background:var(--tan-soft);border-top:1px solid var(--tan);font-weight:600;}

/* Mobil kártyanézet (naptár) */
.mobile{display:none;}
.mcard{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin-bottom:12px;}
.mcard .mh2{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.mcard .mh2 .nm{font-weight:700;color:var(--brown);font-size:15px;}
.mcard .mh2 .cat{font-size:10.5px;color:var(--muted);background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:0 7px;}
.mneed{display:flex;align-items:center;gap:8px;border-top:1px dashed var(--line);padding:7px 0;font-size:13px;}
.mneed .w{font-size:11px;color:var(--muted);min-width:74px;flex-shrink:0;}
.mneed .a{flex:1;}
.mneed .q{font-weight:700;white-space:nowrap;}

/* Tervezet-kosár sáv */
.basket{position:fixed;left:236px;right:0;bottom:0;background:var(--brown);color:#fff;z-index:20;box-shadow:0 -3px 12px rgba(0,0,0,.14);}
.basket .bwrap{display:flex;align-items:center;gap:16px;padding:11px 18px;flex-wrap:wrap;}
.basket .info{font-size:13.5px;}
.basket .info b{font-size:16px;}
.basket .info .sub2{color:var(--tan);font-size:12px;}
.basket .btns{margin-left:auto;display:flex;gap:10px;}
.basket .btn.pri{background:#fff;color:var(--brown);border:1px solid #532f06;}
.basket .btn.pri:disabled{opacity:.5;cursor:not-allowed;}
.basket .btn.gho{background:transparent;color:#fff;border:1px solid var(--tan);box-shadow:none;}

/* ================= MODÁLOK ================= */
.ov{position:fixed;inset:0;background:rgba(33,33,37,.5);display:none;align-items:center;justify-content:center;z-index:40;padding:18px;}
.ov.on{display:flex;}
.modal{background:#fff;border-radius:12px;max-width:660px;width:100%;max-height:90vh;overflow:auto;box-shadow:0 12px 40px rgba(0,0,0,.3);}
.modal.sm{max-width:440px;}
.modal .mh{background:var(--brown);color:#fff;padding:14px 18px;border-radius:12px 12px 0 0;display:flex;align-items:center;gap:10px;position:sticky;top:0;}
.modal .mh h2{font-size:17px;color:#fff;margin:0;}
.modal .mh .x{margin-left:auto;cursor:pointer;font-size:20px;line-height:1;color:#fff;background:transparent;border:0;}
.modal .mb{padding:16px 18px;}
.modal .mf{padding:14px 18px;border-top:1px solid var(--line);display:flex;gap:10px;justify-content:flex-end;align-items:center;flex-wrap:wrap;}
.modal .mf .warn{font-size:12px;color:var(--orange);margin-right:auto;}
.field{margin-bottom:12px;}
.field label{display:block;font-size:12px;color:var(--muted);margin-bottom:4px;font-weight:700;}
.field select,.field input{width:100%;font-family:inherit;font-size:14px;padding:7px 9px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);}
.warnbox{background:var(--red-soft);border:1px solid var(--red);color:#b12b2b;border-radius:7px;padding:8px 11px;font-size:12.5px;margin-bottom:12px;display:none;}
.warnbox.on{display:block;}

/* PO-doboz a tervezet-modálban + életút */
.po{border:1px solid var(--line);border-radius:9px;margin-bottom:12px;overflow:hidden;}
.po .ph{background:var(--tan-soft);padding:8px 12px;font-weight:700;color:var(--brown);display:flex;align-items:center;gap:8px;font-size:13.5px;flex-wrap:wrap;}
.po .pb{padding:6px 12px;}
.po .row{font-size:12.5px;padding:6px 0;border-bottom:1px dashed var(--line);}
.po .row:last-child{border-bottom:0;}
.po .row .l1{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;}
.po .row .ship{margin-top:4px;font-size:11.5px;color:var(--brown2);background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:5px 8px;}
.po .row .ship .st{display:flex;justify-content:space-between;padding:1px 0;}
.lifecycle{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--muted);margin:2px 0 14px;flex-wrap:wrap;}
.lifecycle .st{padding:2px 9px;border-radius:20px;background:var(--bg);border:1px solid var(--line);box-shadow:none;cursor:default;}
.lifecycle .st.act{background:var(--orange);color:#fff;border-color:var(--orange);}
.lifecycle .st.done{background:var(--green);color:#fff;border-color:var(--green);}
.letter{font-size:12.5px;line-height:1.5;white-space:pre-wrap;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:12px 14px;font-family:inherit;}

/* ================= BEÉRKEZTETÉSI MUNKALISTA (v1_2) ================= */
.wl-gh{font-size:12px;font-weight:700;color:var(--brown2);text-transform:uppercase;letter-spacing:.03em;margin:16px 0 8px;}
.wl-item{border:1px solid var(--line);border-left:5px solid var(--teal);border-radius:10px;background:#fff;margin-bottom:12px;overflow:hidden;}
.wl-item.due{border-left-color:var(--red);}
.wl-item.prop{border-left-color:var(--orange);}
.wl-item.notyet{border-left-color:var(--teal);background:var(--bg);}
.wl-item.done{border-left-color:var(--green);}
.wl-item.part{border-left-color:var(--orange);}
.wl-head{display:flex;align-items:center;gap:10px;padding:9px 14px;background:var(--tan-soft);border-bottom:1px solid var(--line);flex-wrap:wrap;}
.wl-item.done .wl-head{background:var(--green-soft);}
.wl-item.part .wl-head{background:var(--orange-soft);}
.ponum{font-weight:700;color:var(--brown);font-size:13.5px;}
.sup2{font-weight:700;font-size:13.5px;}
.exp{margin-left:auto;font-size:11.5px;color:var(--muted);}
.wl-body{padding:10px 14px;font-size:13px;}
.wl-lines{color:var(--ink);}
.wl-line{display:flex;justify-content:space-between;gap:10px;padding:4px 0;border-bottom:1px dashed var(--line);font-size:12.5px;flex-wrap:wrap;}
.wl-line:last-child{border-bottom:0;}
.wl-line input.q{width:84px;text-align:right;font-family:inherit;font-size:12.5px;padding:2px 5px;border:1px solid var(--line);border-radius:5px;}
.wl-line input.s{width:110px;font-family:inherit;font-size:12px;padding:2px 5px;border:1px solid var(--line);border-radius:5px;}
.wl-acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;align-items:center;}
.wl-form{background:var(--tan-soft);border:1px solid var(--tan);border-radius:8px;padding:10px 12px;margin-top:10px;}
.frow{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;margin-top:8px;}
.frow:first-child{margin-top:0;}
.ffld label{display:block;font-size:11px;color:var(--muted);font-weight:700;margin-bottom:3px;}
.ffld input,.ffld select{font-family:inherit;font-size:13px;padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);}
.grow{flex:1;min-width:190px;}
.grow input{width:100%;}
.fnote{font-size:11.5px;color:var(--brown2);margin-top:8px;line-height:1.45;}
.quote{background:var(--blue-soft);border-left:3px solid var(--blue);border-radius:6px;padding:7px 10px;font-size:12.5px;font-style:italic;color:#2c5f8f;margin:8px 0;}
.wl-donetxt{font-size:12.5px;color:var(--ink);line-height:1.5;}
.wl-donetxt b{color:var(--brown2);}
.wl-item.flash{outline:2px solid var(--brown);outline-offset:2px;}

/* Mini idővonal-mátrix (Futó rendelések) */
.mmx{border-collapse:collapse;width:100%;background:#fff;font-size:11.5px;}
.mmx th{background:var(--tan-soft);color:var(--brown2);padding:5px 8px;text-align:left;border:1px solid var(--line);font-size:10.5px;font-weight:700;}
.mmx th.now{background:var(--red-soft);color:var(--red);}
.mmx th .rg{display:block;font-weight:400;color:var(--muted);font-size:9.5px;}
.mmx td{border:1px solid var(--line);padding:6px;vertical-align:top;min-width:130px;background:#fff;}
.mmx tr:nth-child(even) td{background:#fff;}
.mmx td.now{background:var(--red-soft) !important;}
.msup{font-weight:700;color:var(--brown);min-width:110px;}
.mchip{display:block;border:1px solid var(--line);border-left:3px solid var(--muted);border-radius:5px;padding:3px 6px;background:#fff;margin-bottom:4px;text-decoration:none;color:var(--ink);font-weight:400;}
.mchip:last-child{margin-bottom:0;}
.mchip.red{border-left-color:var(--red);} .mchip.orange{border-left-color:var(--orange);}
.mchip.uton{border-left-color:var(--teal);background:var(--teal-soft);}
.mflag{color:#fff;background:var(--red);border-radius:3px;padding:0 4px;font-size:9px;font-weight:700;}
.mflag.o{background:var(--orange);}
.mchip.click{cursor:pointer;}
.mchip.click:hover{filter:brightness(.96);}
.mchip .sub2l{display:block;font-size:10px;color:var(--muted);margin-top:1px;font-weight:400;}

/* ================= LEVELEK ================= */
.mail-card{background:#fff;border:1px solid var(--line);border-left:4px solid var(--brown);border-radius:8px;padding:12px 14px;margin-bottom:12px;}
.mail-card .to{font-size:12px;color:var(--muted);}
.mail-card .subj{font-weight:700;font-size:14px;margin:4px 0;color:var(--ink);}
.mail-card .body{font-size:13px;color:var(--muted);font-style:italic;margin-bottom:9px;}

/* ================= EXPORT / IMPORT ================= */
.steps{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--muted);flex-wrap:wrap;margin:8px 0 12px;}
.steps .st{padding:2px 10px;border-radius:20px;background:var(--bg);border:1px solid var(--line);}
.steps .st.act{background:var(--orange);color:#fff;border-color:var(--orange);font-weight:700;}
.steps .st.done{background:var(--green);color:#fff;border-color:var(--green);}
.imp-type{border:1px solid var(--line);border-left:5px solid var(--blue);border-radius:10px;background:#fff;padding:12px 14px;margin-bottom:12px;}
.imp-type .ttl{font-weight:700;color:var(--brown);font-size:14px;}
.imp-type .who{font-size:11px;color:var(--muted);margin-top:2px;}
.imp-type .what{font-size:12.5px;color:var(--muted);margin-top:6px;line-height:1.45;}
.imp-type .acts2{margin-top:9px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;}

/* ================= ZÁROLT / JÖVŐBELI / TEENDŐK ================= */
.locked{background:var(--tan-soft);border:1px dashed var(--brown2);border-radius:8px;padding:20px;color:var(--muted);font-size:14px;margin-bottom:14px;}
.future-hero{border:1.5px dashed var(--brown);border-radius:10px;background:#fff;padding:30px;text-align:center;color:var(--muted);}
.future-hero .icon{font-size:32px;margin-bottom:8px;}
.future-hero h2{color:var(--brown);font-size:17px;margin-bottom:8px;}
.future-hero p{max-width:640px;margin:0 auto 6px auto;font-size:13.5px;line-height:1.5;}
ul.todo{list-style:none;margin:0;padding:0;}
ul.todo li{padding:6px 0;border-bottom:1px dashed var(--line);font-size:13.5px;}
ul.todo li:last-child{border-bottom:0;}
ul.todo li::before{content:"☐";margin-right:9px;color:var(--brown);}

/* ================= ŰRLAPOK (örökölt osztályok, új nyelvre hangolva) ====== */
.mezo{margin-bottom:14px;}
.mezo label{display:block;font-size:12px;font-weight:700;color:var(--muted);margin-bottom:4px;}
.mezo input[type=text],.mezo input[type=email],.mezo input[type=password],
.mezo input[type=number],.mezo input[type=date],.mezo select{
  width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:6px;
  font-family:inherit;font-size:14px;background:#fff;color:var(--ink);
}
.mezo input:focus,.mezo select:focus{outline:2px solid var(--tan);border-color:var(--brown);}
select,input[type=date]{font-family:inherit;}
.hiba{background:var(--red-soft);border:1px solid var(--red);border-radius:7px;color:#b12b2b;font-size:13px;padding:9px 12px;margin-bottom:14px;}
.hiba div+div{margin-top:4px;}
.siker{background:var(--green-soft);border:1px solid var(--green);border-radius:7px;color:#4a6b12;font-size:13px;padding:9px 12px;margin-bottom:14px;}
.figyelmeztetes{background:var(--orange-soft);border:1px solid var(--orange);border-radius:7px;color:#8a4a2c;font-size:12.5px;line-height:1.5;padding:9px 12px;margin-bottom:14px;}
.szuro-sor{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;}
.szuro-sor .mezo{margin-bottom:0;flex:1;min-width:160px;}
.szuro-sor .gombok{display:flex;gap:8px;}
.lapozo{display:flex;align-items:center;gap:12px;margin-top:12px;font-size:13px;color:var(--muted);flex-wrap:wrap;}
.lapozo .tavolsag{margin-left:auto;}
.ures{border:1px dashed var(--blue);background:#fff;border-radius:10px;padding:22px;color:var(--muted);font-size:14px;line-height:1.5;}
.ures code{background:var(--bg);padding:1px 6px;border-radius:3px;font-size:13px;}

/* ================= BELÉPÉS (vendég oldalak) ================= */
.belepes-hatter{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:16px;}
.belepes-kartya{background:#fff;border:1px solid var(--line);border-radius:10px;padding:30px 26px;width:100%;max-width:380px;}
.belepes-kartya .brand{font-size:26px;font-weight:700;color:var(--brown);letter-spacing:1px;text-align:center;}
.belepes-kartya .brand img{height:36px;width:auto;display:block;margin:0 auto;}
.belepes-kartya .system{font-size:12px;color:var(--masodlagos);text-transform:uppercase;letter-spacing:2px;text-align:center;margin:6px 0 22px 0;}
.belepes-kartya .btn{width:100%;padding:10px 16px;}
.belepes-lab{margin-top:16px;font-size:12px;color:var(--muted);text-align:center;line-height:1.5;}

/* ================= NYOMTATÁS ================= */
@media print{
  .sidebar,.sb-ov,.topbar2,footer,.no-print,.basket,.tabs{display:none !important;}
  .main{margin-left:0;}
  .content{padding:0;max-width:none;}
  .card,.card-lite{border:none;overflow:visible;}
  body{background:#fff;}
}

/* ================= MOBIL ================= */
@media (max-width:900px){
  .ham{display:block;}
  .sidebar{transform:translateX(-100%);transition:transform .2s;box-shadow:2px 0 16px rgba(0,0,0,.25);}
  .sidebar.open{transform:translateX(0);}
  .main{margin-left:0;}
  .basket{left:0;}
  .content{padding:12px;}
  .kpis,.kpis.k6{grid-template-columns:repeat(2,1fr);}
  .kpi{min-width:0;}
  .desktop{display:none;}
  .mobile{display:block;}
  .topbar2{padding:10px 12px;gap:10px;}
  .topbar2 .date{display:none;}
  .two-col .card,.two-col .card-lite{min-width:100%;}
  /* Alapszabály: a táblázat vízszintesen görgethető (törzsadat/admin táblák)… */
  .card table,.card-lite table{min-width:640px;}
  .card table.mmx,.card-lite table.mmx{min-width:560px;}
  /* …a fő táblák viszont kártyanézetre váltanak (címke–érték párok). */
  .card table.stack,.card-lite table.stack{min-width:0;display:block;border:0;background:transparent;}
  table.stack thead{display:none;}
  table.stack tbody{display:block;}
  table.stack tr{display:block;border:1px solid var(--line);border-radius:8px;margin-bottom:10px;background:#fff;padding:8px 12px;}
  table.stack tr:first-child:not(tbody tr){display:none;}
  table.stack td{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-bottom:none;padding:3px 0;background:none !important;font-size:13px;}
  table.stack td::before{content:attr(data-label);font-weight:700;color:var(--brown);flex:0 0 42%;font-size:12px;}
  .exp{margin-left:0;width:100%;}
  /* D-06 kikapcsol mobilon: a stack táblák kártyanézetre váltanak, ott a ragadás
     zavarna; a széles (nem-stack) tábla a dobozon belül vízszintesen görget. */
  .ragbox{max-height:none;}
  .ragtabla thead th{position:static;}
  .ragtabla.rag1 th:first-child,.ragtabla.rag1 td:first-child,
  .ragtabla.rag2 th:first-child,.ragtabla.rag2 td:first-child,
  .ragtabla.rag2 th:nth-child(2),.ragtabla.rag2 td:nth-child(2){
    position:static;width:auto;min-width:0;max-width:none;}
}

/* =====================================================================
   LEVONÁS-KIJELZÉS (J1, 2026.08.16.) — a rendelési kör sorain és a
   kivétel-táblán. A nyolc tag MINDIG mind látszik, a nullákkal együtt:
   így megkülönböztethető a „nem tüzelt" a „nincs ilyen tag"-tól. Az úton
   lévő és az előd tag KIEMELT, mert 2026.08.15-én pont ez a kettő hiányzott
   a képernyőről. Tisztán megjelenítés — számot nem mozdít.
   ===================================================================== */
.lev{margin-top:4px;padding:6px 8px;border-left:3px solid var(--tan);background:#fffdf7;border-radius:0 6px 6px 0;}
.lev-sorok{display:flex;flex-wrap:wrap;gap:4px 10px;}
.lev-tag{display:inline-flex;align-items:baseline;gap:5px;font-size:11px;line-height:1.5;
  padding:1px 6px;border-radius:5px;background:var(--tan-soft);white-space:nowrap;}
.lev-tag.kiemelt{background:var(--teal-soft);box-shadow:inset 0 0 0 1px var(--teal);}
.lev-cimke{color:var(--muted);}
.lev-tag.kiemelt .lev-cimke{color:var(--brown2);font-weight:700;}
.lev-ertek{font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;}
.lev-elnyomas{margin-top:5px;font-size:11.5px;line-height:1.5;color:#8a4b12;
  background:var(--orange-soft);border-radius:5px;padding:4px 7px;}
.lev-nulla{margin-top:4px;font-size:11.5px;line-height:1.5;color:var(--muted);}
.lev-nincs{margin-top:4px;padding:5px 8px;font-size:11px;line-height:1.5;color:var(--muted);
  border-left:3px solid var(--line);background:#fafafa;border-radius:0 6px 6px 0;}