:root{
  --bg:#f6f7fb; --text:#21262d; --muted:#667085; --line:#e6e8ef;
  --card-bg:#fff; --primary:#2563eb; --danger:#dc2626; --ok:#15803d;
  --radius:14px;
  --pad:16px;
  --shadow:0 2px 6px rgba(16,24,40,.05),0 1px 2px rgba(16,24,40,.04);
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--text);font:14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
a{color:#1d4ed8;text-decoration:none}
a:hover{text-decoration:underline}
.muted{color:var(--muted)}

.card{
  background:var(--card-bg);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:var(--pad);
  margin:12px 0;
  box-shadow:var(--shadow);
  width:100%;            /* <<< fontos: teljes szélesség */
  max-width:none;        /* <<< nincs limit */
}

/* konténerek a tartalmi oldalakhoz */
.container{padding:18px 24px; margin:0; max-width:none}

/* űrlapok */
label{display:block;margin:10px 0 6px;font-weight:600}
input[type="text"],input[type="email"],input[type="password"],input[type="number"],textarea,select{
  width:100%; display:block; padding:10px 12px; border:1px solid #d1d5db; border-radius:10px;
  background:#fff; outline:none;
}
input:focus,textarea:focus,select:focus{border-color:#94a3b8; box-shadow:0 0 0 3px rgba(148,163,184,.25)}
textarea{resize:vertical}

button{
  display:inline-block; padding:10px 14px; border-radius:999px; border:1px solid #cbd5e1;
  background:#f3f4f6; cursor:pointer; font-weight:600
}
button:hover{background:#eef}
button.primary{background:var(--primary); color:#fff; border-color:#1e40af}
button.primary:hover{filter:brightness(.97)}
button.danger{background:var(--danger); color:#fff; border-color:#b91c1c}
button.ok{background:var(--ok); color:#fff; border-color:#166534}

/* jelzések */
.alert{padding:10px 12px;border-radius:10px;border:1px solid #d1d5db;background:#fff;margin:10px 0}
.alert.ok{border-color:#a7f3d0;background:#ecfdf5;color:#065f46}
.alert.error{border-color:#fecaca;background:#fef2f2;color:#991b1b}
.hidden-row td{background:#fff7d6;color:#5b4c12}


/* táblák alap */
table{width:100%;border-collapse:collapse}
th,td{padding:8px;border-bottom:1px solid var(--line);text-align:left}

/* kisebb képernyők */
@media (max-width:840px){
  .container{padding:14px}
  .card{padding:14px}
}

/* szabad checkbox az urlapon */
.small-check{
    display:flex;
    align-items:center;       /* függőlegesen középre */
    justify-content:center;   /* vízszintesen középre */
}