/* BNL Legacy Archief — minimale custom styles bovenop Tailwind */

html, body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #0a1628; }
::-webkit-scrollbar-thumb { background: #1f3a5f; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #2c4d77; }

input, select, textarea {
  background-color: #0f1f3a;
  border: 1px solid #1f3a5f;
  color: #e2e8f0;
}
input:focus, select:focus, textarea:focus {
  outline: none;
  border-color: #00b8d4;
  box-shadow: 0 0 0 1px #00b8d4;
}

.toast {
  background: #162a47;
  border-left: 4px solid #00b8d4;
  color: #e2e8f0;
  padding: 12px 16px;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.4);
  min-width: 240px;
  animation: slidein 0.2s ease-out;
}
.toast.error { border-left-color: #ef4444; }
.toast.success { border-left-color: #22c55e; }

@keyframes slidein {
  from { transform: translateX(20px); opacity: 0; }
  to { transform: translateX(0); opacity: 1; }
}

.badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 0.75rem;
  font-weight: 500;
}
.badge-green  { background: #14532d; color: #86efac; }
.badge-red    { background: #7f1d1d; color: #fca5a5; }
.badge-orange { background: #7c2d12; color: #fdba74; }
.badge-gray   { background: #334155; color: #cbd5e1; }
.badge-blue   { background: #1e3a8a; color: #93c5fd; }

.tab-btn { border-bottom: 2px solid transparent; padding: 8px 14px; cursor: pointer; }
.tab-btn.active { border-color: #00b8d4; color: #00b8d4; }

table.dossier-table th, table.dossier-table td { white-space: nowrap; }