/* =============================================================================
   Keter MMT — design ráncfelvarrás (2026-09), közös Keter téma
   Csak felülíró stílusok: a style.css / bootstrap 3 / jqGrid megmarad, ez a fájl
   utoljára töltődik be. Színek és méretek egy helyen (:root), hogy a többi Keter
   app ugyanezt a témát kaphassa.
   ============================================================================= */
:root{
  --bg:#e1e6ec;            /* oldal háttér — a fehér kártyák elváljanak */
  --card:#ffffff;          /* kártyák */
  --line:#cfd6de;          /* keretek, elválasztók */
  --line-soft:#dde3ea;     /* belső, halványabb vonalak (rácsvonalak) */
  --head:#e9eef3;          /* táblázat-fejlécek */
  --text:#1f2933;          /* alap szöveg */
  --muted:#6b7280;         /* másodlagos szöveg */
  --accent:#c8102e;        /* Keter piros — aktív menü, kiemelés */
  --accent-dark:#a50d26;
  --primary:#2f6f9f;       /* elsődleges gomb (Mentés, Belépés) */
  --primary-dark:#255a82;
  --success:#2e8b57;
  --danger:#d64545;
  --radius:10px;
  --shadow:0 1px 2px rgba(16,24,40,.10), 0 10px 28px rgba(16,24,40,.10);
  --font:"Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* ---------- alap ---------- */
html, body{ background:var(--bg) !important; }
body{ font-family:var(--font); color:var(--text); font-size:14px; line-height:1.45; -webkit-font-smoothing:antialiased; }
.embed_font, .embed_font_2, .embed_font_important{ font-family:var(--font) !important; font-weight:600; }
a{ color:var(--primary); }
a:hover, a:focus{ color:var(--primary-dark); text-decoration:none; }
h1, h2, h3{ font-family:var(--font); color:var(--text); font-weight:600; letter-spacing:-.01em; }
h1{ font-size:22px; margin:6px 0 18px; }
h1 font{ font-size:22px !important; font-weight:600; }
label{ color:#374151; font-weight:500; font-size:13px; }
.red_star{ color:var(--accent); margin-left:2px; }

/* ---------- fejléc / menü ---------- */
header{ background:var(--card) !important; border-top:3px solid var(--accent); border-bottom:1px solid var(--line); box-shadow:0 2px 6px rgba(16,24,40,.10); margin-bottom:26px; }
header .container .logo{ padding:0 !important; top:12px !important; }
header .container .logo img{ height:40px !important; margin-top:0; vertical-align:middle; }
header .menu_title{ display:inline-block; margin:12px 0 0; color:var(--muted); font-size:11px; letter-spacing:.12em; text-shadow:none !important; font-weight:600; }
header .menu{ margin:0 -6px; padding:6px 0 0; }
header .menu li{ padding:0 4px; }
header .menu a{ display:inline-block; padding:8px 10px 10px; color:#2f3a46 !important; font-size:13.5px; letter-spacing:.06em; text-shadow:none !important; border-bottom:2px solid transparent; border-radius:6px 6px 0 0; }
header .menu li:hover a{ color:var(--accent) !important; background:#fafafa; }
header .menu .active a{ color:var(--accent) !important; border-bottom-color:var(--accent); text-shadow:none !important; }
header .menu a#ooo{ color:var(--muted) !important; }
.rwd_menu{ background:#111827 !important; }
.rwd_menu a{ color:#f9fafb !important; font-size:14px; }
.nav_holder.active{ background:#111827 !important; }

/* ---------- kártyák ---------- */
.box_white, .box{ background:var(--card) !important; border:1px solid var(--line); border-radius:var(--radius) !important; box-shadow:var(--shadow); padding:20px 26px 26px !important; margin-bottom:26px !important; }
#main-container{ padding-top:4px; }
.box_white h1{ padding:0 0 12px !important; margin:0 0 18px !important; display:flex; flex-wrap:wrap; align-items:center; gap:10px; border-bottom:2px solid var(--line-soft); }
.box_white h1 > font, .box_white h1{ color:#111827; }
/* címsor: a cím balra, a gombok jobbra — sorrend: másodlagos (Mégse/Új), elsődleges (Mentés), export ikon */
.box_white h1 > font{ margin-right:auto; }
.box_white h1 > *:not(font){ float:none !important; margin-right:0 !important; }
.box_white h1 > .CancelButton{ order:10; }
.box_white h1 > .new_button, .box_white h1 > button, .box_white h1 > input[type="submit"], .box_white h1 > form{ order:20; }
.box_white h1 > span, .box_white h1 > .DelButton{ order:30; }
.box_white h1 > a:first-of-type:not(.CancelButton):not(.DelButton){ margin-left:auto; }

/* ---------- űrlapok ---------- */
.form-input, .input, input[type="text"], input[type="password"], input[type="number"], input[type="email"], select, textarea{
  background:#fff !important; border:1px solid #b9c2cc !important; border-radius:8px !important; color:var(--text);
  padding:7px 11px; font-family:var(--font); font-size:14px; box-shadow:0 1px 1px rgba(16,24,40,.03) inset; transition:border-color .15s, box-shadow .15s;
}
.form-input:focus, .input:focus, input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus{
  outline:0; border-color:var(--primary) !important; box-shadow:0 0 0 3px rgba(47,111,159,.15) !important;
}
.form-input[readonly], .form-input[disabled], input[readonly]{ background:#f9fafb !important; color:var(--muted); }
select.form-input, select{ padding-right:28px; }
.input_50 .input{ height:44px; }

/* ---------- gombok ---------- */
.CancelButton, .DelButton, .ResetPass, .new_button, .btn_green_s, .btn_orange, button, input[type="submit"]{
  font-family:var(--font) !important; font-size:13px !important; font-weight:600 !important; line-height:1.2;
  border-radius:8px !important; padding:8px 14px !important; cursor:pointer; text-decoration:none !important;
  transition:background .15s, color .15s, box-shadow .15s, border-color .15s; box-shadow:none !important; text-shadow:none !important;
}
/* másodlagos (Mégse, Új …) */
.CancelButton{ color:#1f2933 !important; background:#fff !important; border:1px solid #aab4bf !important; }
.CancelButton:hover{ background:#f3f4f6 !important; border-color:#9ca3af !important; color:var(--text) !important; }
/* elsődleges (Mentés, Belépés) */
.new_button, .btn_green_s, button.btn_green_s, input[type="submit"]{
  background:var(--primary) !important; color:#fff !important; border:1px solid var(--primary) !important; background-image:none !important; filter:none !important;
}
.new_button:hover, .btn_green_s:hover, input[type="submit"]:hover{ background:var(--primary-dark) !important; border-color:var(--primary-dark) !important; }
.new_button:active{ position:static !important; top:auto !important; }
.btn_green_s{ font-size:15px !important; padding:12px 24px !important; letter-spacing:.06em; margin:10px 0 0 !important; }
/* veszélyes (Törlés) */
.DelButton, .ResetPass{ color:var(--danger) !important; background:#fff !important; border:1px solid #f1b8b8 !important; }
.DelButton:hover, .ResetPass:hover{ background:#fdf2f2 !important; border-color:var(--danger) !important; }
.exportbutton_excel{ opacity:.85; transition:opacity .15s, transform .15s; }
.exportbutton_excel:hover{ opacity:1; transform:translateY(-1px); }

/* ---------- üzenetek ---------- */
.error{ color:var(--danger) !important; font-weight:500; }
.success{ color:var(--success) !important; font-weight:500; }
p.error{ font-size:12px; margin:4px 0 0; }

/* ---------- táblázatok / jqGrid ---------- */
.table th{ background:var(--head) !important; color:#1f2933 !important; font-size:12px; text-transform:uppercase; letter-spacing:.04em; border-bottom:1px solid var(--line) !important; }
.table td{ border-color:var(--line) !important; }
.ui-jqgrid{ border:1px solid #b9c2cc !important; border-radius:var(--radius); overflow:hidden; font-family:var(--font); background:#fff; }
.ui-jqgrid .ui-jqgrid-view, .ui-jqgrid .ui-jqgrid-hdiv, .ui-jqgrid .ui-jqgrid-bdiv, .ui-jqgrid .ui-jqgrid-pager{ border:0 !important; }
.ui-jqgrid .ui-jqgrid-htable th, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column{
  background:var(--head) !important; color:#1f2933 !important; font-size:11.5px; font-weight:700; text-transform:uppercase; letter-spacing:.04em;
  border-right:1px solid var(--line) !important; border-bottom:2px solid var(--line) !important; height:auto; padding:9px 4px !important; white-space:normal;
}
.ui-jqgrid .ui-jqgrid-htable th div{ padding:0 4px; }
.ui-jqgrid tr.jqgrow td{ font-size:13px; padding:7px 6px !important; border-right:1px solid var(--line) !important; border-bottom:1px solid var(--line) !important; color:var(--text); }
.ui-jqgrid tr.jqgrow td:first-child, .ui-jqgrid tr.ui-search-toolbar th:first-child, .ui-jqgrid .ui-jqgrid-htable th:first-child{ border-left:0 !important; }
.ui-jqgrid tr.jqgrow:nth-child(even) td{ background:#f6f8fa; }
/* altRows: a jQuery UI .ui-priority-secondary 70%-os átlátszóságot tenne a váltósorokra (halvány szöveg) — kikapcsolva */
.ui-jqgrid tr.jqgrow.ui-priority-secondary, .ui-jqgrid .ui-priority-secondary{ opacity:1 !important; filter:none !important; font-weight:normal; }
.ui-jqgrid tr.jqgrow td{ color:var(--text) !important; }
.ui-jqgrid tr.jqgrow:hover td, .ui-jqgrid tr.jqgrow.ui-state-hover td{ background:#e8f1f9 !important; }
.ui-jqgrid tr.jqgrow.ui-state-highlight td, .ui-jqgrid tr.jqgrow.success td, .ui-jqgrid tr.ui-row-ltr.ui-state-highlight td{ background:#e6f0f7 !important; }
.ui-jqgrid tr.ui-search-toolbar th{ background:#f9fafb !important; border-right:1px solid var(--line) !important; border-bottom:2px solid var(--line) !important; padding:6px 4px !important; }
.ui-jqgrid tr.ui-search-toolbar input, .ui-jqgrid tr.ui-search-toolbar select{ height:30px !important; padding:3px 8px !important; font-size:12px !important; border-radius:6px !important; width:100%; }
.ui-jqgrid tr.ui-search-toolbar td.ui-search-input{ padding:0 !important; }
.ui-jqgrid .ui-search-clear, .ui-jqgrid tr.ui-search-toolbar a{ color:var(--muted) !important; font-weight:600; }
.ui-jqgrid .ui-jqgrid-pager, .ui-jqgrid .ui-pg-table{ background:var(--head) !important; border-top:1px solid var(--line) !important; height:auto; }
.ui-jqgrid .ui-pg-table td{ font-size:12.5px; color:#374151; }
.ui-jqgrid .ui-pg-input, .ui-jqgrid .ui-pg-selbox{ height:30px !important; padding:2px 8px !important; font-size:12.5px !important; border-radius:6px !important; }
.ui-jqgrid .ui-pg-button{ border-radius:6px; }
.ui-jqgrid .ui-pg-button:hover{ background:#eef2f6; }
.ui-jqgrid .ui-jqgrid-titlebar{ background:#fff !important; border-bottom:1px solid var(--line) !important; font-weight:600; color:var(--text); }
.ui-jqgrid .ui-jqgrid-bdiv{ background:#fff; }
.ui-jqgrid .ui-jqgrid-htable, .ui-jqgrid .ui-jqgrid-btable{ border-collapse:separate; }
.ui-jqgrid .ui-icon{ opacity:.7; }
.ui-jqgrid .ui-pg-div{ padding:4px 10px; }
.tableView{ padding:0 !important; }

/* jelölőnégyzet + felirat a lista fölött (pl. „Mutasd amivel teendőm van!”) */
.box_white input[type="checkbox"]{ width:16px; height:16px; vertical-align:-3px; margin-right:6px; accent-color:var(--primary); }
.box_white input[type="checkbox"] + label, .box_white label.checkbox-inline{ font-size:13px; font-weight:500; }

/* ---------- lábléc ---------- */
.box_white > div[style*="border-top"]{ border-top:1px solid var(--line) !important; color:#4b5563; font-size:12px; margin-top:22px !important; padding-top:10px !important; }
.box_white > div[style*="border-top"] .embed_font_2{ font-weight:500; }

/* ---------- belépés ---------- */
.contact_us h1{ color:var(--text); font-size:20px; letter-spacing:.06em; padding:34px 0 18px !important; display:block; border:0; }
.login_logo{ display:block; height:56px; margin:0 auto 18px; }
.login_logo[src*="mmt_logo_full"]{ height:92px; margin-bottom:22px; }	/* MMT saját logó taglinenal: nagyobb */
.contact_us .box_white img:not(.login_logo):not(#reader img):not(.login_quick img){ display:none; }		/* régi dekorképek a belépő kártyán (a QR-olvasó #reader ikonja marad) */
.contact_us .box_white{ max-width:560px; margin:0 auto 40px !important; padding:26px 30px 30px !important; }
.contact_us .l_title{ color:var(--muted) !important; font-size:12px !important; letter-spacing:.1em; margin-bottom:8px; }
.contact_us .box_white > .row.col-md-12{ margin:0; padding:0; }
.contact_us .box_white .col-md-6{ padding-left:0; padding-right:0; width:100%; float:none; }
.contact_us .box_white .col-md-6 + .col-md-6{ margin-top:12px; }
.contact_us .btn_green_s{ float:none !important; width:100% !important; margin:22px 0 0 !important; }
.contact_us .text-center[style*="margin-top:50px"]{ margin-top:0 !important; }

/* ---------- egyebek ---------- */
.ui-widget{ font-family:var(--font) !important; }
.ui-datepicker, .ui-dialog, .ui-jqdialog{ border-radius:var(--radius); box-shadow:var(--shadow); border:1px solid var(--line); }
.ui-dialog .ui-dialog-titlebar, .ui-jqdialog .ui-jqdialog-titlebar{ background:#f9fafb; border-bottom:1px solid var(--line); border-radius:var(--radius) var(--radius) 0 0; }
::selection{ background:rgba(47,111,159,.2); }
@media (max-width:767px){
  .box_white, .box{ padding:16px 14px 20px !important; border-radius:8px !important; }
  h1, h1 font{ font-size:19px !important; }
}

/* ---------- MMT: PDF sablon-letöltő gombok a címsorban (BA-35/37/63…) ---------- */
/* eredetileg: ikon negatív margóval kilóg a gombból, a DocNum abszolút pozícióval rálóg — most: ikon + "BA-szám" egy sorban, normál gomb */
.box_white h1 a.CancelButton[download], .box_white h1 a.CancelButton.pdf_button{
  display:inline-flex !important; align-items:center; gap:7px; padding:6px 12px 6px 9px !important; line-height:1 !important; height:auto !important;
}
.box_white h1 a.CancelButton img.download_pdf, .box_white h1 a.CancelButton img#PDF{ height:20px !important; width:auto; margin:0 !important; display:inline-block; }
.box_white h1 a.CancelButton .DocNum{
  position:static !important; display:inline-block !important; float:none !important; margin:0 !important; padding:0 !important;
  background:transparent !important; color:inherit !important; font-size:13px; font-weight:600; letter-spacing:.02em;
}
.box_white h1 a.CancelButton .DocNum b::before{ content:"BA-"; font-weight:600; }
.box_white h1 > span{ display:inline-flex; align-items:center; }
.box_white h1 .exportbutton_excel{ height:26px; width:auto; vertical-align:middle; margin:0 4px; }

/* ---------- MMT: dashboard gép-térkép fix keretben, nagyítható (js/dashzoom.js) ---------- */
.dash_toolbar{ clear:both; display:flex; align-items:center; justify-content:flex-end; gap:4px; padding:2px 0 8px; }
.dash_toolbar .dz_btn{ min-width:34px; height:30px; padding:0 10px !important; margin:0 !important; font-size:15px; line-height:1; border-radius:6px !important; background:#fff !important; color:#1f2933 !important; border:1px solid #aab4bf !important; box-shadow:none !important; }
.dash_toolbar .dz_btn:hover{ background:#f3f4f6 !important; border-color:#9ca3af !important; }
.dash_toolbar .dz_val{ min-width:48px; text-align:center; font-size:12px; font-weight:600; color:var(--muted); }
.dash_viewport{ clear:both; position:relative; overflow:auto; border:1px solid var(--line); border-radius:8px; background:#fff; width:100%; }
.dash_canvas{ display:inline-block; transform-origin:0 0; }
.dash_canvas > table{ margin:0; }

/* ---------- MMT: gyorslink-csempék a belépő oldalon (config login_quick_links) ---------- */
.login_quick{ clear:both; width:100%; display:flex; flex-wrap:wrap; justify-content:center; gap:8px; padding:18px 0 4px; }
.login_quick a{ display:flex; flex-direction:column; align-items:center; width:86px; padding:7px 4px; text-align:center; border:1px solid var(--line); border-radius:10px; background:#fff; color:var(--text) !important; font-size:11px; font-weight:600; line-height:1.2; text-decoration:none !important; }
.login_quick a:hover{ border-color:var(--primary); color:var(--primary) !important; box-shadow:0 2px 6px rgba(16,24,40,.12); }
.login_quick a img{ display:block !important; width:78px; height:54px; object-fit:cover; border-radius:6px; margin:0 0 6px; }

/* mobil menügomb: a koppintás után maradó fókusz-gyűrű (bootstrap a:focus outline) a link dobozát rajzolta körbe, nem az ikont */
#nav-toggle, #nav-toggle:focus, #nav-toggle:active{ outline:none !important; box-shadow:none !important; -webkit-tap-highlight-color:transparent; }

/* ---------- MMT: generikus dashboard-rács (brand.dashboard = 'grid', views/_dashboard_grid.php) ---------- */
.dash_grid{ display:flex; flex-wrap:wrap; align-items:flex-end; gap:14px; padding:14px; }
.dash_grid_item{ position:relative; }
.dash_grid_item > div, .dash_grid_item > table{ position:relative !important; }
.dash_grid_empty{ padding:30px; color:var(--muted); }

/* ---------- mobil: a visszajelzés-doboz (#request) float-ja mellé csúszott a címsor (flex h1 a float mellett) ---------- */
#request{ float:none !important; width:100% !important; padding:0 0 12px !important; }
#request .alert{ margin-bottom:0; }
.box_white h1{ clear:both; }
@media (max-width:767px){
  .box_white h1{ flex-direction:column; align-items:stretch; }
  .box_white h1 > font{ margin-right:0; }
  .box_white h1 > .CancelButton, .box_white h1 > .DelButton, .box_white h1 > .new_button, .box_white h1 > button, .box_white h1 > input[type="submit"]{ width:100%; text-align:center; margin:0 !important; }
  .box_white h1 > span{ justify-content:flex-start; flex-wrap:wrap; }
  #main-container{ padding-left:8px; padding-right:8px; }
  #main-container > .row.box_white, .row.box_white{ margin-left:0 !important; margin-right:0 !important; }	/* a .row -15px margója kilógott a keskeny konténerből */
}

/* ---------- jqGrid szűrősor: kitöltött szűrő sárga (theme.js .flt-on; a régi inline "yellow" JS-t is elfogadja) ---------- */
.ui-jqgrid tr.ui-search-toolbar input.flt-on, .ui-jqgrid tr.ui-search-toolbar select.flt-on,
.ui-jqgrid tr.ui-search-toolbar input[style*="yellow"], .ui-jqgrid tr.ui-search-toolbar select[style*="yellow"]{
  background:#fff3a6 !important; border-color:#d9b400 !important;
}

/* ---------- MMT: oldalfüggő súgópanel (views/help_drawer.php, helpers/help_helper.php) — jobbról bekúszik ---------- */
.hd-tab{ position:fixed; right:0; top:50%; transform:translateY(-50%); z-index:1040; display:flex; flex-direction:column; align-items:center; gap:2px; width:34px; padding:10px 0 8px; border:1px solid var(--primary-dark,#1f4e73); border-right:0; border-radius:10px 0 0 10px !important; background:var(--primary,#2f6f9f) !important; color:#fff !important; cursor:pointer; box-shadow:-3px 2px 10px rgba(0,0,0,.18); line-height:1; font-family:var(--font); }
.hd-tab:hover{ background:var(--primary-dark,#1f4e73) !important; width:38px; }
.hd-tab-q{ font-weight:800; font-size:18px; }
.hd-tab-txt{ font-size:10px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; writing-mode:vertical-rl; transform:rotate(180deg); padding:4px 0 0; }
.hd-overlay{ position:fixed; inset:0; background:rgba(13,27,42,.38); opacity:0; pointer-events:none; transition:opacity .2s; z-index:1050; }
.help-drawer{ position:fixed; top:0; right:0; bottom:0; width:min(460px,100vw); background:#fff; box-shadow:-12px 0 40px rgba(0,0,0,.2); z-index:1051; display:flex; flex-direction:column; transform:translateX(100%); transition:transform .25s ease; visibility:hidden; text-align:left; font-family:var(--font); color:var(--text); }
.help-drawer.open{ transform:none; visibility:visible; }
body.help-open .hd-overlay{ opacity:1; pointer-events:auto; }
body.help-open .hd-tab{ display:none; }
.hd-head{ display:flex; justify-content:space-between; align-items:center; gap:10px; padding:14px 18px; border-bottom:1px solid var(--line); background:var(--head,#f3f5f7); }
.hd-head strong{ font-size:15px; }
.hd-q{ display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:var(--primary,#2f6f9f); color:#fff; font-size:13px; margin-right:4px; }
.hd-close{ border:0 !important; background:none !important; color:var(--muted) !important; font-size:18px; cursor:pointer; padding:4px 8px !important; line-height:1; box-shadow:none !important; }
.hd-close:hover{ color:var(--text) !important; }
.hd-body{ overflow:auto; padding:6px 18px 18px; flex:1; font-size:13.5px; line-height:1.5; }
.hd-section{ padding:12px 0; border-bottom:1px solid var(--line-soft,#e5e8eb); }
.hd-section:last-child{ border-bottom:0; }
.hd-section h3{ font-size:11.5px; font-weight:800; text-transform:uppercase; letter-spacing:.06em; color:var(--muted); margin:0 0 8px; }
.hd-section p{ margin:0 0 6px; }
.hd-howto{ border:1px solid var(--line-soft,#e5e8eb); border-radius:8px; padding:6px 10px; margin-bottom:6px; background:#fafbfc; }
.hd-howto summary{ cursor:pointer; font-weight:700; outline:0; }
.hd-howto ol{ padding-left:20px; margin:8px 0 2px; }
.hd-howto li{ margin-bottom:4px; }
.hd-tips{ padding-left:18px; margin:0; }
.hd-tips li{ margin-bottom:6px; }
.hd-see{ padding-left:18px; margin:0; }
.hd-see li{ margin-bottom:4px; }
.hd-body b{ font-weight:700; }
.hd-body code{ background:#f1f4f6; padding:1px 5px; border-radius:4px; font-size:12px; }
.hd-foot{ padding:10px 18px; border-top:1px solid var(--line); font-size:12px; color:var(--muted); }
.hd-foot kbd{ font-family:inherit; color:var(--text) !important; text-shadow:none; box-shadow:none; background:#f1f4f6; border:1px solid var(--line); border-radius:4px; padding:0 5px; }
@media (max-width:767px){ .hd-tab{ top:auto; bottom:18px; transform:none; } .help-drawer{ width:100vw; } }
@media print{ .hd-tab, .help-drawer, .hd-overlay{ display:none !important; } }

/* ---------- MMT: ikonos főmenü (views/header.php + helpers/mmt_helper.php → mmt_menu_items) ----------
   Desktop: csak piktogram, a felirat egérrel fölé állva tooltipben. Mobil: piktogram + felirat. */
header .menu.icon-menu{ margin:0; padding:10px 0 0; }
header .menu.icon-menu > li{ position:relative; padding:0 3px; }
header .menu.icon-menu > li > a.mi{ display:inline-block; padding:9px 12px 10px; line-height:1; border-bottom:2px solid transparent; border-radius:8px 8px 0 0; }
/* az ikon fix méretű, középre igazító dobozban ül — így a Font Awesome glifek és a saját SVG-k PONTOSAN egy vonalban vannak
   (inline-block + baseline igazítással az SVG-s dobozok 4 px-szel feljebb ültek) */
header .menu.icon-menu > li > a.mi .mi-ico{ display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; vertical-align:middle; line-height:1; }
header .menu.icon-menu > li > a.mi .mi-ico .fa{ font-size:19px; line-height:1; }
header .menu.icon-menu > li > a.mi .mi-ico svg{ width:22px; height:22px; display:block; }   /* saját ikonok: fröccsgép, szerszám, mérleg, temperáló */
header .menu.icon-menu > li > a.mi .mi-txt{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }  /* képernyőolvasónak marad */
header .menu.icon-menu > li:hover > a.mi{ background:#eef2f5; }
header .menu.icon-menu > li.active > a.mi{ color:var(--accent) !important; border-bottom-color:var(--accent); background:transparent; }
/* számjelölő (nyitott visszajelzések) */
header .menu.icon-menu .mi-badge{ position:absolute; top:3px; right:1px; min-width:16px; height:16px; padding:0 4px; border-radius:8px; background:#c0392b; color:#fff; font-size:10px; font-weight:700; line-height:16px; text-align:center; letter-spacing:0; }
/* tooltip: azonnal jön, egységes kinézettel (a title attribútum lassú és rendszerfüggő) */
header .menu.icon-menu > li > a.mi::after{ content:attr(data-label); position:absolute; top:100%; left:50%; margin-top:6px; transform:translateX(-50%); background:#1f2933; color:#fff; font:600 11.5px/1.3 var(--font); text-transform:none; letter-spacing:.02em; white-space:nowrap; padding:5px 9px; border-radius:6px; box-shadow:0 4px 12px rgba(16,24,40,.18); opacity:0; visibility:hidden; transition:opacity .12s ease; z-index:1035; pointer-events:none; }
header .menu.icon-menu > li > a.mi::before{ content:""; position:absolute; top:100%; left:50%; margin-top:1px; transform:translateX(-50%); border:5px solid transparent; border-bottom-color:#1f2933; opacity:0; visibility:hidden; transition:opacity .12s ease; z-index:1036; pointer-events:none; }
header .menu.icon-menu > li > a.mi:hover::after, header .menu.icon-menu > li > a.mi:focus::after,
header .menu.icon-menu > li > a.mi:hover::before, header .menu.icon-menu > li > a.mi:focus::before{ opacity:1; visibility:visible; }
/* mobil / tablet menü: piktogram + felirat egymás mellett */
.rwd_menu.icon-menu > li > a.mi{ display:inline-flex; align-items:center; min-width:250px; text-align:left; }  /* azonos szélesség → az ikonok egy oszlopban állnak */
.rwd_menu.icon-menu > li > a.mi .mi-ico{ display:inline-flex; align-items:center; justify-content:center; width:26px; height:20px; margin-right:8px; vertical-align:middle; line-height:1; }
.rwd_menu.icon-menu > li > a.mi .mi-ico .fa{ font-size:16px; line-height:1; }
.rwd_menu.icon-menu > li > a.mi .mi-ico svg{ width:19px; height:19px; display:block; }
.rwd_menu.icon-menu > li > a.mi .mi-txt{ position:static; width:auto; height:auto; overflow:visible; clip:auto; }
.rwd_menu.icon-menu .mi-badge{ display:inline-block; min-width:18px; padding:0 6px; margin-left:8px; border-radius:9px; background:#c0392b; color:#fff; font-size:11px; font-weight:700; line-height:18px; text-align:center; }
body.rwdmenu-open .hd-tab{ display:none; }   /* nyitott mobil menü alatt ne lógjon be a súgó-fül */

/* ---------- MMT: füles oldalak ---------- */
/* biztonsági háló, ha valahol mégis fülpanelbe kerülne rács (a `.row` -15 px margóját a `.tableView{padding:0}` nem egyenlíti ki) */
.ui-tabs-panel.row > .tableView{ padding-left:15px !important; padding-right:15px !important; }
/* a jQuery UI tabs 0.2em keretpaddingje miatt a fülsáv 3 px-szel beljebb kezdődött, mint a kártya címe */
.box_white .ui-tabs{ padding:0 !important; }


/* ---------- mobil: a széles (nem jqGrid) táblák vízszintesen görgethetők, nem tolják szét az oldalt ---------- */
@media (max-width: 767px){
  .box_white table:not(.ui-jqgrid-btable):not(.ui-jqgrid-htable):not(.ui-pg-table):not(.ui-search-table),
  #main-container table:not(.ui-jqgrid-btable):not(.ui-jqgrid-htable):not(.ui-pg-table):not(.ui-search-table){
    display:block;
    max-width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
}

/* mobil: a rács lapozója férjen ki (a hosszú "View 1 - 50 of 50" szöveg tolta szét) */
@media (max-width: 767px){
  /* a régi sablon .table th/td{display:block} mobil szabálya a jqGrid fejlécét lépcsőzetesre törte */
  .ui-jqgrid th:not([style*="display: none"]):not([style*="display:none"]), .ui-jqgrid td:not([style*="display: none"]):not([style*="display:none"]){ display:table-cell !important; }
  .ui-jqgrid .ui-paging-info{ display:none !important; }
  .ui-jqgrid .ui-pg-table td.ui-pg-button{ padding:0 2px !important; }
  .ui-jqgrid .ui-pg-input{ width:30px !important; }
  .ui-jqgrid .ui-pg-selbox{ display:none !important; }	/* telefonon nem állítunk oldalméretet, ez a cella vitte el a helyet */
  .ui-jqgrid .ui-pg-table td{ font-size:12px !important; }
  /* a rács saját CSS-e a nézetben, a theme.css UTÁN töltődik, ezért kell az !important */
}