:root{
  --bg0:#0b1020;
  --bg1:#0e1630;
  --bg2:#121c3b;

  --card:rgba(255,255,255,.06);
  --card2:rgba(255,255,255,.09);
  --border:rgba(255,255,255,.12);

  --text:#eaf0ff;
  --muted:rgba(234,240,255,.74);
  --muted2:rgba(234,240,255,.56);

  --link:#25e6ff;
  --nova:#7c5cff;
  --nova2:#25e6ff;

  --good:#3dffb5;
  --warn:#ffd36a;
  --bad:#ff5c7a;
  --danger:#ff5c7a;
  --success:#3dffb5;

  --shadow:0 18px 44px rgba(0,0,0,.35);
}

/* Fondo y texto base */
html, body{
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
  background: var(--bg0) !important;
  color: var(--text) !important;
}

/* Aurora / neon (Ethernova) */
body.skin-purple{
  background: radial-gradient(1000px 600px at 18% 10%, rgba(124, 92, 255, 0.22), transparent 60%),
              radial-gradient(900px 520px at 82% 12%, rgba(37, 230, 255, 0.16), transparent 62%),
              linear-gradient(180deg, var(--bg0), var(--bg1)) !important;
  color: var(--text) !important;
}

/* Evitar “texto lavadito” */
p, span, div, td, th, li, label{
  color: inherit;
}

/* Títulos (muchos vienen oscuros por el tema base) */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
  color: var(--text) !important;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small{
  color: var(--muted) !important;
}
strong, b{
  color: inherit;
}

/* Links */
a, a:visited{
  color: var(--link) !important;
}
a:hover{
  filter: brightness(1.15);
  text-decoration: none;
}

/* Navbar / headers */
.navbar, .main-index-header, .main-header{
  background: rgba(11, 16, 32, 0.72) !important;
  border-bottom: 1px solid var(--border) !important;
  backdrop-filter: blur(10px);
}

.brand-mark{
  width: 20px;
  height: 20px;
  margin-right: 10px;
  vertical-align: -4px;
}

.header-text .header-sub{
  margin-left: 10px;
  color: var(--muted) !important;
  font-weight: 500;
}

/* Layout AdminLTE (evita wrapper/content-wrapper blancos) */
.wrapper, .content-wrapper, .left-side, .content, .main-index, .main-pool{
  background: transparent !important;
  color: var(--text) !important;
}

.main-footer, .main-index-footer{
  background: rgba(11, 16, 32, 0.72) !important;
  border-top: 1px solid var(--border) !important;
  color: var(--muted) !important;
}

.content-header h1, .content-header h1 small{
  color: var(--text) !important;
}

/* Hero */
.hero-brand{
  display: flex;
  justify-content: center;
  margin: 4px 0 14px;
}

.hero-logo{
  width: min(520px, 100%);
  height: auto;
  filter: drop-shadow(0 16px 36px rgba(0, 0, 0, 0.35));
}

/* Cards / panels / boxes */
.card, .card-panel, .panel, .panel-body, .panel-footer, .well, .box, .content-box, .modal-content,
.collection, .collection-item, .list-group, .list-group-item, .info-box, .small-box{
  background: var(--card) !important;
  border: 1px solid var(--border) !important;
  color: var(--text) !important;
  box-shadow: var(--shadow) !important;
  backdrop-filter: blur(10px);
}

.card .card-body, .card .card-footer, .box .box-body, .box .box-footer, .panel .panel-body, .panel .panel-footer{
  background: transparent !important;
  color: var(--text) !important;
}

.card-body, .card-footer, .box-body, .box-footer{
  color: var(--text) !important;
}

.card, .box, .small-box, .modal-content, .info-box{
  border-radius: 16px !important;
}

/* Headers (Pool Coins, Wallet Address) */
.card-title, .panel-heading, .collection-header, .card .header, .panel .header{
  color: var(--text) !important;
}

.card-header, .panel-heading, .box-header{
  color: var(--text) !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
}

.card-header[class*="bg-"], .panel-heading[class*="bg-"], .box-header[class*="bg-"]{
  background: linear-gradient(90deg, rgba(124,92,255,.28), rgba(37,230,255,.12)) !important;
  color: var(--text) !important;
}

.card-header:not([class*="bg-"]), .panel-heading:not([class*="bg-"]), .box-header:not([class*="bg-"]){
  background: rgba(0,0,0,.18) !important;
}

/* Evitar bg-light blanco en headers/tablas */
.bg-light, .card-header.bg-light, table thead.bg-light, .table thead.bg-light, thead.bg-light{
  background: rgba(0,0,0,.18) !important;
  color: var(--muted) !important;
}

/* Texto secundario */
.small, small, .muted, .text-muted, .grey-text, .secondary-content, .hint, .help-text, .card-category{
  color: var(--muted) !important;
}

/* Tablas / listas */
table, .table{
  color: var(--text) !important;
  background: transparent !important;
}

table thead th, .table thead th{
  color: var(--muted) !important;
  background: rgba(0,0,0,.18) !important;
  border-color: var(--border) !important;
}

table td, table th, .table td, .table th{
  border-color: var(--border) !important;
  background: transparent !important;
}

.table-striped tbody tr:nth-of-type(odd){
  background-color: rgba(255, 255, 255, 0.03) !important;
}

.table-striped tbody tr:nth-of-type(even){
  background-color: rgba(0, 0, 0, 0.10) !important;
}

table tbody tr:hover, .table tbody tr:hover, .table-hover tbody tr:hover{
  background: var(--card2) !important;
}

#pool-coins tr{
  border-top-color: var(--border) !important;
}

.table-responsive{
  background: rgba(0,0,0,.10) !important;
  border: 1px solid var(--border) !important;
  border-radius: 16px !important;
}

.table-responsive > .table{
  margin-bottom: 0 !important;
}

/* Badges / esfuerzo */
.badge, .label{
  border-radius: 999px !important;
}

.badge-confirm{
  background: rgba(37, 230, 255, 0.12) !important;
  border: 1px solid rgba(37, 230, 255, 0.28) !important;
  color: var(--text) !important;
  font-weight: 700;
}

.effort1{ color: var(--success) !important; font-weight: 700; }
.effort2{ color: #a3e635 !important; font-weight: 700; }
.effort3{ color: var(--warn) !important; font-weight: 750; }
.effort4{ color: var(--danger) !important; font-weight: 800; }

/* Inputs / placeholders (Wallet Address etc.) */
input, textarea, select, .form-control{
  background: rgba(0,0,0,.25) !important;
  color: var(--text) !important;
  border-color: var(--border) !important;
  border-radius: 12px !important;
}

input:focus, textarea:focus, select:focus, .form-control:focus{
  outline: none !important;
  border-color: rgba(37,230,255,.45) !important;
  box-shadow: 0 0 0 3px rgba(37,230,255,.12) !important;
}

input::placeholder, textarea::placeholder{
  color: var(--muted2) !important;
}

input[disabled], textarea[disabled], select[disabled], .form-control[disabled]{
  opacity: .70;
}

label{
  color: var(--muted) !important;
}

/* Botones */
.btn, button, input[type="submit"]{
  background: rgba(124,92,255,.20) !important;
  border: 1px solid rgba(124,92,255,.35) !important;
  color: var(--text) !important;
}

.btn:hover, button:hover{
  background: rgba(124,92,255,.28) !important;
}

.btn-primary{
  background: rgba(37,230,255,.14) !important;
  border-color: rgba(37,230,255,.34) !important;
}
.btn-success{
  background: rgba(61,255,181,.14) !important;
  border-color: rgba(61,255,181,.34) !important;
}
.btn-danger{
  background: rgba(255,92,122,.14) !important;
  border-color: rgba(255,92,122,.34) !important;
}

/* Alerts (incluye fallbacks de API en tablas) */
.alert{
  border-radius: 14px !important;
  border: 1px solid var(--border) !important;
  color: var(--text) !important;
}
.alert-warning{
  background: rgba(255, 211, 106, 0.10) !important;
  border-color: rgba(255, 211, 106, 0.22) !important;
}
.alert-danger{
  background: rgba(255, 92, 122, 0.10) !important;
  border-color: rgba(255, 92, 122, 0.22) !important;
}
.alert-success{
  background: rgba(61, 255, 181, 0.10) !important;
  border-color: rgba(61, 255, 181, 0.22) !important;
}

/* Sidebar */
.sidebar-template .logo, .main-sidebar, .sidebar{
  background: rgba(11, 16, 32, 0.72) !important;
  border-right: 1px solid var(--border) !important;
  backdrop-filter: blur(10px);
}

.sidebar-menu li a, .sidebar-menu li span{
  color: var(--text) !important;
}

.sidebar-menu li.active > a{
  background: rgba(37, 230, 255, 0.12) !important;
  border-left: 3px solid rgba(37, 230, 255, 0.55) !important;
}

.sidebar-menu li a:hover{
  background: rgba(124, 92, 255, 0.16) !important;
}

/* Code blocks */
code, pre{
  color: var(--text) !important;
}

pre{
  background: rgba(0,0,0,.25) !important;
  border: 1px solid var(--border) !important;
}

hr{
  border-top: 1px solid var(--border) !important;
}

/* Quitar sombras raras si estaban lavando el texto */
*{ text-shadow: none !important; }

@media (max-width: 767px){
  .table, table{
    font-size: 14px;
  }
}