/* ==========================================================
   UCD SIGN ADMIN 4.0
   Unified Faspex-inspired design system
   ========================================================== */

body.ucd-sign-2:has(.ucd-settings-shell) {
  --ucd-admin-nav-width: 258px;

  --ucd-admin-nav-bg: rgba(10, 25, 38, .96);
  --ucd-admin-nav-text: #e8eef5;
  --ucd-admin-nav-muted: #93a4b5;
  --ucd-admin-nav-hover: rgba(255,255,255,.065);
  --ucd-admin-nav-active: rgba(30,117,205,.20);
  --ucd-admin-accent: #2789e8;

  --ucd-admin-surface: rgba(247,249,252,.88);
  --ucd-admin-surface-strong: rgba(250,251,253,.94);

  --ucd-admin-text: #172033;
  --ucd-admin-muted: #526174;
  --ucd-admin-border: rgba(71,85,105,.22);

  --ucd-admin-primary: #1774d1;
  --ucd-admin-primary-hover: #0f63b7;
}

/* ==========================================================
   SHELL
   Wallpaper remains on BODY.
   No floating outer box.
   ========================================================== */

body.ucd-sign-2 .ucd-settings-shell {
  display: grid !important;
  grid-template-columns:
    var(--ucd-admin-nav-width)
    minmax(0,1fr) !important;

  gap: 0 !important;

  width: calc(100vw - 38px) !important;
  max-width: 1680px !important;

  height: calc(100vh - 120px) !important;
  min-height: 620px !important;

  margin: 18px auto 0 !important;
  padding: 0 !important;

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

  overflow: hidden !important;

  background: transparent !important;

  box-shadow: none !important;
}

/* ==========================================================
   LEFT NAV
   ========================================================== */

body.ucd-sign-2 .ucd-settings-sidebar {
  width: var(--ucd-admin-nav-width) !important;
  min-width: var(--ucd-admin-nav-width) !important;
  max-width: var(--ucd-admin-nav-width) !important;

  height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

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

  overflow: hidden !important;

  background:
    linear-gradient(
      180deg,
      rgba(9,24,37,.97),
      rgba(11,28,42,.96)
    ) !important;

  box-shadow: none !important;

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

body.ucd-sign-2 .ucd-settings-nav {
  display: flex !important;
  flex-direction: column !important;

  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;

  padding: 0 !important;
  margin: 0 !important;

  background: transparent !important;
}

/* ==========================================================
   NAV HEADER
   ========================================================== */

body.ucd-sign-2 .ucd-settings-nav-fixed-top {
  flex: 0 0 auto !important;

  padding: 24px 20px 17px !important;

  border: 0 !important;

  background: transparent !important;
}

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

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

  margin: 0 0 24px !important;
  padding: 0 8px 0 5px !important;

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

  color: #c8d5e1 !important;
  background: rgba(255,255,255,.05) !important;

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

  font-size: 12px !important;
  font-weight: 500 !important;

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

  box-shadow: none !important;

  transition:
    background .15s ease,
    color .15s 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 svg {
  width: 16px !important;
  height: 16px !important;
}

body.ucd-sign-2 .ucd-settings-back span {
  font-size: 0 !important;
}

body.ucd-sign-2 .ucd-settings-back span::after {
  content: "Back";

  font-size: 12px !important;
  font-weight: 500 !important;
}

body.ucd-sign-2 .ucd-settings-nav-heading {
  margin: 0 !important;
  padding: 0 !important;

  color: #ffffff !important;

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

  font-size: 26px !important;
  font-weight: 650 !important;

  line-height: 1.1 !important;
  letter-spacing: -.025em !important;

  text-shadow: none !important;
}

/* ==========================================================
   NAV LIST
   ========================================================== */

body.ucd-sign-2 .ucd-settings-nav-scroll {
  flex: 1 1 auto !important;
  min-height: 0 !important;

  padding: 5px 10px 18px !important;

  overflow-x: hidden !important;
  overflow-y: auto !important;

  background: transparent !important;

  scrollbar-width: thin !important;
  scrollbar-color: rgba(255,255,255,.18) transparent !important;
}

body.ucd-sign-2 #account_settings_menu {
  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
}

body.ucd-sign-2 #account_settings_menu li {
  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
}

body.ucd-sign-2 #account_settings_menu a {
  position: relative !important;

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

  box-sizing: border-box !important;

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

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

  gap: 10px !important;

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

  color: var(--ucd-admin-nav-text) !important;
  background: transparent !important;

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

  font-size: 13px !important;
  font-weight: 500 !important;

  line-height: 1 !important;

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

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

  box-shadow: none !important;
}

body.ucd-sign-2 #account_settings_menu a *,
body.ucd-sign-2 #account_settings_menu a span {
  color: inherit !important;

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

body.ucd-sign-2 #account_settings_menu a svg {
  width: 17px !important;
  height: 17px !important;

  min-width: 17px !important;
  flex: 0 0 17px !important;

  color: #bcc9d6 !important;
}

body.ucd-sign-2 #account_settings_menu a:hover {
  color: #ffffff !important;
  background: var(--ucd-admin-nav-hover) !important;
}

body.ucd-sign-2 #account_settings_menu a.active,
body.ucd-sign-2 #account_settings_menu a[aria-current="page"],
body.ucd-sign-2 #account_settings_menu a.bg-base-200,
body.ucd-sign-2 #account_settings_menu a.menu-active {
  color: #ffffff !important;

  background:
    linear-gradient(
      90deg,
      rgba(28,117,206,.22),
      rgba(28,117,206,.08)
    ) !important;

  font-weight: 600 !important;
}

body.ucd-sign-2 #account_settings_menu a.active::before,
body.ucd-sign-2 #account_settings_menu a[aria-current="page"]::before,
body.ucd-sign-2 #account_settings_menu a.bg-base-200::before,
body.ucd-sign-2 #account_settings_menu a.menu-active::before {
  content: "" !important;

  position: absolute !important;

  left: -10px !important;
  top: 7px !important;
  bottom: 7px !important;

  width: 3px !important;

  background: var(--ucd-admin-accent) !important;
}

/* ==========================================================
   FOOTER
   ========================================================== */

body.ucd-sign-2 #support_channels {
  flex: 0 0 auto !important;

  margin: 0 20px 18px !important;
  padding: 14px 0 0 !important;

  border: 0 !important;
  border-top: 1px solid rgba(255,255,255,.13) !important;

  color: var(--ucd-admin-nav-muted) !important;
  background: transparent !important;

  box-shadow: none !important;
}

body.ucd-sign-2 #support_channels * {
  color: var(--ucd-admin-nav-muted) !important;
  text-shadow: none !important;
}

/* ==========================================================
   MAIN — ONE UNIFORM SURFACE
   Not cards. One continuous readable layer.
   ========================================================== */

body.ucd-sign-2 .ucd-settings-main {
  display: flex !important;
  flex-direction: column !important;

  min-width: 0 !important;
  min-height: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow-x: hidden !important;
  overflow-y: auto !important;

  color: var(--ucd-admin-text) !important;

  background: var(--ucd-admin-surface) !important;

  backdrop-filter: blur(6px) saturate(108%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(108%) !important;

  box-shadow: none !important;
}

/* ==========================================================
   PAGE HEADER
   ========================================================== */

body.ucd-sign-2 .ucd-settings-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 25 !important;

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

  min-height: 82px !important;

  margin: 0 !important;
  padding: 0 40px !important;

  border: 0 !important;
  border-bottom: 1px solid var(--ucd-admin-border) !important;

  background: var(--ucd-admin-surface-strong) !important;

  box-shadow: none !important;

  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

body.ucd-sign-2 .ucd-settings-header h1 {
  margin: 0 !important;

  color: var(--ucd-admin-text) !important;

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

  font-size: 28px !important;
  font-weight: 650 !important;

  line-height: 1.15 !important;
  letter-spacing: -.025em !important;

  text-shadow: none !important;
}

/* ==========================================================
   CONTENT
   ========================================================== */

body.ucd-sign-2 .ucd-settings-content {
  box-sizing: border-box !important;

  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 30px 40px 55px !important;

  color: var(--ucd-admin-text) !important;

  background: transparent !important;

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

  box-shadow: none !important;
}

body.ucd-sign-2 .ucd-settings-content > div {
  width: 100% !important;
  max-width: none !important;
}

/* ==========================================================
   REMOVE INNER BOXES / 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 section,
body.ucd-sign-2 .ucd-settings-content fieldset {
  border-radius: 0 !important;

  background: transparent !important;

  box-shadow: none !important;

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

body.ucd-sign-2 .ucd-settings-content
[class*="shadow"] {
  box-shadow: none !important;
}

/* ==========================================================
   TEXT CONTRAST — GLOBAL
   ========================================================== */

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 h4,
body.ucd-sign-2 .ucd-settings-content label {
  color: var(--ucd-admin-text) !important;
  text-shadow: none !important;
}

body.ucd-sign-2 .ucd-settings-content p,
body.ucd-sign-2 .ucd-settings-content .text-sm {
  color: var(--ucd-admin-muted) !important;
  opacity: 1 !important;
}

/* ==========================================================
   FORM CONTROLS
   ========================================================== */

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 {
  box-sizing: border-box !important;

  min-height: 40px !important;

  padding: 8px 11px !important;

  border: 1px solid rgba(100,116,139,.42) !important;
  border-radius: 6px !important;

  color: #172033 !important;
  background: rgba(255,255,255,.91) !important;

  font-family: inherit !important;
  font-size: 13px !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: #428fd3 !important;

  outline: none !important;

  box-shadow:
    0 0 0 3px rgba(23,116,209,.10) !important;
}

/* ==========================================================
   BUTTONS
   ========================================================== */

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"] {
  min-height: 37px !important;

  padding: 0 15px !important;

  border: 1px solid var(--ucd-admin-primary) !important;
  border-radius: 5px !important;

  color: #ffffff !important;
  background: var(--ucd-admin-primary) !important;

  font-family: inherit !important;
  font-size: 12px !important;
  font-weight: 600 !important;

  box-shadow: none !important;
}

body.ucd-sign-2 .ucd-settings-content .base-button:hover,
body.ucd-sign-2 .ucd-settings-content button[type="submit"]:hover {
  border-color: var(--ucd-admin-primary-hover) !important;
  background: var(--ucd-admin-primary-hover) !important;
}

/* ==========================================================
   USERS — RECORD LIST
   ========================================================== */

body.ucd-controller-users .ucd-settings-content table {
  display: block !important;

  width: 100% !important;

  border: 0 !important;

  background: transparent !important;

  box-shadow: none !important;
}

body.ucd-controller-users .ucd-settings-content thead {
  display: block !important;
}

body.ucd-controller-users .ucd-settings-content thead tr,
body.ucd-controller-users .ucd-settings-content tbody tr {
  display: grid !important;

  grid-template-columns:
    minmax(280px,1.7fr)
    minmax(120px,.7fr)
    minmax(145px,.8fr)
    minmax(165px,.9fr)
    58px !important;

  align-items: center !important;

  width: 100% !important;

  background: transparent !important;
}

body.ucd-controller-users .ucd-settings-content thead tr {
  min-height: 45px !important;

  border-bottom:
    1px solid rgba(71,85,105,.30) !important;
}

body.ucd-controller-users .ucd-settings-content tbody {
  display: block !important;
}

body.ucd-controller-users .ucd-settings-content tbody tr {
  position: relative !important;

  min-height: 82px !important;

  border-bottom:
    1px solid rgba(71,85,105,.18) !important;

  transition:
    background .15s ease !important;
}

body.ucd-controller-users .ucd-settings-content tbody tr:hover {
  background:
    linear-gradient(
      90deg,
      rgba(23,116,209,.06),
      rgba(23,116,209,.015)
    ) !important;
}

body.ucd-controller-users .ucd-settings-content thead th {
  padding: 0 14px !important;

  border: 0 !important;

  color: #334155 !important;
  background: transparent !important;

  font-size: 11px !important;
  font-weight: 700 !important;

  text-transform: uppercase !important;
  letter-spacing: .035em !important;
}

body.ucd-controller-users
.ucd-settings-content thead th:nth-child(2) {
  display: none !important;
}

body.ucd-controller-users .ucd-settings-content tbody td {
  display: flex !important;
  align-items: center !important;

  min-width: 0 !important;

  padding: 12px 14px !important;

  border: 0 !important;

  color: #172033 !important;
  background: transparent !important;

  font-size: 13px !important;

  opacity: 1 !important;
}

/* Name + email */
body.ucd-controller-users
.ucd-settings-content tbody td:nth-child(1) {
  display: grid !important;

  grid-template-columns:
    44px minmax(0,1fr) !important;

  grid-template-rows:
    auto auto !important;

  column-gap: 13px !important;
}

body.ucd-controller-users
.ucd-settings-content tbody td:nth-child(2) {
  display: none !important;
}

body.ucd-controller-users .ucd-user-avatar {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;

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

  width: 40px !important;
  height: 40px !important;

  border-radius: 50% !important;

  color: #155e9b !important;
  background: #dceeff !important;

  font-size: 12px !important;
  font-weight: 700 !important;
}

body.ucd-controller-users .ucd-user-primary {
  grid-column: 2 !important;
  grid-row: 1 !important;

  color: #111827 !important;

  font-size: 14px !important;
  font-weight: 650 !important;

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

body.ucd-controller-users .ucd-user-secondary {
  grid-column: 2 !important;
  grid-row: 2 !important;

  margin-top: 3px !important;

  color: #526174 !important;

  font-size: 12px !important;
  font-weight: 450 !important;

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

/* All user data crisp */
body.ucd-controller-users
.ucd-settings-content tbody td:nth-child(3),

body.ucd-controller-users
.ucd-settings-content tbody td:nth-child(4),

body.ucd-controller-users
.ucd-settings-content tbody td:nth-child(5) {
  color: #172033 !important;

  font-weight: 500 !important;

  opacity: 1 !important;
}

/* badges */
body.ucd-controller-users .ucd-settings-content .badge {
  min-height: 23px !important;

  padding: 2px 8px !important;

  border: 1px solid rgba(23,116,209,.62) !important;
  border-radius: 999px !important;

  color: #0f67b6 !important;
  background: rgba(255,255,255,.78) !important;

  font-size: 11px !important;
  font-weight: 650 !important;

  opacity: 1 !important;

  box-shadow: none !important;
}

/* Actions */
body.ucd-controller-users
.ucd-settings-content tbody td:last-child {
  justify-content: flex-end !important;
}

body.ucd-controller-users .ucd-user-menu-trigger {
  color: #172033 !important;

  background: transparent !important;

  border: 0 !important;

  box-shadow: none !important;
}

/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 1050px) {
  body.ucd-sign-2 .ucd-settings-shell {
    grid-template-columns:
      225px minmax(0,1fr) !important;

    width: calc(100vw - 20px) !important;
  }

  body.ucd-sign-2 .ucd-settings-sidebar {
    width: 225px !important;
    min-width: 225px !important;
    max-width: 225px !important;
  }

  body.ucd-sign-2 .ucd-settings-header {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }

  body.ucd-sign-2 .ucd-settings-content {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }
}

/* ==========================================================
   UCD ADMIN 4 — COMPACT LEFT NAV
   ========================================================== */

body.ucd-sign-2:has(.ucd-settings-shell) {
  --ucd-admin-nav-width: 230px !important;
}

/* Sidebar */
body.ucd-sign-2 .ucd-settings-sidebar {
  width: 230px !important;
  min-width: 230px !important;
  max-width: 230px !important;
}

/* Shell */
body.ucd-sign-2 .ucd-settings-shell {
  grid-template-columns: 230px minmax(0,1fr) !important;
}

/* Header del menú */
body.ucd-sign-2 .ucd-settings-nav-fixed-top {
  padding: 18px 14px 12px !important;
}

body.ucd-sign-2 .ucd-settings-nav-heading {
  font-size: 21px !important;
  line-height: 1.1 !important;
}

/* Back */
body.ucd-sign-2 .ucd-settings-back {
  min-height: 28px !important;
  margin-bottom: 16px !important;
  padding: 0 7px 0 4px !important;

  font-size: 11px !important;
}

body.ucd-sign-2 .ucd-settings-back span::after {
  font-size: 11px !important;
}

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

/* Scroll area */
body.ucd-sign-2 .ucd-settings-nav-scroll {
  padding: 4px 7px 14px !important;
}

/* Filas del menú */
body.ucd-sign-2 #account_settings_menu a {
  min-height: 36px !important;

  margin: 0 !important;
  padding: 0 8px !important;

  gap: 8px !important;

  font-size: 12px !important;
  font-weight: 520 !important;

  line-height: 1 !important;

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

/* Texto */
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 */
body.ucd-sign-2 #account_settings_menu a svg {
  width: 15px !important;
  height: 15px !important;

  min-width: 15px !important;
  flex: 0 0 15px !important;
}

/* Activo */
body.ucd-sign-2 #account_settings_menu a.active::before,
body.ucd-sign-2 #account_settings_menu a[aria-current="page"]::before,
body.ucd-sign-2 #account_settings_menu a.bg-base-200::before,
body.ucd-sign-2 #account_settings_menu a.menu-active::before {
  left: -7px !important;
  top: 5px !important;
  bottom: 5px !important;

  width: 2px !important;
}

/* Footer más compacto */
body.ucd-sign-2 #support_channels {
  margin: 0 14px 10px !important;
  padding-top: 9px !important;
}

body.ucd-sign-2 #support_channels,
body.ucd-sign-2 #support_channels * {
  font-size: 9px !important;
  line-height: 1.35 !important;
}


/* ==========================================================
   REAL SETTINGS NAV — DIRECT VIEW CONTROL
   ========================================================== */

body.ucd-sign-2 .ucd-settings-nav {
  width: 210px !important;
  min-width: 210px !important;
  max-width: 210px !important;
}

body.ucd-sign-2 .ucd-settings-sidebar {
  width: 210px !important;
  min-width: 210px !important;
  max-width: 210px !important;
}

body.ucd-sign-2 .ucd-settings-shell {
  grid-template-columns: 210px minmax(0,1fr) !important;
}

/* título */
body.ucd-sign-2 .ucd-settings-nav-heading {
  font-size: 20px !important;
  font-weight: 600 !important;
}

/* área de scroll */
body.ucd-sign-2 .ucd-settings-nav-scroll {
  padding: 4px 6px 12px !important;
}

/* CLASE REAL APLICADA EN EL ERB */
body.ucd-sign-2 a.ucd-admin-nav-link {
  box-sizing: border-box !important;

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

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

  margin: 0 !important;
  padding: 0 7px !important;

  gap: 7px !important;

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

  color: #e5edf5 !important;
  background: transparent !important;

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

  font-size: 11.5px !important;
  font-weight: 500 !important;
  line-height: 1 !important;

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

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

  box-shadow: none !important;
}

body.ucd-sign-2 a.ucd-admin-nav-link:hover {
  color: #ffffff !important;
  background: rgba(255,255,255,.07) !important;
}

body.ucd-sign-2 a.ucd-admin-nav-link svg {
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  flex: 0 0 14px !important;
}

/* impedir dos líneas incluso si el link contiene spans */
body.ucd-sign-2 a.ucd-admin-nav-link *,
body.ucd-sign-2 a.ucd-admin-nav-link span {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Back más pequeño */
body.ucd-sign-2 .ucd-settings-back {
  min-height: 26px !important;
  margin-bottom: 13px !important;
  padding: 0 6px !important;
}

body.ucd-sign-2 .ucd-settings-back span::after {
  font-size: 10.5px !important;
}

/* footer */
body.ucd-sign-2 #support_channels,
body.ucd-sign-2 #support_channels * {
  font-size: 8.5px !important;
}


/* ==========================================================
   UCD ADMIN 4 — FINAL SIDEBAR FIT
   ========================================================== */

body.ucd-sign-2:has(.ucd-settings-shell) {
  --ucd-admin-nav-width: 235px !important;
}

body.ucd-sign-2 .ucd-settings-shell {
  grid-template-columns: 235px minmax(0,1fr) !important;
}

body.ucd-sign-2 .ucd-settings-sidebar,
body.ucd-sign-2 .ucd-settings-nav {
  width: 235px !important;
  min-width: 235px !important;
  max-width: 235px !important;
}

/* Header más compacto */

body.ucd-sign-2 .ucd-settings-nav-fixed-top {
  padding: 15px 12px 10px !important;
}

body.ucd-sign-2 .ucd-settings-nav-heading {
  font-size: 19px !important;
  font-weight: 620 !important;
  line-height: 1 !important;
}

body.ucd-sign-2 .ucd-settings-back {
  min-height: 26px !important;
  margin: 0 0 12px !important;
  padding: 0 6px !important;
}

body.ucd-sign-2 .ucd-settings-back span::after {
  font-size: 10px !important;
}

/* Scroll solamente para los enlaces */

body.ucd-sign-2 .ucd-settings-nav-scroll {
  flex: 1 1 auto !important;
  min-height: 0 !important;

  padding: 3px 7px 8px !important;

  overflow-x: hidden !important;
  overflow-y: auto !important;
}

/* Todas las opciones una sola línea */

body.ucd-sign-2 #account_settings_menu a,
body.ucd-sign-2 a.ucd-admin-nav-link {
  box-sizing: border-box !important;

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

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

  margin: 0 !important;
  padding: 0 7px !important;

  gap: 8px !important;

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

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

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

  text-shadow: none !important;
}

/* Cualquier contenido interno también una sola línea */

body.ucd-sign-2 #account_settings_menu a *,
body.ucd-sign-2 a.ucd-admin-nav-link * {
  min-width: 0 !important;

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

/* Iconos */

body.ucd-sign-2 #account_settings_menu a svg,
body.ucd-sign-2 a.ucd-admin-nav-link svg {
  width: 14px !important;
  height: 14px !important;

  min-width: 14px !important;
  flex: 0 0 14px !important;
}

/* PLAN PRO compacto */

body.ucd-sign-2 #account_settings_menu .badge {
  flex: 0 0 auto !important;

  margin-left: auto !important;

  padding: 1px 5px !important;

  font-size: 8px !important;
}

/* TEST MODE en una sola línea */

body.ucd-sign-2 #account_settings_menu form label {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  min-height: 34px !important;

  padding: 0 7px !important;

  gap: 8px !important;

  font-size: 11px !important;

  white-space: nowrap !important;
}

body.ucd-sign-2 #account_settings_menu form label > span,
body.ucd-sign-2 #account_settings_menu form label > div {
  white-space: nowrap !important;
}

/* ==========================================================
   FOOTER — SIEMPRE VISIBLE
   ========================================================== */

body.ucd-sign-2 #support_channels {
  flex: 0 0 auto !important;

  box-sizing: border-box !important;

  width: calc(100% - 24px) !important;

  margin: 0 12px 10px !important;
  padding: 9px 2px 0 !important;

  border-top: 1px solid rgba(255,255,255,.13) !important;

  overflow: visible !important;

  color: #9cabb9 !important;
  background: transparent !important;

  text-align: left !important;

  box-shadow: none !important;
}

body.ucd-sign-2 #support_channels,
body.ucd-sign-2 #support_channels * {
  color: #9cabb9 !important;

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

  font-size: 8.5px !important;
  font-weight: 450 !important;
  line-height: 1.45 !important;

  white-space: normal !important;

  text-align: left !important;
  text-shadow: none !important;

  opacity: 1 !important;
}

/* Evitar que el footer quede debajo del viewport */

body.ucd-sign-2 .ucd-settings-nav {
  overflow: hidden !important;
}


/* ==========================================================
   UCD ADMIN 4 — HIDE SCROLLBAR, KEEP SCROLLING
   ========================================================== */

/* Sidebar */
body.ucd-sign-2 .ucd-settings-nav-scroll {
  overflow-y: auto !important;

  scrollbar-width: none !important;      /* Firefox */
  -ms-overflow-style: none !important;   /* Legacy Edge */
}

body.ucd-sign-2 .ucd-settings-nav-scroll::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

/* Main settings content */
body.ucd-sign-2 .ucd-settings-main {
  overflow-y: auto !important;

  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

body.ucd-sign-2 .ucd-settings-main::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}


/* ==========================================================
   UCD ADMIN 4 — HIDE SCROLLBAR, KEEP SCROLLING
   ========================================================== */

/* Sidebar */
body.ucd-sign-2 .ucd-settings-nav-scroll {
  overflow-y: auto !important;

  scrollbar-width: none !important;      /* Firefox */
  -ms-overflow-style: none !important;   /* Legacy Edge */
}

body.ucd-sign-2 .ucd-settings-nav-scroll::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

/* Main settings content */
body.ucd-sign-2 .ucd-settings-main {
  overflow-y: auto !important;

  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

body.ucd-sign-2 .ucd-settings-main::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}


/* ==========================================================
   UCD ADMIN 4 — SIDEBAR REFERENCE FINAL
   ========================================================== */

body.ucd-sign-2:has(.ucd-settings-shell) {
  --ucd-admin-nav-width: 250px !important;
}

body.ucd-sign-2 .ucd-settings-shell {
  grid-template-columns: 250px minmax(0,1fr) !important;
}

body.ucd-sign-2 .ucd-settings-sidebar,
body.ucd-sign-2 .ucd-settings-nav {
  width: 250px !important;
  min-width: 250px !important;
  max-width: 250px !important;
  height: 100% !important;
}

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

  background:
    linear-gradient(
      180deg,
      #0d1d2d 0%,
      #10243a 52%,
      #10263e 100%
    ) !important;

  box-shadow: none !important;
}

/* Estructura */
body.ucd-sign-2 .ucd-settings-nav {
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

/* Header */
body.ucd-sign-2 .ucd-settings-nav-fixed-top {
  flex: 0 0 auto !important;

  padding: 22px 20px 12px !important;

  background: transparent !important;
  border: 0 !important;
}

body.ucd-sign-2 .ucd-settings-nav-heading {
  margin: 0 !important;
  padding: 0 !important;

  color: #ffffff !important;

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

  font-size: 24px !important;
  font-weight: 650 !important;
  line-height: 1.1 !important;

  letter-spacing: -.02em !important;
  text-shadow: none !important;
}

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

  min-height: 30px !important;

  margin: 0 0 20px !important;
  padding: 0 9px !important;

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

  color: #d7e1eb !important;
  background: rgba(255,255,255,.07) !important;

  font-size: 11px !important;
  font-weight: 500 !important;

  box-shadow: none !important;
}

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

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

/* Scroll area */
body.ucd-sign-2 .ucd-settings-nav-scroll {
  flex: 1 1 auto !important;
  min-height: 0 !important;

  padding: 10px 14px 10px !important;

  overflow-y: auto !important;
  overflow-x: hidden !important;

  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

body.ucd-sign-2 .ucd-settings-nav-scroll::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
}

/* Menu */
body.ucd-sign-2 #account_settings_menu,
body.ucd-sign-2 #account_settings_menu li {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.ucd-sign-2 #account_settings_menu a,
body.ucd-sign-2 a.ucd-admin-nav-link {
  box-sizing: border-box !important;

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

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

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

  gap: 11px !important;

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

  color: #edf3f8 !important;
  background: transparent !important;

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

  font-size: 12.5px !important;
  font-weight: 500 !important;
  line-height: 39px !important;

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

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

  box-shadow: none !important;
}

body.ucd-sign-2 #account_settings_menu a > *,
body.ucd-sign-2 #account_settings_menu a span {
  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  color: inherit !important;

  font-size: inherit !important;
  line-height: 39px !important;

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

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

  color: #d8e3ec !important;

  margin: 0 !important;
}

/* Hover */
body.ucd-sign-2 #account_settings_menu a:hover {
  color: #ffffff !important;
  background: rgba(255,255,255,.065) !important;
}

/* Active */
body.ucd-sign-2 #account_settings_menu a.active,
body.ucd-sign-2 #account_settings_menu a[aria-current="page"],
body.ucd-sign-2 #account_settings_menu a.bg-base-200,
body.ucd-sign-2 #account_settings_menu a.menu-active {
  color: #ffffff !important;

  background:
    linear-gradient(
      90deg,
      rgba(31,117,204,.22),
      rgba(31,117,204,.08)
    ) !important;

  font-weight: 600 !important;
}

/* Pro badge */
body.ucd-sign-2 #account_settings_menu .badge {
  flex: 0 0 auto !important;

  margin-left: auto !important;

  min-height: 18px !important;
  height: 18px !important;

  padding: 0 6px !important;

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

  font-size: 9px !important;
  line-height: 18px !important;
}

/* Test mode */
body.ucd-sign-2 #account_settings_menu form {
  margin: 8px 0 0 !important;
}

body.ucd-sign-2 #account_settings_menu form label {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

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

  padding: 0 10px !important;

  color: #dce6ef !important;

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

  font-size: 12px !important;
  font-weight: 500 !important;

  white-space: nowrap !important;
}

/* Footer */
body.ucd-sign-2 #support_channels {
  flex: 0 0 auto !important;

  width: auto !important;

  margin: 0 20px 18px !important;
  padding: 13px 0 0 !important;

  border: 0 !important;
  border-top: 1px solid rgba(255,255,255,.14) !important;

  overflow: visible !important;

  background: transparent !important;

  text-align: left !important;
}

body.ucd-sign-2 #support_channels,
body.ucd-sign-2 #support_channels * {
  color: #aebdca !important;

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

  font-size: 9px !important;
  font-weight: 450 !important;
  line-height: 1.55 !important;

  white-space: normal !important;

  text-align: left !important;
  text-shadow: none !important;

  opacity: 1 !important;
}


/* ==========================================================
   UCD ADMIN 4 — SMALL SIDEBAR FINAL
   Controla TODOS los links reales del sidebar
   ========================================================== */

body.ucd-sign-2:has(.ucd-settings-shell) {
  --ucd-admin-nav-width: 225px !important;
}

body.ucd-sign-2 .ucd-settings-shell {
  grid-template-columns: 225px minmax(0,1fr) !important;
}

body.ucd-sign-2 .ucd-settings-sidebar,
body.ucd-sign-2 .ucd-settings-nav {
  width: 225px !important;
  min-width: 225px !important;
  max-width: 225px !important;
}

/* Header */
body.ucd-sign-2 .ucd-settings-nav-fixed-top {
  padding: 12px 11px 7px !important;
}

body.ucd-sign-2 .ucd-settings-nav-heading {
  margin: 0 !important;
  padding: 0 5px !important;

  font-size: 17px !important;
  font-weight: 600 !important;
  line-height: 20px !important;

  text-shadow: none !important;
}

/* Back */
body.ucd-sign-2 .ucd-settings-back {
  height: 24px !important;
  min-height: 24px !important;

  margin: 0 0 8px !important;
  padding: 0 6px !important;

  gap: 5px !important;

  border-radius: 5px !important;

  font-size: 9.5px !important;
  line-height: 24px !important;
}

body.ucd-sign-2 .ucd-settings-back span::after {
  font-size: 9.5px !important;
  line-height: 24px !important;
}

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

/* Scroll invisible pero funcional */
body.ucd-sign-2 .ucd-settings-nav-scroll {
  flex: 1 1 auto !important;
  min-height: 0 !important;

  padding: 2px 6px 6px !important;

  overflow-y: auto !important;
  overflow-x: hidden !important;

  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

body.ucd-sign-2 .ucd-settings-nav-scroll::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
}

/* ==========================================================
   TODOS LOS LINKS DEL SIDEBAR
   No importa si vienen de otro partial
   ========================================================== */

body.ucd-sign-2 .ucd-settings-nav-scroll a {
  box-sizing: border-box !important;

  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;

  width: 100% !important;
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;

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

  gap: 7px !important;

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

  color: #e6edf4 !important;
  background: transparent !important;

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

  font-size: 10.5px !important;
  font-weight: 500 !important;
  line-height: 30px !important;

  letter-spacing: 0 !important;

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

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

  box-shadow: none !important;
}

/* Cualquier span/div interno */
body.ucd-sign-2 .ucd-settings-nav-scroll a span,
body.ucd-sign-2 .ucd-settings-nav-scroll a div {
  display: block !important;

  min-width: 0 !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  color: inherit !important;

  font-family: inherit !important;
  font-size: 10.5px !important;
  font-weight: inherit !important;
  line-height: 30px !important;

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

  text-shadow: none !important;
}

/* Iconos */
body.ucd-sign-2 .ucd-settings-nav-scroll a svg {
  display: block !important;

  width: 13px !important;
  height: 13px !important;

  min-width: 13px !important;
  max-width: 13px !important;

  flex: 0 0 13px !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #c7d3de !important;
}

/* Hover */
body.ucd-sign-2 .ucd-settings-nav-scroll a:hover {
  color: #ffffff !important;
  background: rgba(255,255,255,.06) !important;
}

/* Active */
body.ucd-sign-2 .ucd-settings-nav-scroll a.active,
body.ucd-sign-2 .ucd-settings-nav-scroll a[aria-current="page"],
body.ucd-sign-2 .ucd-settings-nav-scroll a.bg-base-200 {
  color: #ffffff !important;
  background: rgba(36,126,213,.18) !important;

  font-weight: 600 !important;
}

/* Badge PRO */
body.ucd-sign-2 .ucd-settings-nav-scroll .badge {
  flex: 0 0 auto !important;

  height: 15px !important;
  min-height: 15px !important;

  margin-left: auto !important;
  padding: 0 4px !important;

  font-size: 7.5px !important;
  line-height: 15px !important;
}

/* Test mode */
body.ucd-sign-2 .ucd-settings-nav-scroll form {
  margin: 2px 0 !important;
  padding: 0 !important;
}

body.ucd-sign-2 .ucd-settings-nav-scroll form label {
  box-sizing: border-box !important;

  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;

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

  margin: 0 !important;
  padding: 0 7px !important;

  gap: 7px !important;

  color: #e6edf4 !important;

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

  font-size: 10px !important;
  font-weight: 500 !important;
  line-height: 30px !important;

  white-space: nowrap !important;
}

/* Footer */
body.ucd-sign-2 #support_channels {
  flex: 0 0 auto !important;

  width: calc(100% - 22px) !important;

  margin: 0 11px 6px !important;
  padding: 6px 0 0 !important;

  overflow: visible !important;

  text-align: left !important;
}

body.ucd-sign-2 #support_channels,
body.ucd-sign-2 #support_channels * {
  margin: 0 !important;
  padding-left: 0 !important;

  color: #9dacbb !important;

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

  font-size: 7.5px !important;
  font-weight: 450 !important;
  line-height: 10px !important;

  white-space: nowrap !important;

  text-align: left !important;
  text-shadow: none !important;

  opacity: 1 !important;
}


/* ==========================================================
   SOLO TAMAÑO DE LETRA DEL MENÚ IZQUIERDO
   ========================================================== */

body.ucd-sign-2 .ucd-settings-nav-scroll a,
body.ucd-sign-2 .ucd-settings-nav-scroll a span,
body.ucd-sign-2 .ucd-settings-nav-scroll a div,
body.ucd-sign-2 #account_settings_menu a,
body.ucd-sign-2 #account_settings_menu a span,
body.ucd-sign-2 #account_settings_menu a div {
  font-size: 9px !important;
  line-height: 1 !important;
  font-weight: 500 !important;

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

/* Alto un poco menor para que entren más opciones */
body.ucd-sign-2 .ucd-settings-nav-scroll a,
body.ucd-sign-2 #account_settings_menu a {
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;

  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Iconos proporcionados con el texto */
body.ucd-sign-2 .ucd-settings-nav-scroll a svg,
body.ucd-sign-2 #account_settings_menu a svg {
  width: 12px !important;
  height: 12px !important;
  min-width: 12px !important;
  flex: 0 0 12px !important;
}

/* Test mode al mismo tamaño */
body.ucd-sign-2 .ucd-settings-nav-scroll form label,
body.ucd-sign-2 #account_settings_menu form label {
  font-size: 9px !important;
  line-height: 28px !important;
  min-height: 28px !important;
}

/* Título Settings un poco más compacto */
body.ucd-sign-2 .ucd-settings-nav-heading {
  font-size: 17px !important;
  line-height: 1.1 !important;
}


/* ==========================================================
   UCD ADMIN 4 — USERS FINAL POLISH
   ========================================================== */

/* ----------------------------------------------------------
   USERS: texto más nítido
   ---------------------------------------------------------- */

body.ucd-controller-users .ucd-user-primary {
  color: #111827 !important;
  font-weight: 700 !important;
}

body.ucd-controller-users .ucd-user-secondary {
  color: #475569 !important;
  font-weight: 500 !important;
}

body.ucd-controller-users .ucd-settings-content tbody td {
  color: #172033 !important;
  font-weight: 550 !important;
  opacity: 1 !important;
}

body.ucd-controller-users .ucd-settings-content thead th {
  color: #334155 !important;
  font-weight: 700 !important;
  opacity: 1 !important;
}

/* ----------------------------------------------------------
   USERS: botón de acciones horizontal (...)
   ---------------------------------------------------------- */

body.ucd-controller-users .ucd-user-menu-trigger {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 38px !important;
  height: 32px !important;

  padding: 0 !important;

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

  color: #111827 !important;
  background: transparent !important;

  font-family: Arial, sans-serif !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  line-height: 1 !important;

  opacity: 1 !important;
  cursor: pointer !important;

  box-shadow: none !important;
}

body.ucd-controller-users .ucd-user-menu-trigger:hover {
  color: #000000 !important;
  background: rgba(15,23,42,.08) !important;
}

/* ----------------------------------------------------------
   PLANS: mantener icono + Plans + Pro juntos
   ---------------------------------------------------------- */

body.ucd-sign-2
.ucd-settings-nav-scroll
a[href*="plan"] {
  justify-content: flex-start !important;
}

body.ucd-sign-2
.ucd-settings-nav-scroll
a[href*="plan"] .badge {
  flex: 0 0 auto !important;

  margin-left: 6px !important;
  margin-right: 0 !important;

  width: auto !important;

  position: static !important;
  transform: none !important;
}

/* Evitar que el badge empuje el texto */
body.ucd-sign-2
.ucd-settings-nav-scroll
a[href*="plan"] span {
  flex: 0 0 auto !important;
}

/* ----------------------------------------------------------
   USERS: eliminar restos visuales de filtros
   ---------------------------------------------------------- */

body.ucd-controller-users .ucd-users-hidden-filter {
  display: none !important;
}


/* ==========================================================
   USERS — ACTIONS VISIBLE / EDITABLE
   ========================================================== */

/* Columna de acciones */
body.ucd-controller-users
.ucd-settings-content tbody td:last-child {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding-right: 10px !important;

  overflow: visible !important;
}

/* Contenedor */
body.ucd-controller-users .ucd-user-actions {
  position: relative !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  overflow: visible !important;
}

/* Botón horizontal ... */
body.ucd-controller-users .ucd-user-menu-trigger {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 40px !important;
  height: 34px !important;

  margin: 0 !important;
  padding: 0 0 8px !important;

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

  color: #0b1220 !important;
  background: transparent !important;

  font-family:
    Arial,
    sans-serif !important;

  font-size: 25px !important;
  font-weight: 900 !important;
  line-height: 1 !important;

  letter-spacing: 2px !important;

  opacity: 1 !important;
  visibility: visible !important;

  cursor: pointer !important;

  text-shadow: none !important;
  box-shadow: none !important;
}

body.ucd-controller-users .ucd-user-menu-trigger:hover {
  color: #000000 !important;
  background: rgba(255,255,255,.58) !important;
}

/* Menú */
body.ucd-controller-users .ucd-user-menu-panel {
  position: absolute !important;

  top: 36px !important;
  right: 0 !important;

  z-index: 99999 !important;

  display: none !important;

  width: 160px !important;

  padding: 5px !important;

  border: 1px solid #cbd5e1 !important;
  border-radius: 6px !important;

  background: #ffffff !important;

  box-shadow:
    0 12px 28px rgba(15,23,42,.20) !important;

  overflow: visible !important;
}

body.ucd-controller-users
.ucd-user-actions.is-open
.ucd-user-menu-panel {
  display: block !important;
}

/* Edit / Remove */
body.ucd-controller-users .ucd-user-menu-panel a,
body.ucd-controller-users .ucd-user-menu-panel button,
body.ucd-controller-users .ucd-user-menu-panel input[type="submit"] {
  display: flex !important;
  align-items: center !important;

  box-sizing: border-box !important;

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

  margin: 0 !important;
  padding: 0 11px !important;

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

  color: #172033 !important;
  background: transparent !important;

  font-size: 12px !important;
  font-weight: 600 !important;

  text-align: left !important;

  opacity: 1 !important;

  box-shadow: none !important;
}

body.ucd-controller-users .ucd-user-menu-panel a:hover,
body.ucd-controller-users .ucd-user-menu-panel button:hover,
body.ucd-controller-users .ucd-user-menu-panel input[type="submit"]:hover {
  color: #0f172a !important;
  background: #eef2f6 !important;
}

/* Evitar que la última columna quede demasiado estrecha */
body.ucd-controller-users .ucd-settings-content thead tr,
body.ucd-controller-users .ucd-settings-content tbody tr {
  grid-template-columns:
    minmax(280px,1.7fr)
    minmax(120px,.7fr)
    minmax(145px,.8fr)
    minmax(165px,.9fr)
    78px !important;
}


/* ==========================================================
   USERS — DIRECT EDIT TARGET
   ========================================================== */

body.ucd-controller-users .ucd-user-edit-target {
  cursor: pointer !important;

  border-radius: 6px !important;

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

body.ucd-controller-users .ucd-user-edit-target:hover {
  background: rgba(255,255,255,.20) !important;
}

/* Nombre claramente interactivo */
body.ucd-controller-users
.ucd-user-edit-target:hover
.ucd-user-primary {
  color: #075ea8 !important;
}

/* Email permanece nítido */
body.ucd-controller-users
.ucd-user-edit-target:hover
.ucd-user-secondary {
  color: #334155 !important;
}

/* Accesibilidad por teclado */
body.ucd-controller-users .ucd-user-edit-target:focus-visible {
  outline: 2px solid rgba(23,116,209,.65) !important;
  outline-offset: -2px !important;
}

/* Avatar responde al hover */
body.ucd-controller-users
.ucd-user-edit-target:hover
.ucd-user-avatar {
  background: #c7e5ff !important;
  color: #075ea8 !important;
}


/* ==========================================================
   UCD ADMIN 4 — EDIT USER MODAL
   Compact / Modern / Faspex inspired
   ========================================================== */

/* Modal */
body.ucd-controller-users dialog,
body.ucd-controller-users .modal-box {
  width: min(520px, calc(100vw - 36px)) !important;
  max-width: 520px !important;

  max-height: calc(100vh - 70px) !important;

  padding: 0 !important;

  border: 1px solid rgba(15,23,42,.12) !important;
  border-radius: 12px !important;

  color: #172033 !important;
  background: rgba(250,251,253,.97) !important;

  box-shadow:
    0 24px 70px rgba(15,23,42,.28) !important;

  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;

  overflow: hidden !important;
}

/* Header */
body.ucd-controller-users .modal-box > h3,
body.ucd-controller-users .modal-box .modal-title {
  margin: 0 !important;
  padding: 15px 20px !important;

  border-bottom: 1px solid rgba(71,85,105,.16) !important;

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

  font-size: 17px !important;
  font-weight: 650 !important;
  line-height: 1.2 !important;
}

/* Área scroll */
body.ucd-controller-users .modal-box form {
  max-height: calc(100vh - 145px) !important;

  padding: 14px 20px 72px !important;

  overflow-y: auto !important;
  overflow-x: hidden !important;

  scrollbar-width: none !important;
}

body.ucd-controller-users .modal-box form::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
}

/* Quitar cards pesadas */
body.ucd-controller-users .modal-box form .card,
body.ucd-controller-users .modal-box form section,
body.ucd-controller-users .modal-box form fieldset {
  margin: 0 0 14px !important;
  padding: 0 !important;

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

  background: transparent !important;

  box-shadow: none !important;
}

/* Separar secciones con líneas, no cajas */
body.ucd-controller-users .modal-box form .card + .card,
body.ucd-controller-users .modal-box form section + section,
body.ucd-controller-users .modal-box form fieldset + fieldset {
  margin-top: 16px !important;
  padding-top: 16px !important;

  border-top: 1px solid rgba(71,85,105,.16) !important;
}

/* Títulos de secciones */
body.ucd-controller-users .modal-box form h4,
body.ucd-controller-users .modal-box form h3,
body.ucd-controller-users .modal-box form legend {
  margin: 0 0 4px !important;

  color: #172033 !important;

  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 1.2 !important;
}

/* Subtítulos */
body.ucd-controller-users .modal-box form p,
body.ucd-controller-users .modal-box form .text-sm {
  margin: 0 0 10px !important;

  color: #667085 !important;

  font-size: 11px !important;
  line-height: 1.4 !important;
}

/* Labels */
body.ucd-controller-users .modal-box label {
  color: #344054 !important;

  font-size: 11px !important;
  font-weight: 600 !important;
}

/* Inputs */
body.ucd-controller-users .modal-box
input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
body.ucd-controller-users .modal-box select,
body.ucd-controller-users .modal-box textarea {
  min-height: 36px !important;

  padding: 7px 10px !important;

  border: 1px solid #cbd5e1 !important;
  border-radius: 7px !important;

  color: #172033 !important;
  background: #ffffff !important;

  font-size: 12px !important;

  box-shadow: none !important;
}

body.ucd-controller-users .modal-box
input:not([type="checkbox"]):not([type="radio"]):focus,
body.ucd-controller-users .modal-box select:focus,
body.ucd-controller-users .modal-box textarea:focus {
  border-color: #3788d8 !important;

  outline: none !important;

  box-shadow:
    0 0 0 3px rgba(55,136,216,.10) !important;
}

/* Grid First / Last */
body.ucd-controller-users .modal-box .grid {
  gap: 10px !important;
}

/* Cards internas tipo Location / Security / Apps */
body.ucd-controller-users .modal-box .rounded-xl,
body.ucd-controller-users .modal-box .rounded-lg,
body.ucd-controller-users .modal-box [class*="bg-base-"] {
  border: 0 !important;
  border-radius: 0 !important;

  background: transparent !important;

  box-shadow: none !important;
}

/* Footer */
body.ucd-controller-users .modal-box .modal-action,
body.ucd-controller-users .modal-box form > div:last-child {
  position: sticky !important;
  bottom: 0 !important;
  z-index: 20 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;

  margin: 0 !important;
  padding: 12px 20px !important;

  border-top: 1px solid rgba(71,85,105,.16) !important;

  background: rgba(250,251,253,.96) !important;

  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

/* Submit */
body.ucd-controller-users .modal-box input[type="submit"],
body.ucd-controller-users .modal-box button[type="submit"] {
  min-width: 94px !important;
  min-height: 36px !important;

  padding: 0 16px !important;

  border: 1px solid #1674d1 !important;
  border-radius: 7px !important;

  color: #ffffff !important;
  background: #1674d1 !important;

  font-size: 12px !important;
  font-weight: 650 !important;

  box-shadow: none !important;
}

body.ucd-controller-users .modal-box input[type="submit"]:hover,
body.ucd-controller-users .modal-box button[type="submit"]:hover {
  background: #0f63b7 !important;
}

/* Close */
body.ucd-controller-users .modal-box button[aria-label*="close" i],
body.ucd-controller-users .modal-box .btn-circle {
  width: 30px !important;
  height: 30px !important;

  border-radius: 6px !important;

  color: #475569 !important;
  background: transparent !important;
}


/* ==========================================================
   UCD ADMIN 4 — EDIT USER COMPACT DRAWER
   ========================================================== */

/* Overlay ligero: permite seguir viendo Users */
body.ucd-controller-users .modal {
  align-items: center !important;
  justify-content: flex-end !important;

  padding: 18px 24px !important;

  background: rgba(15,23,42,.18) !important;

  backdrop-filter: blur(2px) !important;
  -webkit-backdrop-filter: blur(2px) !important;
}

/* Panel lateral */
body.ucd-controller-users .modal-box {
  position: relative !important;

  width: 430px !important;
  max-width: calc(100vw - 48px) !important;

  height: auto !important;
  max-height: calc(100vh - 110px) !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 1px solid rgba(15,23,42,.14) !important;
  border-radius: 12px !important;

  overflow: hidden !important;

  color: #172033 !important;
  background: #f8fafc !important;

  box-shadow:
    0 24px 60px rgba(15,23,42,.26) !important;

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

/* ==========================================================
   HEADER
   ========================================================== */

body.ucd-controller-users .modal-box > h3,
body.ucd-controller-users .modal-box .modal-title {
  min-height: 52px !important;

  margin: 0 !important;
  padding: 16px 48px 13px 18px !important;

  border-bottom: 1px solid #e2e8f0 !important;

  color: #172033 !important;
  background: #ffffff !important;

  font-size: 16px !important;
  font-weight: 650 !important;
  line-height: 20px !important;
}

/* Close */
body.ucd-controller-users .modal-box .btn-circle,
body.ucd-controller-users .modal-box button[aria-label*="close" i] {
  position: absolute !important;

  top: 10px !important;
  right: 10px !important;

  width: 30px !important;
  height: 30px !important;
  min-height: 30px !important;

  padding: 0 !important;

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

  color: #475569 !important;
  background: transparent !important;

  box-shadow: none !important;
}

body.ucd-controller-users .modal-box .btn-circle:hover,
body.ucd-controller-users .modal-box button[aria-label*="close" i]:hover {
  color: #0f172a !important;
  background: #eef2f6 !important;
}

/* ==========================================================
   FORM SCROLL
   ========================================================== */

body.ucd-controller-users .modal-box form {
  box-sizing: border-box !important;

  max-height: calc(100vh - 165px) !important;

  margin: 0 !important;
  padding: 16px 18px 68px !important;

  overflow-x: hidden !important;
  overflow-y: auto !important;

  scrollbar-width: none !important;
}

body.ucd-controller-users .modal-box form::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
}

/* ==========================================================
   SECCIONES — SIN CAJAS
   ========================================================== */

body.ucd-controller-users .modal-box form .card,
body.ucd-controller-users .modal-box form .card-body,
body.ucd-controller-users .modal-box form section,
body.ucd-controller-users .modal-box form fieldset,
body.ucd-controller-users .modal-box form .rounded-xl,
body.ucd-controller-users .modal-box form .rounded-lg,
body.ucd-controller-users .modal-box form [class*="bg-base-"] {
  margin: 0 !important;
  padding: 0 !important;

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

  background: transparent !important;

  box-shadow: none !important;
}

/* Separadores, no cards */
body.ucd-controller-users .modal-box form .card + .card,
body.ucd-controller-users .modal-box form section + section,
body.ucd-controller-users .modal-box form fieldset + fieldset {
  margin-top: 15px !important;
  padding-top: 15px !important;

  border-top: 1px solid #e2e8f0 !important;
}

/* Títulos */
body.ucd-controller-users .modal-box form h2,
body.ucd-controller-users .modal-box form h3,
body.ucd-controller-users .modal-box form h4,
body.ucd-controller-users .modal-box form legend {
  margin: 0 0 3px !important;

  color: #172033 !important;

  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 18px !important;
}

/* Descripción secundaria compacta */
body.ucd-controller-users .modal-box form p,
body.ucd-controller-users .modal-box form .text-sm {
  margin: 0 0 9px !important;

  color: #718096 !important;

  font-size: 10px !important;
  line-height: 14px !important;
}

/* ==========================================================
   CAMPOS
   ========================================================== */

body.ucd-controller-users .modal-box label {
  margin-bottom: 4px !important;

  color: #344054 !important;

  font-size: 10px !important;
  font-weight: 600 !important;
}

/* First + Last siguen en dos columnas */
body.ucd-controller-users .modal-box .grid {
  gap: 10px !important;
}

body.ucd-controller-users .modal-box
input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
body.ucd-controller-users .modal-box select,
body.ucd-controller-users .modal-box textarea {
  min-height: 34px !important;

  padding: 6px 9px !important;

  border: 1px solid #cbd5e1 !important;
  border-radius: 6px !important;

  color: #172033 !important;
  background: #ffffff !important;

  font-size: 11px !important;

  box-shadow: none !important;
}

body.ucd-controller-users .modal-box
input:not([type="checkbox"]):not([type="radio"]):focus,
body.ucd-controller-users .modal-box select:focus,
body.ucd-controller-users .modal-box textarea:focus {
  border-color: #3485d1 !important;

  outline: none !important;

  box-shadow:
    0 0 0 2px rgba(52,133,209,.10) !important;
}

/* Reset password */
body.ucd-controller-users .modal-box form a {
  font-size: 10px !important;
}

/* ==========================================================
   FOOTER / SUBMIT
   ========================================================== */

body.ucd-controller-users .modal-box .modal-action {
  position: sticky !important;

  bottom: -68px !important;
  z-index: 30 !important;

  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;

  margin: 15px -18px -68px !important;
  padding: 11px 18px !important;

  border-top: 1px solid #e2e8f0 !important;

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

  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

body.ucd-controller-users .modal-box input[type="submit"],
body.ucd-controller-users .modal-box button[type="submit"] {
  width: auto !important;
  min-width: 88px !important;

  height: 34px !important;
  min-height: 34px !important;

  padding: 0 14px !important;

  border: 1px solid #1674d1 !important;
  border-radius: 6px !important;

  color: #ffffff !important;
  background: #1674d1 !important;

  font-size: 11px !important;
  font-weight: 650 !important;

  box-shadow: none !important;
}

body.ucd-controller-users .modal-box input[type="submit"]:hover,
body.ucd-controller-users .modal-box button[type="submit"]:hover {
  background: #0f63b7 !important;
}

/* ==========================================================
   ANIMACIÓN SUTIL
   ========================================================== */

body.ucd-controller-users .modal.modal-open .modal-box,
body.ucd-controller-users .modal[open] .modal-box {
  animation: ucdUserDrawerIn .16s ease-out !important;
}

@keyframes ucdUserDrawerIn {
  from {
    opacity: 0;
    transform: translateX(18px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}


/* ==========================================================
   UCD ADMIN 4 — INLINE USER EDITOR
   ========================================================== */

#ucd-user-inline-editor {
  position: fixed !important;
  inset: 0 !important;

  z-index: 999999 !important;

  pointer-events: none !important;
}

/* Overlay muy suave */
#ucd-user-inline-editor
.ucd-user-drawer-backdrop {
  position: absolute !important;
  inset: 0 !important;

  background: rgba(15,23,42,.10) !important;

  opacity: 0 !important;

  transition: opacity .16s ease !important;
}

/* Drawer */
#ucd-user-inline-editor
.ucd-user-drawer {
  position: absolute !important;

  top: 78px !important;
  right: 24px !important;
  bottom: 24px !important;

  display: flex !important;
  flex-direction: column !important;

  width: 390px !important;
  max-width: calc(100vw - 48px) !important;

  border: 1px solid rgba(15,23,42,.12) !important;
  border-radius: 12px !important;

  background: #f8fafc !important;

  box-shadow:
    0 18px 55px rgba(15,23,42,.22) !important;

  overflow: hidden !important;

  transform: translateX(420px) !important;

  transition:
    transform .18s ease !important;
}

/* Open */
#ucd-user-inline-editor.is-open {
  pointer-events: auto !important;
}

#ucd-user-inline-editor.is-open
.ucd-user-drawer {
  transform: translateX(0) !important;
}

#ucd-user-inline-editor.is-open
.ucd-user-drawer-backdrop {
  opacity: 1 !important;
}

/* ==========================================================
   HEADER
   ========================================================== */

.ucd-user-drawer-header {
  flex: 0 0 auto !important;

  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  min-height: 64px !important;

  padding: 12px 14px 11px 16px !important;

  border-bottom: 1px solid #e2e8f0 !important;

  background: #ffffff !important;
}

.ucd-user-drawer-header h2 {
  margin: 0 !important;

  color: #172033 !important;

  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 19px !important;
}

.ucd-user-drawer-header p {
  margin: 2px 0 0 !important;

  color: #718096 !important;

  font-size: 10px !important;
  line-height: 14px !important;
}

.ucd-user-drawer-close {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 30px !important;
  height: 30px !important;

  padding: 0 !important;

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

  color: #475569 !important;
  background: transparent !important;

  font-size: 21px !important;

  cursor: pointer !important;
}

.ucd-user-drawer-close:hover {
  color: #0f172a !important;
  background: #eef2f6 !important;
}

/* ==========================================================
   CONTENT
   ========================================================== */

.ucd-user-drawer-content {
  flex: 1 1 auto !important;
  min-height: 0 !important;

  padding: 14px 16px 18px !important;

  overflow-x: hidden !important;
  overflow-y: auto !important;

  background: #f8fafc !important;

  scrollbar-width: none !important;
}

.ucd-user-drawer-content::-webkit-scrollbar {
  display: none !important;
}

/* ==========================================================
   FORM RESET
   ========================================================== */

.ucd-user-drawer-content form {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
}

.ucd-user-drawer-content .card,
.ucd-user-drawer-content .card-body,
.ucd-user-drawer-content section,
.ucd-user-drawer-content fieldset,
.ucd-user-drawer-content .rounded-xl,
.ucd-user-drawer-content .rounded-lg,
.ucd-user-drawer-content
[class*="bg-base-"] {
  margin: 0 !important;
  padding: 0 !important;

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

  background: transparent !important;

  box-shadow: none !important;
}

/* Sections */
.ucd-user-drawer-content
.card + .card,
.ucd-user-drawer-content
section + section,
.ucd-user-drawer-content
fieldset + fieldset {
  margin-top: 15px !important;
  padding-top: 15px !important;

  border-top: 1px solid #e2e8f0 !important;
}

/* Titles */
.ucd-user-drawer-content h2,
.ucd-user-drawer-content h3,
.ucd-user-drawer-content h4,
.ucd-user-drawer-content legend {
  margin: 0 0 3px !important;

  color: #172033 !important;

  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 17px !important;
}

/* Secondary descriptions */
.ucd-user-drawer-content p,
.ucd-user-drawer-content .text-sm {
  margin: 0 0 9px !important;

  color: #718096 !important;

  font-size: 9.5px !important;
  line-height: 13px !important;
}

/* Labels */
.ucd-user-drawer-content label {
  color: #344054 !important;

  font-size: 9.5px !important;
  font-weight: 650 !important;
}

/* Inputs */
.ucd-user-drawer-content
input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.ucd-user-drawer-content select,
.ucd-user-drawer-content textarea {
  box-sizing: border-box !important;

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

  padding: 5px 8px !important;

  border: 1px solid #cbd5e1 !important;
  border-radius: 6px !important;

  color: #172033 !important;
  background: #ffffff !important;

  font-size: 10.5px !important;

  box-shadow: none !important;
}

/* Grid */
.ucd-user-drawer-content .grid {
  gap: 8px !important;
}

/* Links */
.ucd-user-drawer-content a {
  font-size: 9.5px !important;
}

/* Submit */
.ucd-user-drawer-content
input[type="submit"],
.ucd-user-drawer-content
button[type="submit"] {
  min-width: 82px !important;
  min-height: 32px !important;

  padding: 0 12px !important;

  border: 1px solid #1674d1 !important;
  border-radius: 6px !important;

  color: #ffffff !important;
  background: #1674d1 !important;

  font-size: 10px !important;
  font-weight: 700 !important;

  box-shadow: none !important;
}

/* Loading/error */
.ucd-user-drawer-loading,
.ucd-user-drawer-error {
  padding: 25px 8px !important;

  color: #64748b !important;

  font-size: 11px !important;

  text-align: center !important;
}

/* User row clickable */
body.ucd-controller-users
.ucd-user-edit-target {
  cursor: pointer !important;
}