/* assets/style.css */
:root {
  --bg: #0f172a;
  --bg-card: #111827;
  --accent: #38bdf8;

  /* <<< TEXTO BRANCO >>> */
  --text: #ffffff;
  --muted: #e5e7eb;
}

body {
  background: radial-gradient(circle at top left, rgba(56,189,248,0.2), transparent 50%), 
              radial-gradient(circle at bottom right, rgba(56,189,248,0.15), transparent 55%),
              var(--bg);
  color: var(--text);
  min-height: 100vh;
}

/* Navbar */
.navbar,
.navbar * {
  color: #ffffff !important;
}

.navbar-brand img {
  height: 36px;
}

/* Cards */
.card {
  background-color: var(--bg-card) !important;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.card-title {
  color: #ffffff !important;
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.card-value {
  font-size: 1.4rem;
  font-weight: 600;
  color: #ffffff !important;
}

/* Tabelas */
.table {
  color: #ffffff !important;
}

.table thead th {
  color: #ffffff !important;
  border-bottom-color: rgba(255,255,255,0.3);
}

.badge-status {
  background: rgba(255,255,255,0.15);
  color: #ffffff !important;
  font-size: 0.75rem;
  text-transform: uppercase;
}

/* Textos gerais */
.text-muted {
  color: #d1d5db !important;
}

/* Inputs e labels */
input, label, .form-label, .alert {
  color: #ffffff !important;
}

input,
.form-control {
  background: #1e293b !important;
  border: 1px solid rgba(255,255,255,0.2) !important;
  color: #ffffff !important;
}

input::placeholder {
  color: #cbd5e1 !important;
}

/* Botões */
.btn-primary {
  background: var(--accent) !important;
  border: none !important;
}

.btn-outline-light {
  border-color: #ffffff !important;
  color: #ffffff !important;
}

/* Scrollbar mais bonito */
::-webkit-scrollbar {
  width: 7px;
}

::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,0.3);
  border-radius: 10px;
}