
/* === Fux Brasil dark theme overrides === */
:root {
  --brand-green: #12C243;
  --bg: #000000;
  --text: #FFFFFF;
  --muted: #B9B9B9;
  --card: #0D0D0D;
  --border: #1E1E1E;
}

html, body {
  background: var(--bg) !important;
  color: var(--text) !important;
}

a, a:focus, a:active {
  color: var(--brand-green) !important;
  text-decoration: none;
}
a:hover { color: #3DFF7A !important; }

/* Buttons */
.btn, .btn-primary, .btn-success, .btn-info {
  background: var(--brand-green) !important;
  border-color: var(--brand-green) !important;
  color: #000 !important;
  font-weight: 600;
}
.btn-outline-primary, .btn-outline-success, .btn-outline-info {
  color: var(--brand-green) !important;
  border-color: var(--brand-green) !important;
}
.btn-outline-primary:hover, .btn-outline-success:hover, .btn-outline-info:hover {
  background: var(--brand-green) !important;
  color: #000 !important;
}

/* Forms */
.form-control, .custom-select, .form-select {
  background: #101010 !important;
  color: var(--text) !important;
  border: 1px solid var(--border) !important;
}
.form-control::placeholder { color: var(--muted) !important; }
.form-control:focus {
  border-color: var(--brand-green) !important;
  box-shadow: 0 0 0 .2rem rgba(18,194,67,.25) !important;
}

/* Cards / Modals / Dropdowns / Tables */
.card, .modal-content, .dropdown-menu, .list-group-item, .table {
  background: var(--card) !important;
  color: var(--text) !important;
  border-color: var(--border) !important;
}
.table thead th {
  color: var(--text) !important;
  border-bottom-color: var(--border) !important;
}
.table-striped tbody tr:nth-of-type(odd) { background: #0B0B0B !important; }

/* Navbar / Sidebar */
.navbar, .navbar-nav, .sidebar, .bg-light {
  background: #000 !important;
  color: var(--text) !important;
}
.navbar a, .navbar .nav-link { color: var(--text) !important; }
.navbar .nav-link.active, .navbar .nav-link:hover { color: var(--brand-green) !important; }

/* Badges & alerts */
.badge-primary, .bg-primary, .alert-primary {
  background: var(--brand-green) !important;
  border-color: var(--brand-green) !important;
  color: #000 !important;
}
.text-muted { color: var(--muted) !important; }

/* Particles or canvases should not invert */
canvas { background: transparent !important; }

/* Footer */
footer, .footer { color: var(--muted) !important; }

/* --- Panel-specific overrides to kill old purple theme --- */
#particles-js { background: transparent !important; }
.navbar, .navbar-dark { background:#000 !important; }
.sidebar .sidebar-heading { color:#fff !important; }
.sidebar .list-group-item {
  background:#000 !important;
  color:#fff !important;
  border:1px solid var(--border) !important;
  border-radius:12px !important;
  margin-bottom:10px !important;
}
.sidebar .list-group-item:hover,
.sidebar .list-group-item:focus,
.sidebar .list-group-item.active {
  border-color: var(--brand-green) !important;
  box-shadow: 0 0 0 2px var(--brand-green) inset !important;
  color:#fff !important;
}
#menu-toggle.btn.btn-primary { 
  background: var(--brand-green) !important; 
  border-color: var(--brand-green) !important;
  color:#000 !important;
}
.card, .modal-content { border-radius:12px !important; }

/* === Remove residual blue backgrounds and unify cards/alerts === */
.card { background:#0D0D0D !important; color:#FFF !important; }
.card-header { background:#0B0B0B !important; color:#FFF !important; border-bottom:1px solid var(--border) !important; }
.card-footer { background:#0B0B0B !important; color:#FFF !important; border-top:1px solid var(--border) !important; }

/* Alerts: keep dark with green accent */
.alert, .alert-primary, .alert-info, .alert-success, .alert-warning, .alert-danger {
  background:#0B0B0B !important;
  color:#FFF !important;
  border:1px solid var(--border) !important;
  border-left:4px solid var(--brand-green) !important;
}

/* Any bootstrap bg-* used as block backgrounds (not buttons) -> dark */
.bg-primary:not(.btn), .bg-info:not(.btn), .bg-success:not(.btn), .bg-warning:not(.btn), .bg-danger:not(.btn), .bg-light:not(.btn) {
  background:#0B0B0B !important; color:#FFF !important;
}

/* .text-primary/.text-info to brand green to avoid blue text */
.text-primary, .text-info { color: var(--brand-green) !important; }

/* Inputs in cards stay dark */
.card .form-control { background:#101010 !important; color:#FFF !important; border:1px solid var(--border) !important; }

/* Ensure banner/info bar text is white */
.alert, .alert *,
.bg-info:not(.btn), .bg-info *,
.bg-primary:not(.btn), .bg-primary *,
.card-header, .card-header * {
  color: #FFFFFF !important;
}
