/* ==========================================================
   UCD SETTINGS CLEAN
   Mantiene fondo, texto y formularios.
   Elimina cajas, glass y cards innecesarios.
   ========================================================== */

/* Mantener wallpaper original */
body.ucd-sign-2:has(.ucd-settings-shell) {
  background-color: transparent !important;
}

/* Shell sin caja exterior */
body.ucd-sign-2 .ucd-settings-shell {
  border: 0 !important;
  border-radius: 0 !important;

  background: transparent !important;

  box-shadow: none !important;

  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Main transparente */
body.ucd-sign-2 .ucd-settings-main {
  background: transparent !important;

  box-shadow: none !important;

  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Header sin caja */
body.ucd-sign-2 .ucd-settings-header {
  border: 0 !important;

  background: transparent !important;

  box-shadow: none !important;

  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Content completamente transparente */
body.ucd-sign-2 .ucd-settings-content {
  background: transparent !important;

  box-shadow: none !important;

  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* ==========================================================
   QUITAR CARDS / GLASS
   ========================================================== */

body.ucd-sign-2 .ucd-settings-content .card,
body.ucd-sign-2 .ucd-settings-content .card-body,
body.ucd-sign-2 .ucd-settings-content .alert,
body.ucd-sign-2 .ucd-settings-content section,
body.ucd-sign-2 .ucd-settings-content fieldset {
  border: 0 !important;
  border-radius: 0 !important;

  background: transparent !important;

  box-shadow: none !important;

  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Wrappers heredados */
body.ucd-sign-2 .ucd-settings-content
[class*="bg-base-"],
body.ucd-sign-2 .ucd-settings-content
[class*="bg-white"],
body.ucd-sign-2 .ucd-settings-content
[class*="shadow"],
body.ucd-sign-2 .ucd-settings-content
[class*="backdrop"] {
  background-color: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* ==========================================================
   TEXTO
   ========================================================== */

body.ucd-sign-2 .ucd-settings-content,
body.ucd-sign-2 .ucd-settings-content h1,
body.ucd-sign-2 .ucd-settings-content h2,
body.ucd-sign-2 .ucd-settings-content h3,
body.ucd-sign-2 .ucd-settings-content label {
  color: #1f2937 !important;
}

body.ucd-sign-2 .ucd-settings-content p,
body.ucd-sign-2 .ucd-settings-content .text-sm,
body.ucd-sign-2 .ucd-settings-content .text-base-content\/60 {
  color: #667085 !important;
}

/* ==========================================================
   FORMULARIOS
   Mantenerlos visibles y limpios
   ========================================================== */

body.ucd-sign-2
.ucd-settings-content
input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),

body.ucd-sign-2
.ucd-settings-content
select,

body.ucd-sign-2
.ucd-settings-content
textarea {
  background: rgba(255,255,255,.82) !important;

  border: 1px solid rgba(148,163,184,.55) !important;
  border-radius: 8px !important;

  color: #1f2937 !important;

  box-shadow: none !important;

  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.ucd-sign-2
.ucd-settings-content
input:not([type="checkbox"]):not([type="radio"]):focus,

body.ucd-sign-2
.ucd-settings-content
select:focus,

body.ucd-sign-2
.ucd-settings-content
textarea:focus {
  border-color: #3b82f6 !important;

  box-shadow:
    0 0 0 3px rgba(59,130,246,.12) !important;
}

/* ==========================================================
   SEPARADORES
   En vez de cajas, usar líneas suaves
   ========================================================== */

body.ucd-sign-2 .ucd-settings-content hr {
  border: 0 !important;
  border-top: 1px solid rgba(148,163,184,.30) !important;

  margin: 28px 0 !important;
}

/* Secciones */
body.ucd-sign-2 .ucd-settings-content section + section,
body.ucd-sign-2 .ucd-settings-content fieldset + fieldset {
  margin-top: 28px !important;
  padding-top: 28px !important;

  border-top: 1px solid rgba(148,163,184,.28) !important;
}

/* ==========================================================
   TABLAS
   Mantener estructura pero sin caja exterior pesada
   ========================================================== */

body.ucd-sign-2 .ucd-settings-content table {
  border: 0 !important;

  background: rgba(255,255,255,.55) !important;

  box-shadow: none !important;
}

body.ucd-sign-2 .ucd-settings-content thead th {
  background: rgba(255,255,255,.50) !important;

  border-bottom: 1px solid rgba(148,163,184,.38) !important;
}

body.ucd-sign-2 .ucd-settings-content tbody td {
  background: transparent !important;

  border-bottom: 1px solid rgba(148,163,184,.22) !important;
}

/* ==========================================================
   BOTONES
   ========================================================== */

body.ucd-sign-2 .ucd-settings-content .base-button,
body.ucd-sign-2 .ucd-settings-content button[type="submit"],
body.ucd-sign-2 .ucd-settings-content input[type="submit"] {
  border-radius: 7px !important;

  box-shadow: none !important;
}

/* ==========================================================
   SWITCHES
   ========================================================== */

body.ucd-sign-2 .ucd-settings-content .toggle {
  box-shadow: none !important;
}

/* ==========================================================
   SIDEBAR
   Se conserva oscuro, sin caja flotante
   ========================================================== */

body.ucd-sign-2 .ucd-settings-sidebar {
  border: 0 !important;
  border-radius: 0 !important;

  box-shadow: none !important;

  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* ==========================================================
   MODERN BACK BUTTON — UCD / FASPEX STYLE
   ========================================================== */

body.ucd-sign-2 .ucd-settings-back {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;

  width: fit-content !important;
  min-height: 34px !important;

  margin: 0 0 18px !important;
  padding: 0 10px 0 6px !important;

  border: 0 !important;
  border-radius: 7px !important;

  color: rgba(255,255,255,.76) !important;
  background: rgba(255,255,255,.055) !important;

  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Arial,
    sans-serif !important;

  font-size: 12px !important;
  font-weight: 520 !important;
  letter-spacing: .01em !important;

  text-decoration: none !important;
  text-shadow: none !important;

  box-shadow: none !important;

  transition:
    background-color .14s ease,
    color .14s ease,
    transform .14s ease !important;
}

body.ucd-sign-2 .ucd-settings-back svg {
  width: 16px !important;
  height: 16px !important;

  color: rgba(255,255,255,.72) !important;
  stroke-width: 1.8 !important;

  transition: transform .14s ease !important;
}

body.ucd-sign-2 .ucd-settings-back:hover {
  color: #ffffff !important;
  background: rgba(255,255,255,.10) !important;
}

body.ucd-sign-2 .ucd-settings-back:hover svg {
  color: #ffffff !important;
  transform: translateX(-2px) !important;
}

body.ucd-sign-2 .ucd-settings-back:active {
  transform: translateY(1px) !important;
}


/* ==========================================================
   MODERN BACK BUTTON — UCD / FASPEX STYLE
   ========================================================== */

body.ucd-sign-2 .ucd-settings-back {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;

  width: fit-content !important;
  min-height: 34px !important;

  margin: 0 0 18px !important;
  padding: 0 10px 0 6px !important;

  border: 0 !important;
  border-radius: 7px !important;

  color: rgba(255,255,255,.76) !important;
  background: rgba(255,255,255,.055) !important;

  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Arial,
    sans-serif !important;

  font-size: 12px !important;
  font-weight: 520 !important;
  letter-spacing: .01em !important;

  text-decoration: none !important;
  text-shadow: none !important;

  box-shadow: none !important;

  transition:
    background-color .14s ease,
    color .14s ease,
    transform .14s ease !important;
}

body.ucd-sign-2 .ucd-settings-back svg {
  width: 16px !important;
  height: 16px !important;

  color: rgba(255,255,255,.72) !important;
  stroke-width: 1.8 !important;

  transition: transform .14s ease !important;
}

body.ucd-sign-2 .ucd-settings-back:hover {
  color: #ffffff !important;
  background: rgba(255,255,255,.10) !important;
}

body.ucd-sign-2 .ucd-settings-back:hover svg {
  color: #ffffff !important;
  transform: translateX(-2px) !important;
}

body.ucd-sign-2 .ucd-settings-back:active {
  transform: translateY(1px) !important;
}


/* ==========================================================
   UCD SETTINGS — COMPACT FASPEX NAV
   ========================================================== */

/* BACK: texto moderno */
body.ucd-sign-2 .ucd-settings-back span {
  font-size: 0 !important;
}

body.ucd-sign-2 .ucd-settings-back span::after {
  content: "Back";
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
}

/* Menu usa mejor el ancho disponible */
body.ucd-sign-2 .ucd-settings-nav-scroll {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

/* Una sola línea */
body.ucd-sign-2 #account_settings_menu a {
  box-sizing: border-box !important;

  display: flex !important;
  align-items: center !important;

  width: 100% !important;
  min-height: 43px !important;

  margin: 1px 0 !important;
  padding: 0 10px !important;

  gap: 10px !important;

  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Arial,
    sans-serif !important;

  font-size: 14px !important;
  font-weight: 520 !important;
  line-height: 1 !important;

  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;

  text-shadow: none !important;
}

/* No permitir que los textos internos vuelvan a romper línea */
body.ucd-sign-2 #account_settings_menu a span {
  min-width: 0 !important;

  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Iconos compactos y perfectamente alineados */
body.ucd-sign-2 #account_settings_menu a svg {
  width: 17px !important;
  height: 17px !important;
  min-width: 17px !important;
  flex: 0 0 17px !important;

  margin: 0 !important;
}

/* Menos espacio vacío a la izquierda */
body.ucd-sign-2 #account_settings_menu {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Footer simplificado visualmente */
body.ucd-sign-2 #support_channels {
  margin-top: 10px !important;
  padding-top: 12px !important;
}