/* Sajó Autó Group arculat — kék gradient a 2026-os logóból (#0080FF → #00C9FF) */
:root{
  --kek:#0080FF; --cian:#00C9FF; --kek-s:#0068D6;
  --grad:linear-gradient(93deg,#0080FF,#00C9FF);
  --navy:#0A1626; --zold:#0B7A55; --piros:#C2271F;
  --hatter:#F2F6FA; --kartya:#fff; --keret:#DCE5F0; --tinta:#0C1B2E; --halvany:#5C6B80;
  --arnyek:0 1px 2px rgba(12,27,46,.05), 0 10px 28px rgba(12,27,46,.07);
}
*{box-sizing:border-box; margin:0; padding:0;}
body{font-family:"Avenir Next",Avenir,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,
     "Helvetica Neue",Arial,sans-serif;
     background:var(--hatter); color:var(--tinta); line-height:1.5;}
.rejtett{display:none !important;}

.kartya{background:var(--kartya); border:1px solid var(--keret); border-radius:16px;
        padding:26px 28px; max-width:760px; margin:26px auto; box-shadow:var(--arnyek);
        overflow-x:auto;}

/* ---- belépés ---- */
#login-panel{position:fixed; inset:0; display:flex; align-items:center; justify-content:center;
             padding:20px; background:radial-gradient(900px 560px at 50% 28%,
             rgba(0,128,255,.20), transparent 62%), var(--navy);}
.login-doboz{display:flex; flex-direction:column; align-items:center; gap:34px;
             width:100%; max-width:400px;}
.login-logo{width:min(290px,72vw); height:auto;}
#login-panel .kartya{width:100%; margin:0; display:flex; flex-direction:column; gap:14px;}
#login-panel h1{font-size:19px; text-align:center; letter-spacing:.02em; margin-bottom:4px;}
#login-hiba{text-align:center;}

/* ---- űrlap-elemek ---- */
label{display:flex; flex-direction:column; gap:5px; font-weight:600; font-size:14px;}
input,textarea,select{font:inherit; padding:10px 12px; border:1px solid var(--keret);
        border-radius:10px; width:100%; background:#fff; color:var(--tinta);
        transition:border-color .15s, box-shadow .15s;}
input:focus,textarea:focus,select:focus{outline:none; border-color:var(--kek);
        box-shadow:0 0 0 3px rgba(0,128,255,.18);}
textarea{min-height:70px;}

.gomb{font:inherit; font-weight:600; padding:10px 18px; border-radius:10px;
      border:1px solid var(--keret); background:#fff; color:var(--tinta); cursor:pointer;
      transition:border-color .15s, background .15s, box-shadow .15s, filter .15s;}
.gomb:hover{border-color:var(--kek); background:#F0F7FF;}
.gomb:focus-visible{outline:none; box-shadow:0 0 0 3px rgba(0,128,255,.28);}
.gomb:disabled{opacity:.55; cursor:default;}
.gomb.elsodleges{background:var(--grad); border:none; color:#fff; padding:11px 19px;}
.gomb.elsodleges:hover{filter:brightness(1.07); box-shadow:0 4px 14px rgba(0,128,255,.35);}
.gomb.nagy{font-size:17px; padding:15px 20px; width:100%; text-align:left;}
.gomb.aktiv{background:var(--grad); color:#fff; border-color:transparent;}
.hiba{color:var(--piros); font-size:14px;}

/* ---- fejléc ---- */
#fo-nav{display:flex; gap:10px; align-items:center; flex-wrap:wrap; padding:12px 22px;
        background:var(--navy); position:sticky; top:0; z-index:10;
        box-shadow:0 1px 0 rgba(255,255,255,.06), 0 4px 18px rgba(10,22,38,.35);}
.nav-logo{height:30px; width:auto; display:block; margin-right:6px;}
.nav-cim{color:#8FA3BC; font-size:13.5px; letter-spacing:.05em; padding-left:14px;
         margin-right:10px; border-left:1px solid rgba(255,255,255,.16);}
#fo-nav .gomb{background:transparent; border-color:transparent; color:#C9D6E6;}
#fo-nav .gomb:hover{background:rgba(255,255,255,.08); border-color:transparent; color:#fff;}
#fo-nav .gomb.aktiv{background:var(--grad); color:#fff;}
#nav-operator{color:#8FA3BC; font-size:14px;}
.terkitolto{flex:1;}

/* ---- wizard ---- */
.mondando{background:#EDF6FF; border:1px solid #C9E4FF; border-left:3px solid var(--kek);
          border-radius:10px; padding:10px 14px; font-style:italic; margin-bottom:16px;}
small.mondando{display:block; font-size:12.5px; padding:7px 10px; margin:2px 0 4px;
               font-weight:400;}
.fejlec-sor{display:flex; justify-content:space-between; align-items:baseline; gap:10px;
            margin-bottom:14px; padding-bottom:12px; border-bottom:1px solid #EDF2F8;}
.lepescim{font-size:20px; font-weight:700;}
.ido{color:var(--halvany); font-variant-numeric:tabular-nums; font-size:13.5px;
     background:#F1F5FA; border-radius:999px; padding:3px 12px; white-space:nowrap;}
.opcio-lista{display:flex; flex-direction:column; gap:10px;}
.chip-sor{display:flex; flex-wrap:wrap; gap:8px; margin:10px 0;}
.chip{padding:8px 15px; border:1px solid var(--keret); border-radius:999px;
      background:#fff; color:var(--tinta); cursor:pointer; font-weight:600; font-size:14px;
      transition:border-color .15s, background .15s, color .15s;}
.chip:hover{border-color:var(--kek);}
.chip:focus-visible{outline:none; box-shadow:0 0 0 3px rgba(0,128,255,.28);}
.chip.aktiv{background:var(--grad); color:#fff; border-color:transparent;}
.kiskapu{font-size:13px; color:var(--halvany); background:none; border:none;
         text-decoration:underline; cursor:pointer; align-self:flex-start;}
.kiskapu:hover{color:var(--kek);}
.checklist-tetel{display:flex; align-items:center; gap:10px; padding:11px 0;
                 border-bottom:1px solid #EDF2F8; flex-wrap:wrap;}
.checklist-tetel .cimke{flex:1; min-width:180px; font-weight:600;}
.checklist-tetel .tetel-mondando{flex-basis:100%; font-size:13px; color:var(--halvany);
                                 font-style:italic;}
.lablec-gombok{display:flex; gap:10px; margin-top:22px;}
.lablec-gombok .terkitolto{flex:1;}

/* ---- lista ---- */
table{width:100%; border-collapse:collapse; font-size:14px;}
th{text-align:left; padding:8px 10px; border-bottom:1px solid var(--keret);
   font-size:11.5px; text-transform:uppercase; letter-spacing:.07em; color:var(--halvany);}
td{text-align:left; padding:10px; border-bottom:1px solid #EDF2F8;}
tr.kattinthato{cursor:pointer;}
tr.kattinthato:hover{background:#F2F8FF;}
.badge{display:inline-block; font-size:12px; font-weight:700; border-radius:999px;
       padding:3px 11px; white-space:nowrap;}
.badge.uj{background:#E7F3FF; color:#0072E6;}
.badge.ajanlat_keszul{background:#FFF4E0; color:#B45309;}
.badge.visszahivando{background:#FDECEC; color:var(--piros);}
.badge.lezart{background:#E8F7F0; color:var(--zold);}
.szuro-sor{display:flex; gap:8px; flex-wrap:wrap; margin-bottom:14px; align-items:center;}
.szuro-sor input,.szuro-sor select{width:auto;}
.stat-sor{color:var(--halvany); font-size:14px; margin-bottom:10px;}
.osszefoglalo-tabla td:first-child{font-weight:600; color:var(--halvany); width:220px;}

/* ---- mobil ---- */
@media (max-width:640px){
  .kartya{padding:18px 16px; margin:14px auto; border-radius:14px;}
  #fo-nav{padding:10px 14px; gap:6px;}
  .nav-cim{display:none;}
  .nav-logo{height:26px;}
  .osszefoglalo-tabla td:first-child{width:130px;}
}