:root{--bg:#0b0c10;--card:#111318;--muted:#9aa3af;--text:#e5e7eb;--accent:#f79321;--ok:#22c55e;--warn:#f59e0b}
*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:linear-gradient(180deg,#0b0c10,#111318);color:var(--text);font:15px/1.5 system-ui,Inter,Segoe UI,Roboto,Arial}
a{color:var(--text);text-decoration:none}
.container{max-width:1100px;margin:0 auto;padding:20px}
.nav{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.06)}
.nav .brand{font-weight:800;letter-spacing:.4px}
.nav .tabs a{padding:8px 12px;border-radius:10px;color:#d1d5db}
.nav .tabs a.active{background:rgba(255,255,255,.08);color:#fff}
.grid{display:grid;gap:16px}
.grid.cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.card{background:linear-gradient(180deg,#141821,#0f1218);border:1px solid rgba(255,255,255,.06);border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.25);padding:16px}
.h1{font-size:22px;font-weight:800;margin:8px 0 14px}
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:10px;border-bottom:1px solid rgba(255,255,255,.06)}
.table th{color:#cbd5e1;text-align:left}
.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.08);font-weight:600}
.badge.ok{background:rgba(34,197,94,.15);color:#7ee39f}
.badge.warn{background:rgba(245,158,11,.15);color:#f7c989}
.field{margin:12px 0}
.field label{display:block;margin-bottom:6px;color:#cbd5e1;font-weight:600}
input[type=text],input[type=number],input[type=password],input[type=date],textarea,select{width:100%;padding:10px 12px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#0d1016;color:#e5e7eb;outline:none}
input:focus,textarea:focus,select:focus{border-color:#475569;box-shadow:0 0 0 3px rgba(71,85,105,.35)}
.actions{display:flex;gap:10px;justify-content:flex-end;margin-top:14px}
.btn{border:0;border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer;background:#1f2937;color:#e5e7eb}
.btn-primary{background:linear-gradient(180deg,#fbbf24,#f79321);color:#111827}
.btn-danger{background:#ef4444}
.muted{color:var(--muted)}
hr.sep{border:0;border-top:1px solid rgba(255,255,255,.08);margin:16px 0}
.footer{text-align:center;color:#94a3b8;font-size:12px;margin:20px 0}
.alert{background:#332b00;color:#ffd86a;padding:10px 12px;border-radius:10px;margin-bottom:12px;border:1px solid #5a4700}

/* --- Verwijderen overal rood --- */
.btn-danger,
.actions a[href*="/delete"],
.actions form[action*="/delete"] .btn,
.table a[href*="/delete"],
.table form[action*="/delete"] .btn,
a.btn[href*="/delete"],
button[name*="delete"],
button[data-action*="delete"],
button[data-delete],
input[type="submit"][value*="Verwijder"],
input[type="submit"][value*="verwijderen"] {
  background: #ef4444 !important;
  color: #fff !important;
  border-color: #ef4444 !important;
}

.btn-danger:hover,
.actions a[href*="/delete"]:hover,
.table a[href*="/delete"]:hover,
a.btn[href*="/delete"]:hover,
input[type="submit"][value*="Verwijder"]:hover,
input[type="submit"][value*="verwijderen"]:hover {
  filter: brightness(0.95);
}

/* --- Verwijderen in tabellijsten altijd rood (alleen de laatste knop in de Acties-cel) --- */
.table td:last-child .btn:last-child,
.table td:last-child a.btn:last-child,
.table td:last-child button:last-child,
.table td:last-child input[type="submit"]:last-child {
  background: #ef4444 !important;
  color: #fff !important;
  border-color: #ef4444 !important;
}

/* hover state */
.table td:last-child .btn:last-child:hover,
.table td:last-child a.btn:last-child:hover,
.table td:last-child button:last-child:hover,
.table td:last-child input[type="submit"]:last-child:hover {
  filter: brightness(0.95);
}