/**
 * EGYSÉGES ARCULAT — tokenréteg a régi style.css FÖLÉ (minden oldal)
 * File:    css/arculat.css
 * Version: 2.5
 * Created: 2026-09-05 by Claude Fable 5.1
 * v2.5: DATEPICKER: a MAI nap kiemelese (ui-state-highlight) latszik -- az 1.x-es .ui-state-default !important szabaly
 *       kioltotta a jQuery UI sarga jeloleset (user: "az adott napot nem lehet elegge latni"); krem hatter + narancs gyuru +
 *       felkover narancs szam; a kivalasztott nap narancs alapon feher felkover; hover narancs keret.
 * v2.4: a statisztika-fülek RÁILLESZKEDNEK a tartalomra (nincs rés): a fülsor utáni első panel (futárkártya,
 *       figyelmeztetés, „nincs adat” doboz, diagram-kártya) felső margója 0 helyett −2 px, így a panel felső
 *       szegélye (futárkártyánál a futár 4 px-es színcsíkja) fedi a fülsor szürke alapvonalát, és a fülek
 *       talpvonala lesz; a panel felső sarkai szögletesek. Eddig 10–14 px rés volt a fülek és a panel között.
 * v2.3: a statisztika-kereső év + hónap legördülői (statisztika.php v1.4) — 34 px, az arculat mezőstílusával.
 * v2.2: (1) az összegző sor stílusa a `tr:last-child` helyett a `tr.osszegzo` osztályra (a részletes táblából
 *       kikerült a lábsor, ott az utolsó ADATSOR kapta volna meg); (2) ORSZÁG-BLOKKOK a részletes táblában:
 *       országonként váltakozó halvány háttér és felső elválasztó, hogy a sorok ne olvadjanak össze.
 * v2.1: JAVÍTÁS a szállítási táblázatban — (1) az OSZLOPOK EGYBEESNEK: a régi `td.szszoveg.osszeg.kozep{text-align:center}`
 *       (specificitás 0,3,1) erősebb volt a jobbra-igazításomnál (0,2,2), ezért az adatsorok középre, az összegző sor
 *       cellái (nincs .szszoveg) jobbra kerültek → most elég erős szelektorral MINDEN számcella jobbra zárt;
 *       (2) VISSZATÉR a piros/zöld jelzés: a `table.szallitasi_tablazat td{color:…}` szabályom (0,1,2) elnyomta a
 *       `.red`/`.green`-t (0,1,0) — most osztály-szelektorral, az arculat #c62828 / #2e7d32 színeivel.
 * v2.0: FOXPOST futár-szín (--foxpost #6a1b9a, lila — a DPD piros és az app narancsa mellett megkülönböztethető):
 *       badge, statisztika-fül csík, futárkártya felső csík.
 * v1.9: a Statisztikák oldal FÜLSORA (.stat-fulek / .stat-ful): DPD | GLS | MPL | Diagramok — az aktív fül fehér, a
 *       futár színcsíkjával (DPD piros, GLS kék, MPL zöld, Diagramok narancs); „nincs adat” doboz (.stat-ures).
 * v1.8: a statisztika-oldal keresője (.stat-kereso): a régi .keresobox fix 55 px-e, a .datumszo 4 px-es felső margója és
 *       a RESET link content-box méretezése miatt a címkék lecsúsztak, a gombok nem voltak egyforma magasak — most
 *       automatikus magasság, egységes 34 px-es mezők/gombok, középre igazított címkék, egyenletes távolság.
 * v1.7: JAVÍTÁS — a .deviza osztály a FŐOLDALI LISTA celláin van (lista deviza: Deviza és Nettó/Bruttó oszlop), a
 *       deviza-oldal .devizak/.devizabox-ot használ; az 1.3-as sor-szabály (keret+háttér+sarok) a listacellákat
 *       „gombokká” tette. A sor-stílus most a konténerekre szűkül, a .deviza kikerült.
 * v1.6: STATISZTIKÁK oldal (statisztika.php): a diagramok fehér kártyákban krém kártya-fejjel (.stat-kartya, .stat-kartya-fej,
 *       .stat-diagram), a főoldalon a Statisztikák-link sáv (.stat-link-sav, .stat-link), a statisztika-kereső időszak-felirata.
 * v1.5: JAVÍTÁS — az 1.4-es általános submit-szabály a .submitbutton osztályú <input>-okra is ráment (34 px magasság
 *       50 px-es sormagassággal → a felirat a gomb aljára csúszott, newtransfer.php). A .submitbutton kivétel, és az
 *       <input>-gombokon a sormagasság normal (az inputot a böngésző középre igazítja, a div/a gombot a line-height).
 * v1.4: az osztály nélküli natív submit/button elemek (pl. banki import „Upload File”) is az elsődleges narancs
 *       gombot kapják (34 px) — a saját osztályos gombok (.kp-btn, .torles-gomb, .searchbutton, formbox-upload submit) kivételével.
 * v1.3: a RÉGI űrlap- és listaoldalak (költségcsoport, deviza, átutalás, banki import, személyek) konténerei is fehér
 *       kártyák (.formbox, .koltsegcsoportbox, .devizak, table.nevtabla) — eddig csak a gomb/mező változott rajtuk, ami
 *       alig látszott. A sorok (.csoportlista, .devizabox, .deviza) a szürke-lépcsőben maradnak, krém hoverrel;
 *       a mezőcímke (.megnevezes) a rendszer kis nagybetűs címkéje.
 * v1.2: a kisbetűs mellékérték (Bruttó: …) csak az összesen-sorban kerül új sorba; az országsorokban a (xx%) a szám mellett marad.
 * v1.1: headless render utáni finomítások — a feltöltő kártya és a várólista teljes (90%) szélességű (a régi .formbox
 *       440 px-es korlátja helyett), az előzmény-tábla fájlnév-oszlopa nem örökli a régi 170 px-et (nem tördel),
 *       a szállítási táblák számcellái és az összesen-címke nem törnek sorba.
 *
 * A design-vászon (claude.ai/code/artifact/e324b9a4-06a7-4941-be84-a714ec13f766) döntései, a MEGLÉVŐ színekkel:
 *   - EGY narancs: #ff7600 + #d46200 (a régi gomb-narancs #ff6a00/#cb5400/#e24900 kikerül),
 *   - EGY piros/zöld: #c62828 / #2e7d32 (a táblák named red/green-je is erre vált),
 *   - futár-színkód mindenhol: GLS #1565c0, DPD #c62828, MPL #2e7d32, számla-PDF #5d4037,
 *   - Ubuntu 400/500/700 (a phptophead.php a súlyokat is betölti), mono: Consolas,
 *   - három sarok: 2 px (badge, chip) · 4 px (input, gomb, kártya, sor, doboz) · 8 px (nagy panel),
 *   - fehér kártyák #d4d4d4 kerettel a #dedede lapon; a szürke-lépcső és a #ffb65d futárkártya marad.
 * Ez a fájl NEM írja át a style.css-t: tokeneket ad, és a régi osztályokat FELÜLÍRJA (a phptophead.php
 * a style.css és a jquery-ui.css UTÁN tölti be). Ahol a régi szabály !important-ot használ, itt is az kell.
 */

:root {
  /* márka */
  --narancs: #ff7600;  --narancs-sotet: #d46200;  --narancs-vil: #ff8a1f;
  --narancs-hover-a: #ff9b3f;  --narancs-hover-b: #e66900;
  --futar-kartya: #ffb65d;  --futar-kartya-keret: #c77405;
  --krem-a: #faf6ef;  --krem-b: #f5efe3;  --krem-vonal: #e0d6c8;
  --info-hatter: #fff7eb;  --info-keret: #ffd9a8;  --hover-krem: #fffaf3;
  --cim-barna: #4a2400;  --barna-szoveg: #4a3000;  --okker: #8a5a00;
  /* szürke-lépcső */
  --lap: #dedede;  --panel: #ececec;  --kartya: #ffffff;  --kartya-keret: #d4d4d4;  --input-keret: #c4c4c4;
  --tabla-fej: #fafafa;  --tabla-fej-vonal: #e4e4e4;  --sorvonal: #ececec;
  --lista-sor: #d1d1d1;  --lista-keret: #a8a8a8;  --osszesito-sav: #bfbfbf;
  --sotet-gomb: #424242;  --sotet-gomb-keret: #2a2a2a;
  --szoveg: #242424;  --szoveg-2: #4a4a4a;  --szoveg-3: #777777;  --szoveg-4: #888888;
  /* állapot */
  --piros: #c62828;  --piros-sotet: #b71c1c;  --piros-szoveg: #7f0000;  --piros-hatter: #fff5f5;  --piros-keret: #ffcdd2;
  --zold: #2e7d32;  --zold-sotet: #1b5e20;  --zold-hatter: #f4faf4;  --zold-keret: #c8e6c9;  --zold-cimke: #689f38;
  --sarga-hatter: #fff8e1;  --sarga-keret: #ffe082;  --sarga-csik: #ef6c00;  --sarga-szoveg: #5d4037;  --figyelem-potty: #f9a825;
  /* futár */
  --gls: #1565c0;  --gls-vil: #1e88e5;  --dpd: #c62828;  --dpd-vil: #e53935;  --mpl: #2e7d32;  --mpl-vil: #43a047;  --pdf: #5d4037;
  --foxpost: #6a1b9a;  --foxpost-vil: #8e24aa;
  /* forma */
  --r-kicsi: 2px;  --r: 4px;  --r-nagy: 8px;
  --arnyek: 0 1px 3px rgba(0,0,0,0.10);  --arnyek-lebego: 0 18px 50px -12px rgba(38,50,56,0.45);
  --fokusz: 0 0 0 2px rgba(255,118,0,0.18);
  --betu: 'Ubuntu', 'Segoe UI', system-ui, sans-serif;
  --mono: Consolas, 'Courier New', monospace;
  --gomb-gradiens: linear-gradient(180deg, #ff8a1f 0%, #ff7600 100%);
  --gomb-gradiens-hover: linear-gradient(180deg, #ff9b3f 0%, #e66900 100%);
}

/* ---------------------------------------------------------------- alap */
html, body { font-family: var(--betu); color: var(--szoveg); }
a { color: var(--narancs); }
a:hover { color: var(--narancs-sotet); }
.dropdown-content a { color: #2c2c2c; }
.dropdown-content a:hover { color: #2c2c2c; background-color: var(--hover-krem); }
.fejlec { background-color: var(--narancs); border-bottom-color: var(--narancs-sotet); }
.formbox { border-color: var(--kartya-keret); border-radius: var(--r); }

/* ---------------------------------------------------------------- gombok: elsődleges narancs, tercier fehér, veszélyes piros körvonal */
.submitbutton, .button, #visszagomb, .visszagomb, input.searchbutton, a.resetbutton, .torles-gomb,
.formbox.formbox-upload > form > input[type="submit"] {
  font-family: var(--betu); font-weight: 700; letter-spacing: 0.3px; border-radius: var(--r); cursor: pointer;
}
.submitbutton, .button {
  background: var(--gomb-gradiens); border: 1px solid var(--narancs-sotet); color: #fff;
  box-shadow: 0 1px 3px rgba(255,118,0,0.35);
  height: 50px; line-height: 50px; font-size: 14px; letter-spacing: 0.8px; text-transform: uppercase;
  min-width: 138px; width: auto; padding: 0 28px; box-sizing: border-box;
}
.submitbutton:hover, .button:hover { background: var(--gomb-gradiens-hover); }
.button.reset { background: #fff; color: var(--szoveg-2); border: 1px solid var(--input-keret); box-shadow: none; text-transform: none; letter-spacing: 0.3px; font-size: 12px; }
input.searchbutton { background: var(--gomb-gradiens); border: 1px solid var(--narancs-sotet); color: #fff; height: 34px; padding: 0 16px; font-size: 12px; }
input.searchbutton:hover { background: var(--gomb-gradiens-hover); }
a.resetbutton, #visszagomb, .visszagomb { background: #fff; color: var(--szoveg-2); border: 1px solid var(--input-keret); height: 34px; line-height: 34px; padding: 0 16px; font-size: 12px; text-decoration: none; display: inline-block; }
a.resetbutton:hover, #visszagomb:hover, .visszagomb:hover { background: var(--hover-krem); border-color: var(--info-keret); color: var(--szoveg); }
.torles-gomb { height: 34px; padding: 0 16px; font-size: 12px; }
.torles-gomb:hover:not([disabled]) { background: var(--piros); color: #fff; }
.formbox.formbox-upload > form > input[type="submit"] { background: var(--sotet-gomb) !important; border: 1px solid var(--sotet-gomb-keret) !important; color: #fff !important; height: 34px !important; border-radius: var(--r) !important; }
.formbox.formbox-upload > form > input[type="submit"]:hover { background: var(--sotet-gomb-keret) !important; }
a[href="pushin"] .submitbutton.bank, .submitbutton.bank {
  background: var(--gomb-gradiens) !important; border: 1px solid var(--narancs-sotet) !important; border-radius: var(--r) !important;
  box-shadow: 0 1px 3px rgba(255,118,0,0.35) !important; letter-spacing: 0.8px !important; font-size: 14px !important; text-transform: uppercase !important;
}
a[href="pushin"]:hover .submitbutton.bank, .submitbutton.bank:hover { background: var(--gomb-gradiens-hover) !important; }
.submitbutton.bank.tiltott { opacity: 0.45 !important; filter: grayscale(0.6); }

/* ikongombok: kuka piros körvonal, a többi szürke */
.upload-history-table .delete-btn, .szallitasikoltsegek > a[href*="delete_carrier"], .szallitasikoltsegek > a {
  border: 1px solid var(--piros-keret) !important; border-radius: var(--r) !important; color: var(--piros) !important; background: #fff !important;
}
.upload-history-table .delete-btn:hover, .szallitasikoltsegek > a:hover { background: var(--piros-hatter) !important; border-color: var(--piros) !important; transform: none !important; }

/* ---------------------------------------------------------------- mezők: 34 px, #c4c4c4 keret, 4 px sarok, narancs fókusz */
input[type="text"], input[type="number"], input[type="password"], input[type="date"], input[type="email"], input[type="file"], select, textarea,
input.inputparcel, select.devizainpbox, input.devizainpbox, .inputdate, .szurobox, input#nev, input#pass {
  font-family: var(--betu); font-size: 12px; color: var(--szoveg); background: #fff;
  border: 1px solid var(--input-keret); border-radius: var(--r); box-sizing: border-box; padding-left: 8px;
}
input[type="text"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="file"]:focus, select:focus, textarea:focus,
input.inputparcel:focus, select.devizainpbox:focus, .inputdate:focus, .szurobox:focus {
  outline: none; border-color: var(--narancs); box-shadow: var(--fokusz);
}
input[type="checkbox"], input[type="radio"] { accent-color: var(--narancs); }
.megnevezes, .formbox.formbox-upload > form > label, .upload-history-table th, .listazas.elsosor { font-family: var(--betu); }

/* ---------------------------------------------------------------- állapot: egy piros, egy zöld; üzenet-doboz = 4 px sarok + 4 px bal csík */
.green, td.green, .lista.green { color: var(--zold); }
.red, td.red, .lista.red { color: var(--piros); }
.wrongpass { color: var(--piros); }
.warning {
  background: var(--sarga-hatter); color: var(--sarga-szoveg); font-weight: 400;
  border: 1px solid var(--sarga-keret); border-left: 4px solid var(--sarga-csik); border-radius: var(--r);
  height: auto; line-height: 1.5; padding: 10px 14px; max-width: none; text-align: left;
}
body .alert { border-radius: var(--r); border-left-width: 4px; box-shadow: none; font-family: var(--betu); }
body .alert-success { background: var(--zold-hatter); border: 1px solid var(--zold-keret); border-left: 4px solid var(--zold); color: var(--zold-sotet); }
body .alert-error { background: var(--piros-hatter); border: 1px solid var(--piros-keret); border-left: 4px solid var(--piros); color: var(--piros-szoveg); }
.futaradat-figyelmeztetes { background: var(--sarga-hatter); border: 1px solid var(--sarga-keret); border-left: 4px solid var(--sarga-csik); border-radius: var(--r); color: var(--sarga-szoveg); }
.szall-megjegyzes { border-radius: var(--r); }
.koteg-felismeres { border-radius: var(--r-nagy); }
.koteg-felismeres .kf-problema { background: var(--piros-hatter); border: 1px solid var(--piros-keret); border-left: 4px solid var(--piros); border-radius: var(--r); color: var(--piros-szoveg); }
.koteg-felismeres .kf-figyelmeztetes { border: 1px solid var(--sarga-keret); border-left: 4px solid var(--sarga-csik); border-radius: var(--r); color: var(--sarga-szoveg); }
.tooltiptext { background-color: var(--sarga-hatter); border: 1px solid var(--sarga-keret); color: var(--sarga-szoveg); border-radius: var(--r); }
.potty.piros { background-color: var(--piros); } .potty.kek { background-color: var(--gls); }

/* ---------------------------------------------------------------- futár-jelölők */
.carrier-badge { font-family: var(--betu); font-weight: 700; border-radius: var(--r-kicsi); }
.carrier-badge.gls { background-color: var(--gls); }
.carrier-badge.dpd { background-color: var(--dpd); }
.carrier-badge.mpl { background-color: var(--mpl); }
.carrier-badge.pdf { background-color: var(--pdf); }
.carrier-badge.foxpost { background-color: var(--foxpost); }

/* ---------------------------------------------------------------- kártyák: fehér, #d4d4d4 keret, krém kártya-fej */
.formbox.formbox-upload, .upload-history-box, .felsorolasbox { border: 1px solid var(--kartya-keret) !important; border-radius: var(--r) !important; background: var(--kartya) !important; }
.formbox.formbox-upload .formbox-upload__head, .upload-history-title, .felsorolasbox::before {
  display: block; padding: 12px 18px; margin: 0;
  background: linear-gradient(180deg, var(--krem-a) 0%, var(--krem-b) 100%); border-bottom: 1px solid var(--krem-vonal);
  font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.6px; color: var(--cim-barna);
}
.felsorolasbox { padding: 0 !important; border-style: solid !important; overflow: hidden; }
.felsorolasbox::before { content: "Feldolgozásra váró fájlok"; margin-bottom: 10px; }
.felsorolasbox > .koteg-felismeres { margin: 10px 16px 12px; }
.felsorolasbox > form { display: block; margin: 0 16px 12px; }
.felsorolasbox > .submitbutton.bank.tiltott { margin: 0 auto 16px !important; }
.felsorolasbox > a[href="pushin"], .felsorolasbox > a { margin-bottom: 16px; }
.felsorolas { border-radius: var(--r-kicsi); }
.selecttext { border-radius: var(--r) !important; }
body .bejelentkezve { border-color: var(--kartya-keret) !important; }

/* ---------------------------------------------------------------- kereső / lista / lapozó / összesítő sáv */
.keresobox { border-color: var(--kartya-keret); border-radius: var(--r); }
.listazas { border-radius: var(--r); }
.listazas:not(.elsosor):hover { background-color: var(--hover-krem); border-color: var(--info-keret); }
.pagination { border-radius: var(--r); }
.pagination a, .pagination span { border-radius: var(--r); }
.pagination a:hover, .pagination span.current { background-color: var(--narancs); border-color: var(--narancs-sotet); color: #fff; }
.vegosszeg.teljes.summary-bar { border-radius: var(--r); }
.limits { border-radius: var(--r); }

/* ---------------------------------------------------------------- futárkártya + szállítási táblázat (a border=1 böngésző-rács helyett) */
.vegosszeg.szallitasikoltsegek { border-radius: var(--r); overflow: hidden; border-top-width: 4px; border-top-style: solid; border-top-color: var(--futar-kartya-keret); }
.vegosszeg.szallitasikoltsegek.futar-gls { border-top-color: var(--gls); }
.vegosszeg.szallitasikoltsegek.futar-dpd { border-top-color: var(--dpd); }
.vegosszeg.szallitasikoltsegek.futar-mpl { border-top-color: var(--mpl); }
.szallitasikoltsegek img.complogo { border-radius: var(--r); }
table.szallitasi_tablazat {
  background: var(--kartya); border: 1px solid var(--kartya-keret) !important; border-radius: var(--r); overflow: hidden;
  border-collapse: separate !important; border-spacing: 0; width: 100%; font-family: var(--betu);
}
table.szallitasi_tablazat th, table.szallitasi_tablazat td { border: 0 !important; border-bottom: 1px solid var(--sorvonal) !important; }
table.szallitasi_tablazat th {
  background: var(--tabla-fej); border-bottom: 1px solid var(--tabla-fej-vonal) !important;
  color: var(--szoveg-3); font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; padding: 8px 12px; text-align: right; line-height: 1.3;
}
table.szallitasi_tablazat td { padding: 7px 12px; font-size: 13px; text-align: right; font-variant-numeric: tabular-nums; color: var(--szoveg); }
table.szallitasi_tablazat th.kozep, table.szallitasi_tablazat td.kozep, table.szallitasi_tablazat td.osszeg { text-align: right; }
table.szallitasi_tablazat th:first-child, table.szallitasi_tablazat td:first-child { text-align: left; }
table.szallitasi_tablazat tr.osszegzo td { border-top: 2px solid var(--futar-kartya-keret) !important; border-bottom: 0 !important; background: var(--info-hatter); font-weight: 700; padding-top: 9px; padding-bottom: 9px; }
table.szallitasi_tablazat td.egyeb-dij { color: var(--pdf); }
table.szallitasi_tablazat td.maradek-dij { color: var(--okker); }
span.kisbetu { color: var(--szoveg-3); font-weight: 400; }
td.dijnelkul { color: var(--okker); }

/* ---------------------------------------------------------------- v1.6: Statisztikák oldal + a főoldal Statisztikák-linkje */
.stat-link-sav { width: 90%; margin: 6px auto 16px; display: flex; justify-content: flex-end; }
.stat-link { display: inline-flex; align-items: center; height: 34px; padding: 0 16px; border-radius: var(--r); background: #fff; color: var(--szoveg-2); border: 1px solid var(--input-keret); font-size: 12px; font-weight: 700; letter-spacing: 0.3px; text-decoration: none; }
.stat-link:hover { background: var(--hover-krem); border-color: var(--info-keret); color: var(--szoveg); }
.keresobox.stat-kereso { height: auto; min-height: 0; padding: 10px 14px; box-sizing: border-box; display: block; margin-top: 12px; margin-bottom: 0; }
.stat-kereso .stat-form { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; width: 100%; margin: 0; }
.stat-kereso .datumszo { margin: 0; line-height: 34px; white-space: nowrap; }
.stat-kereso .inputdate { margin: 0; height: 34px; width: 110px; text-align: center; }
/* v2.3: év + hónap választó (statisztika.php v1.4) */
.stat-kereso select.szurobox { margin: 0; height: 34px; padding: 0 8px; border: 1px solid var(--input-keret); border-radius: var(--r); background: #fff; font-family: var(--betu); font-size: 12px; color: var(--szoveg); box-sizing: border-box; }
.stat-kereso select.stat-ev { width: 92px; }
.stat-kereso select.stat-ho { width: 130px; }
.stat-kereso input.searchbutton, .stat-kereso a.resetbutton { margin: 0; height: 34px; line-height: 32px; padding: 0 16px; box-sizing: border-box; display: inline-flex; align-items: center; }
.stat-kereso input.searchbutton { margin-left: 6px; }
.stat-idoszak { margin-left: auto; font-size: 12px; color: var(--barna-szoveg); line-height: 34px; white-space: nowrap; }
.stat-idoszak b { font-size: 13px; color: var(--cim-barna); }
.stat-figyelem { width: 90%; margin: 10px auto 0; box-sizing: border-box; }
.stat-fulek { width: 90%; margin: 14px auto 0; display: flex; gap: 6px; align-items: flex-end; border-bottom: 2px solid var(--kartya-keret); box-sizing: border-box; }
.stat-ful { display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 18px; margin-bottom: -2px; box-sizing: border-box; border: 1px solid var(--kartya-keret); border-bottom: 2px solid var(--kartya-keret); border-top: 3px solid transparent; border-radius: var(--r) var(--r) 0 0; background: var(--panel); color: var(--szoveg-2); font-size: 11px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; }
.stat-ful:hover { background: var(--hover-krem); color: var(--szoveg); }
.stat-ful .carrier-badge { margin-right: 0; }
.stat-ful.is-aktiv { background: var(--kartya); color: var(--cim-barna); border-bottom-color: var(--kartya); height: 44px; }
.stat-ful--dpd.is-aktiv { border-top-color: var(--dpd); }
.stat-ful--gls.is-aktiv { border-top-color: var(--gls); }
.stat-ful--mpl.is-aktiv { border-top-color: var(--mpl); }
.stat-ful--foxpost.is-aktiv { border-top-color: var(--foxpost); }
.vegosszeg.szallitasikoltsegek.futar-foxpost { border-top-color: var(--foxpost); }
.stat-ful--diagram.is-aktiv { border-top-color: var(--narancs); }
.stat-ures { width: 90%; margin: 14px auto 0; box-sizing: border-box; padding: 14px 18px; background: var(--info-hatter); border: 1px solid var(--info-keret); border-left: 4px solid var(--narancs); border-radius: var(--r); color: var(--cim-barna); font-size: 12px; line-height: 1.5; }
/* v2.4: a fülsor utáni első panel ráül a fülekre — a panel felső szegélye fedi a fülsor alapvonalát */
.stat-fulek + .vegosszeg.szallitasikoltsegek, .stat-fulek + .warning, .stat-fulek + .stat-ures, .stat-fulek + .stat-kartya { margin-top: -2px; border-top-left-radius: 0; border-top-right-radius: 0; }
.stat-kartya { width: 90%; margin: 16px auto 0; background: var(--kartya); border: 1px solid var(--kartya-keret); border-radius: var(--r); box-shadow: var(--arnyek); overflow: hidden; box-sizing: border-box; }
.stat-kartya-fej { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 12px 18px; background: linear-gradient(180deg, var(--krem-a) 0%, var(--krem-b) 100%); border-bottom: 1px solid var(--krem-vonal); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.6px; color: var(--cim-barna); }
.stat-kartya-fej .stat-kartya-al { font-weight: 400; letter-spacing: 0; text-transform: none; color: var(--okker); }
.stat-diagram { width: 100%; height: 400px; padding: 8px 10px; box-sizing: border-box; background: var(--kartya); }
.stat-diagram--magas { height: 520px; }

/* ---------------------------------------------------------------- v1.4: natív submit/button elemek (osztály nélkül) = elsődleges gomb */
input[type="submit"]:not(.searchbutton):not(.kp-btn):not(.submitbutton):not(.button), input[type="button"]:not(.searchbutton):not(.submitbutton), button:not(.kp-btn):not(.torles-gomb):not(.submitbutton) {
  font-family: var(--betu); font-size: 12px; font-weight: 700; letter-spacing: 0.3px; height: 34px; line-height: normal; padding: 0 16px;
  background: var(--gomb-gradiens); color: #fff; border: 1px solid var(--narancs-sotet); border-radius: var(--r);
  box-shadow: 0 1px 3px rgba(255,118,0,0.35); cursor: pointer;
}
input[type="submit"]:not(.searchbutton):not(.kp-btn):not(.submitbutton):not(.button):hover, input[type="button"]:not(.searchbutton):not(.submitbutton):hover, button:not(.kp-btn):not(.torles-gomb):not(.submitbutton):hover { background: var(--gomb-gradiens-hover); }
/* v1.5: az <input>/<button> elemű .submitbutton-t a böngésző középre igazítja -- a line-height csak a div/a gomboknak kell */
input.submitbutton, button.submitbutton, input.button { line-height: normal; height: 50px; padding: 0 28px; }
input[type="file"] { padding: 6px 8px; height: auto; }

/* ---------------------------------------------------------------- v1.3: a régi űrlap- és listaoldalak konténerei fehér kártyák */
.formbox, .mainbox.login .formbox { background: var(--kartya); border: 1px solid var(--kartya-keret); border-radius: var(--r); box-shadow: var(--arnyek); }
.koltsegcsoportbox, .devizak { background: var(--kartya); border: 1px solid var(--kartya-keret); border-radius: var(--r); box-shadow: var(--arnyek); padding: 14px; }
.koltsegcsoportbox .csoportlista, .devizak .devizabox { background: var(--lista-sor); border: 1px solid var(--lista-keret); border-radius: var(--r); }
.koltsegcsoportbox .csoportlista:hover, .devizak .devizabox:hover { background: var(--hover-krem); border-color: var(--info-keret); }
table.nevtabla { background: var(--kartya); border: 1px solid var(--kartya-keret); border-radius: var(--r); border-collapse: separate; border-spacing: 0; overflow: hidden; }
td.nevek { border: 0; border-bottom: 1px solid var(--sorvonal); font-family: var(--betu); }
.megnevezes, .datumszo { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: var(--szoveg-2); }
.logintext { color: var(--szoveg-3); }
img.minicon { opacity: 0.75; transition: opacity .12s; }
img.minicon:hover { opacity: 1; }
.limits { background: var(--info-hatter); border-color: var(--info-keret); color: var(--cim-barna); }

/* ---------------------------------------------------------------- v1.1: szélességek és tördelés */
.formbox.formbox-upload, .felsorolasbox { width: 90% !important; max-width: none !important; min-width: 0 !important; }
.formbox.formbox-upload > form { width: 100% !important; max-width: none !important; min-width: 0 !important; box-sizing: border-box; }
.upload-history-table th:nth-child(2), .upload-history-table td:nth-child(2) { width: auto !important; white-space: nowrap; }
.upload-history-table th:nth-child(3), .upload-history-table td:nth-child(3) { width: 130px; white-space: nowrap; }
.upload-history-table th:nth-child(4), .upload-history-table td:nth-child(4) { width: 170px; white-space: nowrap; }
table.szallitasi_tablazat td.osszeg, table.szallitasi_tablazat td.kozep:not(:first-child), table.szallitasi_tablazat td.dijnelkul { white-space: nowrap; }
table.szallitasi_tablazat tr:last-child td:first-child { white-space: nowrap; }
table.szallitasi_tablazat tr.osszegzo td span.kisbetu, table.szallitasi_tablazat td.egyeb-dij span.kisbetu { display: block; }
table.szallitasi_tablazat tr.osszegzo td:first-child { white-space: nowrap; }

/* v2.2: ORSZÁG-BLOKKOK a részletes (szolgáltatásonkénti) táblában — egy ország = egy vizuális blokk */
table.szallitasi_tablazat tr.orsz-blokk-paratlan td { background: var(--hover-krem); }
table.szallitasi_tablazat tr.orsz-elso td { border-top: 2px solid var(--info-keret) !important; }
table.szallitasi_tablazat tr.orsz-elso:first-child td { border-top: 0 !important; }
table.szallitasi_tablazat td.orsz-cimke { font-size: 13px; font-weight: 700; color: var(--cim-barna); letter-spacing: 0.6px; text-align: left; padding-left: 14px; }
table.szallitasi_tablazat tr.orsz-sor:hover td { background: var(--info-hatter); }
.szall-megjegyzes.reszl-megj { margin-top: 10px; }

/* ---------------------------------------------------------------- v2.1: a szállítási táblázat igazítása és jelzőszínei
   A régi style.css-ben a számcellákat középre igazítja a td.szszoveg.osszeg.kozep (0,3,1) és a td.osszeg.kozep (0,2,1);
   ezeket csak náluk erősebb szelektorral lehet jobbra zárni — így esik egybe az adatsor és az összegző sor. */
table.szallitasi_tablazat td.szszoveg.osszeg.kozep,
table.szallitasi_tablazat td.szszoveg.osszeg,
table.szallitasi_tablazat td.osszeg.kozep,
table.szallitasi_tablazat td.osszeg,
table.szallitasi_tablazat td.kozep:not(:first-child),
table.szallitasi_tablazat th.kozep:not(:first-child) { text-align: right; }
table.szallitasi_tablazat td.szszoveg.kozep.keskeny, table.szallitasi_tablazat td:first-child, table.szallitasi_tablazat th:first-child { text-align: left; }
/* nyereség zöld / veszteség piros — a régi .green/.red jelentése, az arculat színeivel */
table.szallitasi_tablazat td.green, table.szallitasi_tablazat td.szszoveg.green, table.szallitasi_tablazat td.osszeg.green, table.szallitasi_tablazat td.green b { color: var(--zold); }
table.szallitasi_tablazat td.red, table.szallitasi_tablazat td.szszoveg.red, table.szallitasi_tablazat td.osszeg.red, table.szallitasi_tablazat td.red b { color: var(--piros); }
table.szallitasi_tablazat td.green span.kisbetu, table.szallitasi_tablazat td.red span.kisbetu { color: var(--szoveg-3); }

/* ---------------------------------------------------------------- jQuery UI datepicker: narancs fejléc, 4 px sarok */
.ui-widget { font-family: var(--betu) !important; font-size: 12px !important; }
.ui-widget-content { border-color: var(--kartya-keret) !important; border-radius: var(--r) !important; }
.ui-widget-header { background: var(--narancs) !important; border-color: var(--narancs-sotet) !important; color: #fff !important; border-radius: var(--r) var(--r) 0 0 !important; }
.ui-state-default, .ui-widget-content .ui-state-default { background: #fff !important; border-color: var(--sorvonal) !important; color: var(--szoveg) !important; border-radius: var(--r-kicsi) !important; }
.ui-state-hover, .ui-widget-content .ui-state-hover { background: var(--hover-krem) !important; border-color: var(--info-keret) !important; color: var(--szoveg) !important; }
.ui-state-active, .ui-widget-content .ui-state-active { background: var(--narancs) !important; border-color: var(--narancs-sotet) !important; color: #fff !important; }
/* v2.5: a MAI nap (ui-state-highlight) -- az 1.x-es .ui-state-default !important szabaly kioltotta a tema sarga kiemeleset,
   igy a mai nap semmiben nem kulonbozott a tobbitol. Most: krem hatter, narancs keret (1px + belso 1px arnyek = 2px gyuru,
   elrendezes-eltolodas nelkul), felkover narancs szam. A kivalasztott nap (ui-state-active) erosebb: narancs alap, feher felkover. */
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-datepicker td a.ui-state-highlight { background: var(--hover-krem) !important; border-color: var(--narancs) !important; box-shadow: inset 0 0 0 1px var(--narancs) !important; color: var(--narancs-sotet) !important; font-weight: 700 !important; }
.ui-datepicker td a.ui-state-active, .ui-datepicker td a.ui-state-active.ui-state-highlight { background: var(--narancs) !important; border-color: var(--narancs-sotet) !important; box-shadow: none !important; color: #fff !important; font-weight: 700 !important; }
.ui-datepicker td a.ui-state-hover:not(.ui-state-active) { background: var(--hover-krem) !important; border-color: var(--narancs) !important; color: var(--szoveg) !important; }