/* ==========================================================
   UCD USERS — MODERN FASPEX STYLE
   ========================================================== */

body.ucd-controller-users {
  --users-text: #111827;
  --users-muted: #64748b;
  --users-border: rgba(71,85,105,.20);
  --users-blue: #1677d2;
  --users-blue-soft: rgba(22,119,210,.10);
}

/* ----------------------------------------------------------
   CONTENT BACKDROP
   ---------------------------------------------------------- */

body.ucd-controller-users .ucd-settings-main {
  background:
    linear-gradient(
      180deg,
      rgba(248,250,252,.97),
      rgba(241,245,249,.95)
    ) !important;
}

body.ucd-controller-users .ucd-settings-header {
  background: rgba(248,250,252,.96) !important;
  border-bottom: 1px solid var(--users-border) !important;
}

body.ucd-controller-users .ucd-settings-content {
  background: transparent !important;
  color: var(--users-text) !important;
}

/* ----------------------------------------------------------
   TITLE
   ---------------------------------------------------------- */

body.ucd-controller-users .ucd-settings-header h1,
body.ucd-controller-users .ucd-settings-content h1,
body.ucd-controller-users .ucd-settings-content h2 {
  color: var(--users-text) !important;
  font-weight: 650 !important;
  letter-spacing: -.025em !important;
}

/* ----------------------------------------------------------
   LIST CONTAINER
   ---------------------------------------------------------- */

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

  width: 100% !important;
  margin: 0 !important;

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

  box-shadow: none !important;
}

/* ----------------------------------------------------------
   HEADER ROW
   ---------------------------------------------------------- */

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

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

  grid-template-columns:
    minmax(280px, 1.7fr)
    minmax(120px, .7fr)
    minmax(150px, .8fr)
    minmax(170px, .9fr)
    64px !important;

  align-items: center !important;

  min-height: 48px !important;

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

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

  padding: 0 16px !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;
}

/* ----------------------------------------------------------
   USERS
   ---------------------------------------------------------- */

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

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

  grid-template-columns:
    minmax(280px, 1.7fr)
    minmax(120px, .7fr)
    minmax(150px, .8fr)
    minmax(170px, .9fr)
    64px !important;

  align-items: center !important;

  min-height: 88px !important;

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

  background: transparent !important;

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

body.ucd-controller-users .ucd-settings-content tbody tr:hover {
  background: rgba(255,255,255,.48) !important;
}

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

  min-width: 0 !important;

  padding: 14px 16px !important;

  border: 0 !important;

  color: #1e293b !important;
  background: transparent !important;

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

  opacity: 1 !important;
}

/* ----------------------------------------------------------
   NAME + EMAIL
   ---------------------------------------------------------- */

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

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

  column-gap: 14px !important;

  align-items: center !important;
}

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

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

  width: 42px !important;
  height: 42px !important;

  border-radius: 50% !important;

  color: #155e9b !important;
  background: #d9ecff !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: #64748b !important;

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

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

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

/* ----------------------------------------------------------
   ROLE
   ---------------------------------------------------------- */

body.ucd-controller-users .ucd-settings-content .badge {
  min-height: 24px !important;

  padding: 2px 9px !important;

  border: 1px solid rgba(22,119,210,.68) !important;
  border-radius: 999px !important;

  color: #1677d2 !important;
  background: rgba(255,255,255,.72) !important;

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

  opacity: 1 !important;

  box-shadow: none !important;
}

/* ----------------------------------------------------------
   ACCESS / LAST SESSION
   ---------------------------------------------------------- */

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: #1e293b !important;
  opacity: 1 !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 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

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

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

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

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

  cursor: pointer !important;
}

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

/* ----------------------------------------------------------
   NEW USER
   ---------------------------------------------------------- */

body.ucd-controller-users a[href="/users/new"],
body.ucd-controller-users a[href$="/users/new"] {
  border: 1px solid #1677d2 !important;
  border-radius: 5px !important;

  color: #ffffff !important;
  background: #1677d2 !important;

  box-shadow: none !important;
}

body.ucd-controller-users a[href="/users/new"]:hover,
body.ucd-controller-users a[href$="/users/new"]:hover {
  background: #0f65b5 !important;
}

/* ----------------------------------------------------------
   DROPDOWN
   ---------------------------------------------------------- */

body.ucd-controller-users .ucd-user-menu-panel {
  border: 1px solid #d8dee6 !important;
  border-radius: 6px !important;

  background: #ffffff !important;

  box-shadow:
    0 14px 34px rgba(15,23,42,.16) !important;
}

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"] {
  color: #1e293b !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 {
  background: #f1f5f9 !important;
}

/* ----------------------------------------------------------
   GENERAL CONTRAST
   ---------------------------------------------------------- */

body.ucd-controller-users .ucd-settings-content *,
body.ucd-controller-users .ucd-settings-header * {
  text-shadow: none !important;
}

body.ucd-controller-users .ucd-settings-content .text-base-content\/60,
body.ucd-controller-users .ucd-settings-content .opacity-50,
body.ucd-controller-users .ucd-settings-content .opacity-60,
body.ucd-controller-users .ucd-settings-content .opacity-70 {
  opacity: 1 !important;
  color: #64748b !important;
}

/* ==========================================================
   USERS — CLEAN ROW HOVER
   Sin cajas blancas
   ========================================================== */

/* Todas las celdas permanecen transparentes */
body.ucd-controller-users
.ucd-settings-content tbody tr td {
  background: transparent !important;
  box-shadow: none !important;
}

/* También durante hover */
body.ucd-controller-users
.ucd-settings-content tbody tr:hover td {
  background: transparent !important;
  box-shadow: none !important;
}

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

  background: transparent !important;

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

  box-shadow: none !important;

  transition:
    background-color .15s ease !important;
}

/* Hover muy sutil */
body.ucd-controller-users
.ucd-settings-content tbody tr:hover {
  background:
    linear-gradient(
      90deg,
      rgba(37,99,235,.065),
      rgba(37,99,235,.018) 55%,
      transparent
    ) !important;
}

/* Pequeña barra azul al lado izquierdo */
body.ucd-controller-users
.ucd-settings-content tbody tr::before {
  content: "" !important;

  position: absolute !important;

  left: 0 !important;
  top: 15px !important;
  bottom: 15px !important;

  width: 3px !important;

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

  background: transparent !important;

  transition: background-color .15s ease !important;
}

body.ucd-controller-users
.ucd-settings-content tbody tr:hover::before {
  background: #2583df !important;
}

/* Mantener textos bien visibles */
body.ucd-controller-users
.ucd-settings-content tbody tr:hover
.ucd-user-primary {
  color: #0f172a !important;
}

body.ucd-controller-users
.ucd-settings-content tbody tr:hover
.ucd-user-secondary {
  color: #475569 !important;
}

/* Evitar reglas antiguas bg-white / hover */
body.ucd-controller-users
.ucd-settings-content tbody tr:hover
[class*="bg-"],
body.ucd-controller-users
.ucd-settings-content tbody tr:hover
[class*="hover:bg-"] {
  background: transparent !important;
}