/* === THEME DARK PRO — WebSystem Provider === */
:root {
  --bg-main: #0a0a0a;
  --bg-secondary: #121212;
  --bg-box: #080e11;
  --border-color: #2a2a2a;
  --text-primary: #e5e5e5;
  --text-muted: #9ca3af;
  --accent: #2563eb;
  --accent-hover: #1d4ed8;
  --danger: #dc2626;
  --success: #22c55e;
  --warning: #eab308;
}

/* Base */
body, .content-wrapper, .main-sidebar, .main-footer {
  background-color: #0c1319 !important;
  color: var(--text-primary);
  font-family: "Inter", "Segoe UI", sans-serif;
}

a { color: var(--accent); transition: .2s; }
a:hover {color: #02cef1;}

/* Header / Navbar */
.main-header, .navbar {
  background-color: #111e23 !important;
  border-bottom: 1px solid var(--border-color);
}
.navbar a { color: var(--text-primary) !important; }
.navbar a:hover { color: var(--accent) !important; }

/* Sidebar */
.main-sidebar {
  background-color: var(--bg-secondary) !important;
  box-shadow: inset -1px 0 0 var(--border-color);
}
.sidebar-menu > li > a {
  color: var(--text-muted);
  border-left: 3px solid transparent;
  transition: all 0.3s;
}
.sidebar-menu > li.active > a,
.sidebar-menu > li:hover > a {
  color: #fff !important;
  background-color: var(--bg-box);
  border-left-color: var(--accent);
}

/* Boxes e Cards */
.box, .card {
  background: var(--bg-box) !important;
  border: 1px solid var(--border-color);
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.6);
  transition: transform .2s ease, box-shadow .2s ease;
}
.box:hover, .card:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 16px rgba(0,0,0,0.7);
}
.box-header { border-bottom: 1px solid var(--border-color); color: #fff; }

/* Botões */
.btn-primary {
  background-color: var(--accent);
  border-color: var(--accent-hover);
  color: #fff;
}
.btn-primary:hover { background-color: var(--accent-hover); }

/* Tabelas */
.table {
  background-color: var(--bg-box);
  color: var(--text-primary);
  border-color: var(--border-color);
}
.table > thead > tr > th {
  background-color: #1f2937;
  color: #fff;
  border-color: var(--border-color);
}

/* Footer */
.main-footer {
  background-color: var(--bg-secondary);
  border-top: 1px solid var(--border-color);
  color: var(--text-muted);
}

/* Status */
.text-success { color: var(--success) !important; }
.text-danger  { color: var(--danger) !important; }
.text-warning { color: var(--warning) !important; }

/* Scrollbar (dark elegante) */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb {
  background: #2b2b2b;
  border-radius: 6px;
}
::-webkit-scrollbar-thumb:hover { background: #3b3b3b; }


/* ====== Tabelas - Dark Neon (remover branco opaco) ====== */

/* Zera fundos herdados */
.box .table,
.box .table tbody tr,
.box .table tbody tr td {
background: transparent !important;
}

/* Células com leve transparência (contraste sutil) */
.box .table tbody tr td {
background-color: rgba(255, 255, 255, 0.04) !important; /* ~4% */
border-color: rgba(255, 255, 255, 0.08) !important;
color: #e6eef2 !important;
}

/* Hover com um pouco mais de destaque */
.box .table-hover > tbody > tr:hover,
.box .table-hover > tbody > tr:hover > td {
background-color: rgb(11 35 41) !important; /* ~10% */
}

/* Título da tabela (thead) dark */
.box .table > thead > tr > th {
background: #0f1418 !important;
color: #cfe6ee !important;
border-color: rgba(255, 255, 255, 0.08) !important;
}

/* Se alguém colocou opacity em tr/td em algum lugar, neutraliza */
.box .table tbody tr,
.box .table tbody tr td,
.box .table tbody tr th {
opacity: 1 !important;
}

/* Se você tiver .table-striped, controla as ímpares também */
.box .table.table-striped > tbody > tr:nth-of-type(odd) > td {
background-color: rgba(255, 255, 255, 0.03) !important;
}