/* ═══════════════════════════════════════════════════════════════════
   ImperioBet — Panel admin: acentos BRONCE + HIERRO (2026-10-08)
   ───────────────────────────────────────────────────────────────────
   Va DESPUÉS de admin-panel.css (y en el login, después de su <style>).
   El fondo sigue claro para trabajar con tablas; cambian los acentos
   (oro/azul → bronce) y el sidebar pasa a hierro.
   Para volver atrás: comentar el <link> en layouts/{app,app_modern,auth}
   y en auth/login.blade.php.

   Bronce sobre blanco: #8C5A2B da 5,8:1 (AA). El #B0713A del sitio da
   3,99:1 y no alcanza para texto, por eso acá se usa uno más oscuro.
   ═══════════════════════════════════════════════════════════════════ */

html body.gl-theme {
  --gl-bg:        #F6F3EE;
  --gl-primary:   #8C5A2B;
  --gl-primary-l: #F7EDE2;
  --gl-primary-d: #6B4423;
}
html body.gl-theme.dark {
  --gl-primary:   #D69A5E;
  --gl-primary-l: rgba(176,113,58,.14);
  --gl-primary-d: #B0713A;
}

/* ── Sidebar de hierro (modo claro) ───────────────────────────────── */
html body.gl-theme #main-sidebar {
  background:
    repeating-linear-gradient(90deg, rgba(255,255,255,.015) 0 1px, transparent 1px 3px),
    linear-gradient(180deg, #1D2024 0%, #14161A 100%) !important;
  border-right: 2px solid #8C5A2B !important;
  box-shadow: 2px 0 12px rgba(0,0,0,.18) !important;
  color: #ECDCC3 !important;
}
html body.gl-theme #main-sidebar .text-white,
html body.gl-theme #main-sidebar .text-gray-300,
html body.gl-theme #main-sidebar .text-gray-400 { color: #AEB3BA !important; }
html body.gl-theme #main-sidebar .text-gray-500 { color: #8A9098 !important; }
html body.gl-theme #main-sidebar .border-gray-800,
html body.gl-theme #main-sidebar .border-gray-700 { border-color: #2A2E33 !important; }
html body.gl-theme #main-sidebar .bg-gray-800,
html body.gl-theme #main-sidebar .bg-gray-900 { background: transparent !important; }

html body.gl-theme #main-sidebar .nav-link { color: #D9CBB4 !important; }
html body.gl-theme #main-sidebar .nav-link i { color: #B0713A !important; }
html body.gl-theme #main-sidebar .nav-link:hover,
html body.gl-theme #main-sidebar .nav-link.bg-purple-900,
html body.gl-theme #main-sidebar .nav-link.text-white.bg-purple-900 {
  background: linear-gradient(90deg, rgba(176,113,58,.22), rgba(176,113,58,.04)) !important;
  color: #F0CFA4 !important;
  border-left-color: #D69A5E !important;
}
html body.gl-theme #main-sidebar .nav-link:hover i,
html body.gl-theme #main-sidebar .nav-link.bg-purple-900 i { color: #F0CFA4 !important; }

html body.gl-theme #main-sidebar .bg-gray-800.border,
html body.gl-theme #main-sidebar input {
  background: #0B0C0E !important;
  border-color: #3A3F45 !important;
  color: #ECDCC3 !important;
}
html body.gl-theme #main-sidebar input::placeholder { color: #7D838B !important; }
html body.gl-theme #main-sidebar input:focus {
  border-color: #B0713A !important;
  box-shadow: 0 0 0 3px rgba(176,113,58,.25) !important;
}
html body.gl-theme #main-sidebar .bg-indigo-900 { background: rgba(176,113,58,.16) !important; }
html body.gl-theme #main-sidebar .text-indigo-300 { color: #D69A5E !important; }
html body.gl-theme #main-sidebar .text-blue-400 { color: #D69A5E !important; }
/* Los colores de estado (verde/rojo/ámbar) del sidebar eran para fondo claro */
html body.gl-theme #main-sidebar .text-green-400 { color: #4ADE80 !important; }
html body.gl-theme #main-sidebar .text-red-400 { color: #F87171 !important; }
html body.gl-theme #main-sidebar .text-yellow-400 { color: #FBBF24 !important; }

/* ── Barra superior y títulos ─────────────────────────────────────── */
html body.gl-theme .gl-navbar { border-bottom: 2px solid #B0713A !important; }
html body.gl-theme .gl-page-heading h1,
html body.gl-theme .text-2xl.font-semibold { color: #4A2E17 !important; }
html body.gl-theme.dark .gl-page-heading h1,
html body.gl-theme.dark .text-2xl.font-semibold { color: #ECDCC3 !important; }

/* ── Acentos que admin-panel.css tenía con oro fijo ───────────────── */
html body.gl-theme a.text-purple-400,
html body.gl-theme a.hover\:text-white { color: #8C5A2B !important; }
html body.gl-theme .stat-card.card-purple {
  background: linear-gradient(135deg, #F7EDE2, #FBF5EE) !important;
  border-color: rgba(140,90,43,.3) !important;
}
html body.gl-theme .tree-toggle-btn,
html body.gl-theme .quick-load-btn { border-color: rgba(140,90,43,.45) !important; }
html body.gl-theme .border-purple-500\/30 { border-color: rgba(140,90,43,.25) !important; }
html body.gl-theme input:focus,
html body.gl-theme select:focus,
html body.gl-theme textarea:focus { box-shadow: 0 0 0 3px rgba(140,90,43,.2) !important; }
html body.gl-theme .text-blue-200,
html body.gl-theme .gl-badge-blue { color: #6B4423 !important; }

/* ── Botón principal en bronce pulido ─────────────────────────────── */
html body.gl-theme .btn-primary,
html body.gl-theme .bg-purple-700.text-white {
  background: linear-gradient(180deg, #A86B35 0%, #8C5A2B 55%, #6B4423 100%) !important;
  border-color: #6B4423 !important;
  color: #FFF4E2 !important;
  box-shadow: inset 0 1px 0 rgba(255,236,210,.35), 0 2px 8px rgba(107,68,35,.3) !important;
}
html body.gl-theme .btn-primary:hover,
html body.gl-theme .btn-primary:focus,
html body.gl-theme .bg-purple-700.text-white:hover {
  background: linear-gradient(180deg, #B87A40 0%, #9A6332 55%, #774B26 100%) !important;
}

/* ═══ Login (auth/login.blade.php no usa admin-panel.css) ═══════════ */
html:root {
  --primary:   #8C5A2B;
  --primary-d: #6B4423;
  --primary-l: #F7EDE2;
  --bg:        #F6F3EE;
}
html:root body .gl-login-card {
  border-top: 4px solid #8C5A2B;
  box-shadow: 0 4px 32px rgba(74,46,23,.14), 0 1px 4px rgba(0,0,0,.06);
}
html:root body .gl-login-btn {
  background: linear-gradient(180deg, #A86B35 0%, #8C5A2B 55%, #6B4423 100%);
  box-shadow: inset 0 1px 0 rgba(255,236,210,.35), 0 3px 10px rgba(107,68,35,.3);
  letter-spacing: .04em;
}
html:root body .gl-login-btn:hover {
  background: linear-gradient(180deg, #B87A40 0%, #9A6332 55%, #774B26 100%);
}
html:root body .gl-input:focus { box-shadow: 0 0 0 3px rgba(140,90,43,.18); }