:root {
  --accent:#2f855a; --bg:#f7fafc; --card:#ffffff; --text:#1a202c; --muted:#718096; --danger:#e53e3e;
  /* Tab színek */
  --tab-normal:#32ab63;  --tab-normal-bg:#e9f7ef;
  --tab-mentes:#3aa0f3;  --tab-mentes-bg:#e8f3fe;
  --tab-tizorai:#f59e0b; --tab-tizorai-bg:#fff3e0;
  --tab-text-dark:#0b1117; --tab-border:#cbd5e1;
}

* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--text);
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; }
.container { width:min(1100px,92%); margin:0 auto; padding:1rem; }

.topbar { background:var(--card); border-bottom:1px solid #e2e8f0; }
.topbar h1 { margin:0; padding:.8rem 0; }
.topbar .container { display:flex; align-items:center; justify-content:space-between; } /* << logó és cím egy sorban */

.brand { display:flex; align-items:center; gap:10px; }
.brand-logo { width:50px; height:50px; object-fit:contain; display:block; }
.brand-title { font-weight:700; font-size:18px; margin:0; }

.menu-tabs { display:flex; gap:.5rem; margin:1rem 0; flex-wrap:wrap; }
.menu-tabs a { text-decoration:none; }

.btn { background:var(--accent); color:#fff; border:none; border-radius:8px; padding:.6rem 1rem; cursor:pointer; display:inline-block; }
.card { background:var(--card); border:1px solid #e2e8f0; border-radius:12px; padding:1rem; box-shadow:0 1px 2px rgba(0,0,0,.04); }

table { width:100%; border-collapse:collapse; }
th, td { border:1px solid #e2e8f0; padding:.6rem; text-align:left; vertical-align:top; }
th { background:#f1f5f9; }

.row { display:flex; gap:1rem; flex-wrap:wrap; } .grow { flex:1; }
.toolbar { display:flex; gap:.5rem; flex-wrap:wrap; align-items:center; justify-content:space-between; }
.muted { color:var(--muted); }
.alert { background:#fff5f5; border:1px solid #fed7d7; color:#742a2a; padding:.6rem .8rem; border-radius:6px; }
.footer { color:var(--muted); font-size:.9rem; }

@media (max-width:768px){
  table, tr, td, th { display:block; }
  tr { margin-bottom:.6rem; }
  th { position:sticky; top:0; }
}

/* Tallózás–Import távolság */
input[type="file"], .file-input { margin-right:10px; }
form { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
form.upload { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
input[type="file"] { display:inline-block; margin:0; }

/* Színes fülek a három típusnak */
.menu-tabs .btn-tab{
  display:inline-block; padding:.5rem .8rem; border:1px solid var(--tab-border);
  border-radius:10px; font-weight:600; transition:transform .06s ease, background .15s ease, color .15s ease, border-color .15s ease;
}
.menu-tabs .btn-tab:hover{ transform: translateY(-1px); }

.menu-tabs .btn-normal{ color:var(--tab-normal); }
.menu-tabs .btn-mentes{ color:var(--tab-mentes); }
.menu-tabs .btn-tizorai{ color:var(--tab-tizorai); }

.menu-tabs .btn-normal:hover{ background:var(--tab-normal-bg); border-color:var(--tab-normal); }
.menu-tabs .btn-mentes:hover{ background:var(--tab-mentes-bg); border-color:var(--tab-mentes); }
.menu-tabs .btn-tizorai:hover{ background:var(--tab-tizorai-bg); border-color:var(--tab-tizorai); }

.menu-tabs .btn-tab.active{ color:var(--tab-text-dark); border-color:transparent; }
.menu-tabs .btn-normal.active{ background:var(--tab-normal); }
.menu-tabs .btn-mentes.active{ background:var(--tab-mentes); }
.menu-tabs .btn-tizorai.active{ background:var(--tab-tizorai); } /* << bezárva*
/* --- FEJLÉC LOGÓ + CÍM EGY SORBAN, WRAPPER NÉLKÜL IS --- */
.topbar img.brand-logo{
  width:50px; height:50px; object-fit:contain;
  display:inline-block; vertical-align:middle; margin-right:10px;
}
.topbar h1{ display:inline-block; vertical-align:middle; margin:0; }

/* --- MENÜ TABS: ALAP GOMB STÍLUS MINDEN LINKRE --- */
.menu-tabs a{
  display:inline-block; padding:.5rem .8rem; border:1px solid #cbd5e1;
  border-radius:10px; font-weight:600; text-decoration:none;
  transition:transform .06s ease, background .15s ease, color .15s ease, border-color .15s ease;
}
.menu-tabs a:hover{ transform:translateY(-1px); }

/* Színezés a type paraméter alapján  */
.menu-tabs a[href*="type=normal"]{ color:#32ab63; }
.menu-tabs a[href*="type=normal"]:hover{ background:#e9f7ef; border-color:#32ab63; }

.menu-tabs a[href*="type=mentes"]{ color:#3aa0f3; }
.menu-tabs a[href*="type=mentes"]:hover{ background:#e8f3fe; border-color:#3aa0f3; }

.menu-tabs a[href*="type=tizorai"]{ color:#f59e0b; }
.menu-tabs a[href*="type=tizorai"]:hover{ background:#fff3e0; border-color:#f59e0b; }

/* Aktív (ha a PHP már hozzáadja az 'active' osztályt) */
.menu-tabs a.active{ color:#0b1117; border-color:transparent; }
.menu-tabs a.active[href*="type=normal"]{ background:#32ab63; }
.menu-tabs a.active[href*="type=mentes"]{ background:#3aa0f3; }
.menu-tabs a.active[href*="type=tizorai"]{ background:#f59e0b; }
@media (max-width: 600px){
  .menu-tabs{
    display:flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }
  .menu-tabs a{
    width:100%;
    text-align:center;
  }
}
/* —— NARANCS TÉMA (globálisan) —— */
:root{ --accent:#f59e0b; } /* ha erősebb kell: #ff9800 */

/* Alap gombok */
.btn{
  background:var(--accent);
  color:#fff;
  border:1px solid var(--accent);
  border-radius:10px;
}
.btn:hover{ filter:brightness(1.06); }
.btn:disabled{ opacity:.6; cursor:not-allowed; }

/* Index felső váltó gombok (Normál / Mentes / Tízórai) */
.menu-tabs a,
.menu-tabs .btn-tab,
.menu-tabs .btn-normal,
.menu-tabs .btn-mentes,
.menu-tabs .btn-tizorai{
  display:inline-block;
  padding:.5rem .8rem;
  background:var(--accent);
  color:#fff !important;
  border:1px solid var(--accent);
  border-radius:10px;
  text-decoration:none;
  font-weight:600;
  transition:filter .15s ease, transform .06s ease;
}
.menu-tabs a:hover,
.menu-tabs .btn-tab:hover{ filter:brightness(1.06); transform:translateY(-1px); }

/* (opcionális) aktív kiemelés */
.menu-tabs a.active,
.menu-tabs .btn-tab.active{
  box-shadow:0 0 0 2px rgba(245,158,11,.25) inset;
}
/* --- MINDEN SZÖVEG FEKETE --- */
:root { --text:#000; }           /* ha használsz --text változót */
body { color:#000; }
a, a:visited { color:#000; }
.muted { color:#555; }            /* halvány szöveg */

/* --- ALAP GOMBOK: narancs háttér + fekete felirat --- */
.btn{
  background:#f59e0b;
  color:#000;
  border:1px solid #f59e0b;
  border-radius:10px;
}
.btn:hover{ filter:brightness(1.06); }

/* --- INDEX felső váltó gombok: fekete felirat, színes keret; aktív: színes háttér + fekete felirat --- */
.menu-tabs a{
  display:inline-block;
  padding:.5rem .8rem;
  border:1px solid #cbd5e1;
  border-radius:10px;
  font-weight:600;
  text-decoration:none;
  background:transparent;
  color:#000 !important;          /* minden tab felirata fekete */
}

/* keretszín típusonként */
.menu-tabs a[href*="type=normal"] { border-color:#32ab63 !important; }
.menu-tabs a[href*="type=mentes"] { border-color:#3aa0f3 !important; }
.menu-tabs a[href*="type=tizorai"]{ border-color:#f59e0b !important; }

/* aktív tab: színes háttér + fekete felirat (jól látható melyik aktív) */
.menu-tabs a.active[href*="type=normal"] { background:#32ab63 !important; color:#000 !important; border-color:#32ab63 !important; }
.menu-tabs a.active[href*="type=mentes"] { background:#3aa0f3 !important; color:#000 !important; border-color:#3aa0f3 !important; }
.menu-tabs a.active[href*="type=tizorai"]{ background:#f59e0b !important; color:#000 !important; border-color:#f59e0b !important; }