: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%;
}

/* konténerek a tartalmi oldalakhoz */
.container{padding:18px 24px; margin:0}
h1,h2,h3{margin:0 0 12px}

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

button,.btn{
  display:inline-block; padding:10px 14px; border-radius:999px; border:1px solid #cbd5e1;
  background:#f3f4f6; cursor:pointer; font-weight:600; font:inherit; font-weight:600; color:var(--text)
}
button:hover,.btn:hover{background:#eef;text-decoration:none}
button.primary,.btn.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}
button.sm,.btn.sm{padding:5px 10px;font-size:13px}

/* 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}

.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600;background:#e2e8f0;color:#334155}
.badge.ok{background:#dcfce7;color:#166534}
.badge.off{background:#fee2e2;color:#991b1b}
.badge.admin{background:#dbeafe;color:#1e40af}

/* táblák alap */
table{width:100%;border-collapse:collapse}
th,td{padding:8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.table-wrap{overflow-x:auto}

.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.row-actions{display:flex;gap:6px;flex-wrap:wrap}
.toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}

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