/* ZTR UI Lite — sem imagens (bem leve) */
:root {
  --ztr-bg: #0b1420;
  --ztr-surface: #0f1c2a;
  --ztr-border: rgba(255,255,255,0.08);
  --ztr-primary: #0d6efd;
  --ztr-primary-600: #0b5ed7;
  --ztr-primary-glow: rgba(13,110,253,.28);
  --ztr-text: #cfe4ff;
  --ztr-muted: #8aa3bf;
  --ztr-radius: 16px;
  --ztr-shadow: 0 10px 30px rgba(0,0,0,.35);
}
html[data-theme="gold"] {
  --ztr-bg: #0a0a0b;
  --ztr-surface: #111214;
  --ztr-border: rgba(255,255,255,0.06);
  --ztr-primary: #d4af37;
  --ztr-primary-600: #b9961f;
  --ztr-primary-glow: rgba(212,175,55,.22);
  --ztr-text: #f2e9c0;
  --ztr-muted: #b9a977;
}
body {
  background:
    radial-gradient(1000px 520px at 80% -10%, var(--ztr-primary-glow), transparent 60%),
    linear-gradient(180deg, var(--ztr-bg) 0%, #070b12 85%);
  color: var(--ztr-text);
}
.sidebar {
  background:
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01)),
    var(--ztr-surface);
  border-right: 1px solid var(--ztr-border);
  backdrop-filter: blur(6px);
}
.card {
  background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01)),
              var(--ztr-surface);
  border: 1px solid var(--ztr-border);
  border-radius: var(--ztr-radius);
  box-shadow: var(--ztr-shadow);
}
.btn-primary {
  background: linear-gradient(180deg, var(--ztr-primary), var(--ztr-primary-600));
  border: 1px solid var(--ztr-primary-600);
  box-shadow: 0 6px 20px var(--ztr-primary-glow);
}
.form-control, .form-select {
  background-color: #0c1622;
  border: 1px solid var(--ztr-border);
  color: #dbe9ff; border-radius: 12px;
}
.form-control:focus, .form-select:focus {
  border-color: var(--ztr-primary);
  box-shadow: 0 0 0 0.2rem rgba(13,110,253,.15);
}
.table { color: var(--ztr-text); }
.table thead th { border-bottom: 1px solid var(--ztr-border); color:#fff; }
.table-hover tbody tr:hover { background: rgba(255,255,255,.03); }

/* Login sem imagem */
.login-bg {
  min-height: 100vh;
  display:flex; align-items:center; justify-content:center;
  background:
    radial-gradient(1200px 620px at 80% -10%, var(--ztr-primary-glow), transparent 55%),
    radial-gradient(800px 400px at 0% 120%, rgba(255,255,255,.06), transparent 60%),
    linear-gradient(180deg, var(--ztr-bg), #05080c 85%);
}
.login-card {
  width:100%; max-width: 440px; padding: 28px;
  background: rgba(10, 15, 24, .78);
  border: 1px solid var(--ztr-border);
  border-radius: 20px; box-shadow: 0 20px 60px rgba(0,0,0,.45);
  backdrop-filter: blur(6px);
}
.brand-mini { display:flex; align-items:center; gap:.6rem; margin-bottom: .6rem; font-weight: 700; color:#fff; }
.brand-dot { width:10px;height:10px;border-radius:50%; background: var(--ztr-primary); box-shadow: 0 0 12px var(--ztr-primary); }