/* ── ForestDS Brand Theme ──────────────────────────────────────
   Palette source: www.forest-dataspace.es
   ─────────────────────────────────────────────────────────── */

:root {
  --fds-bg:          #0a1628;
  --fds-bg-soft:     #0d1f35;
  --fds-bg-card:     rgba(13, 31, 53, 0.85);
  --fds-cyan:        #22d3ee;
  --fds-cyan-strong: #06b6d4;
  --fds-teal:        #14b8a6;
  --fds-border:      rgba(34, 211, 238, 0.28);
}

/* ── DaisyUI color overrides ── */
[data-theme], [data-theme="dark"], :not([data-theme]) {
  --color-base-100:          var(--fds-bg);
  --color-base-200:          var(--fds-bg-soft);
  --color-base-300:          #112843;
  --color-base-content:      #ffffff;
  --color-primary:           var(--fds-cyan);
  --color-primary-content:   var(--fds-bg);
  --color-secondary:         var(--fds-cyan-strong);
  --color-secondary-content: var(--fds-bg);
  --color-neutral:           var(--fds-bg-soft);
  --color-neutral-content:   #e2e8f0;
  --color-accent:            var(--fds-teal);
  --color-accent-content:    #ffffff;
  --color-info:    #38bdf8;
  --color-success: #22c55e;
  --color-warning: #eab308;
  --color-error:   #f87171;
  --root-bg:       var(--fds-bg);
}

/* ── Font ── */
body, html, button, input, select, textarea {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system,
               "Segoe UI", sans-serif !important;
}

/* ── Backgrounds ── */
.bg-base-100 { background-color: var(--fds-bg) !important; }
.bg-base-200 { background-color: var(--fds-bg-soft) !important; }
.bg-base-300 { background-color: #112843 !important; }
.bg-neutral   { background-color: var(--fds-bg-soft) !important; }

/* ── Navbar ── */
.navbar {
  background: rgba(10, 22, 40, 0.94) !important;
  border:     1px solid var(--fds-border) !important;
  backdrop-filter: blur(12px) !important;
}

/* ── Logo: pseudo-elemento sobre el flex container navbar-center ── */
/* El ::before en un flex container se convierte en flex item */
.navbar-center {
  display:        flex !important;
  align-items:    center !important;
  gap:            0.5rem !important;
}

.navbar-center::before {
  content:            '' !important;
  display:            block !important;
  flex-shrink:        0 !important;
  width:              150px !important;
  height:             44px !important;
  background-image:   url('/config/forestds-logo.png') !important;
  background-size:    contain !important;
  background-repeat:  no-repeat !important;
  background-position: center left !important;
  filter:             drop-shadow(0 0 6px rgba(34,211,238,0.3));
}

/* Ocultar el span vacío del appTitle (appTitle:"" en app-config) */
.navbar-center .text-lg:empty {
  display: none !important;
}

/* Restaurar el span si tiene contenido (por si acaso) */
.navbar-center .text-lg {
  font-size:   unset !important;
  line-height: unset !important;
}

/* Quitar el margin-left del dropdown de conectores */
.navbar-center .dropdown {
  margin-left: 0 !important;
}

/* ── Primary accent ── */
.bg-primary,
.btn-primary { background-color: var(--fds-cyan) !important; border-color: var(--fds-cyan) !important; color: var(--fds-bg) !important; }
.btn-primary:hover { background-color: var(--fds-cyan-strong) !important; border-color: var(--fds-cyan-strong) !important; }

.btn-soft.btn-primary {
  background-color: rgba(34,211,238,0.12) !important;
  color:            var(--fds-cyan) !important;
  border-color:     var(--fds-border) !important;
}
.btn-soft.btn-primary:hover {
  background-color: rgba(34,211,238,0.22) !important;
}

.text-primary   { color:        var(--fds-cyan) !important; }
.border-primary { border-color: var(--fds-border) !important; }

/* ── Hover/active states en sidebar ── */
.btn.hover\:text-primary-content:hover,
.btn.hover\:bg-primary:hover {
  background-color: var(--fds-cyan) !important;
  color:            var(--fds-bg)   !important;
}

/* ── Toggle ── */
.toggle-primary { --tglbg: var(--fds-cyan) !important; }

/* ── Cards ── */
.card { border: 1px solid var(--fds-border) !important; }
.shadow-xl { box-shadow: 0 24px 70px rgba(0,0,0,0.35) !important; }

/* ── Dividers ── */
.divider::before, .divider::after {
  background-color: var(--fds-border) !important;
}

/* ── Tables ── */
th { background: rgba(10,22,40,0.8) !important; color: #fff !important; }
td { border-bottom-color: rgba(34,211,238,0.16) !important; }

/* ── Links ── */
a:hover { color: var(--fds-cyan); }

/* ── Navbar inner gradient ── */
.rounded-2xl.bg-neutral {
  background: linear-gradient(135deg,
    rgba(10,22,40,0.97) 0%,
    rgba(13,31,53,0.97) 100%) !important;
}

/* ── Deshabilitar animación skeleton ── */
.skeleton,
[class*="skeleton"] {
  animation: none !important;
}