/* responsive.css – generated split */

/* --- Mobile nav visibility --- */
@media (max-width: 768px){
  .nav .nav-links{ display:none; }
  .hamburger{ display:inline-flex; }
  .logo img{ max-height:48px; }
  .container.nav{ min-height:72px; }
}

/* --- Menu overlay --- */
.menu-overlay{
  position: fixed; inset: 0; background: rgba(0,0,0,.5);
  display: none; z-index: 4000;
}
.menu-overlay.open{ display:flex; align-items:center; justify-content:center; }
.menu-panel{
  background: var(--surface); width: min(90vw, 420px); max-height: 80vh;
  border-radius: var(--radius); padding: 20px; box-shadow: var(--shadow);
}
.menu-panel .close{ display:inline-flex; gap:8px; align-items:center; border:0; background:#eef2ff; padding:8px 12px; border-radius:12px; cursor:pointer; }
.menu-panel ul{ list-style:none; padding:0; margin:16px 0 0 0; display:grid; gap:10px; }
.menu-panel a{ display:block; padding:10px 12px; border-radius:12px; color:var(--ink); text-decoration:none; }
.menu-panel a:hover{ background:#f3f4f6; }

/* --- Adatkezelés page mobile tweaks --- */
@media (max-width: 480px){
  .section .card { padding: 16px; }
  .section-title { font-size: 1.6rem; }
  .table-wrap table { font-size: 14px; }
  .table-wrap th, .table-wrap td { white-space: normal; }
}