/*
 * UCD Sign Glass UI 4.1
 *
 * Arquitectura:
 * - fondo dinámico de Branding
 * - sidebar glass
 * - una sola superficie principal glass
 * - sin paneles blancos internos
 * - tablas, formularios y tarjetas integrados
 */

/* =========================================================
   BASE GLOBAL
   ========================================================= */

html,
body.ucd-sign-2 {
  min-height: 100%;
  background-color: transparent !important;
}

body.ucd-sign-2 {
  color: #1f2937;
}

body.ucd-sign-2 .ucd-main-container {
  width: min(calc(100% - 36px), 1680px) !important;
  max-width: none !important;
  margin: 0 auto !important;
  padding: 20px 0 26px !important;
  background: transparent !important;
}

/* =========================================================
   WORKSPACE: TEMPLATES / SUBMISSIONS
   ========================================================= */

.ucd-workspace-shell-v3 {
  display: grid !important;
  grid-template-columns: 252px minmax(0, 1fr) !important;
  gap: 18px !important;
  width: 100% !important;
  min-height: calc(100dvh - 150px) !important;
  align-items: stretch !important;
}

/* Sidebar glass */
.ucd-workspace-shell-v3 .ucd-workspace-sidebar {
  position: relative !important;
  top: auto !important;

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

  min-height: 0 !important;
  max-height: none !important;

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.34),
      rgba(231, 238, 248, 0.18)
    ) !important;

  border: 1px solid rgba(255, 255, 255, 0.42) !important;
  border-radius: 22px !important;

  box-shadow:
    0 22px 55px rgba(15, 23, 42, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.52) !important;

  backdrop-filter: blur(22px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(22px) saturate(145%) !important;

  overflow: hidden !important;
}

.ucd-workspace-shell-v3 .ucd-sidebar-scroll {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  background: transparent !important;
}

.ucd-workspace-shell-v3 .ucd-sidebar-footer {
  flex: 0 0 auto !important;
  background: rgba(255, 255, 255, 0.10) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.24) !important;
}

/* Área principal */
.ucd-workspace-content {
  min-width: 0 !important;
  min-height: 0 !important;
  background: transparent !important;
}

/* Única superficie principal */
.ucd-workspace-stage {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;

  width: 100% !important;
  min-height: calc(100dvh - 150px) !important;
  padding: 18px !important;

  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.30),
      rgba(219, 230, 245, 0.16)
    ) !important;

  border: 1px solid rgba(255, 255, 255, 0.44) !important;
  border-radius: 24px !important;

  box-shadow:
    0 24px 60px rgba(15, 23, 42, 0.15),
    inset 0 1px 0 rgba(255, 255, 255, 0.58) !important;

  backdrop-filter: blur(24px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(150%) !important;

  overflow: hidden !important;
}

/* =========================================================
   HEADER DE PÁGINA
   ========================================================= */

.ucd-page-header,
.ucd-page-header-v3 {
  flex: 0 0 auto !important;

  min-height: 86px !important;
  margin: 0 !important;
  padding: 8px 10px 14px !important;

  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.24) !important;
  border-radius: 0 !important;
  box-shadow: none !important;

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

.ucd-page-header-v3 > div {
  background: transparent !important;
}

.ucd-page-header-title {
  color: #172033 !important;
}

.ucd-page-header-subtitle,
.ucd-page-header-eyebrow {
  color: rgba(51, 65, 85, 0.68) !important;
}

/* =========================================================
   TEMPLATES / FINDER
   ========================================================= */

ucd-explorer {
  display: block;
  flex: 1 1 auto !important;
  min-height: 0 !important;
}

.ucd-finder {
  height: 100% !important;
  min-height: 0 !important;

  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  overflow: hidden !important;
}

.ucd-finder-header {
  background: rgba(255, 255, 255, 0.10) !important;
  border-top: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.30) !important;
  box-shadow: none !important;
}

.ucd-finder-body {
  min-height: 0 !important;
  background: transparent !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

.ucd-finder-section {
  background: rgba(255, 255, 255, 0.08) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.20) !important;
  color: rgba(51, 65, 85, 0.68) !important;
}

.ucd-finder-row {
  background: transparent !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.18) !important;
  box-shadow: none !important;
}

.ucd-finder-row:hover {
  background: rgba(255, 255, 255, 0.13) !important;
}

.ucd-finder-row.ucd-explorer-selected {
  background: rgba(91, 51, 132, 0.14) !important;
  box-shadow: inset 3px 0 0 #5b3384 !important;
}

/* Neutralizar superficies heredadas */
.ucd-workspace-stage table,
.ucd-workspace-stage thead,
.ucd-workspace-stage tbody,
.ucd-workspace-stage tr,
.ucd-workspace-stage th,
.ucd-workspace-stage td {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* =========================================================
   WELCOME / TOUR
   ========================================================= */

dashboard-dropzone {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
}

dashboard-dropzone > .mt-4 {
  flex: 0 0 auto !important;
  margin-top: 8px !important;
  background: transparent !important;
}

#ucd_tour_box,
#app_tour_manager {
  height: auto !important;
  min-height: 92px !important;
  padding: 10px 18px !important;

  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;

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

/* =========================================================
   SUBMISSIONS
   ========================================================= */

body.ucd-controller-submissions .ucd-workspace-stage {
  overflow-y: auto !important;
}

/* Tarjetas integradas en el mismo panel */
body.ucd-controller-submissions .ucd-workspace-stage article,
body.ucd-controller-submissions .ucd-workspace-stage [class*="submission-card"],
body.ucd-controller-submissions .ucd-workspace-stage [class*="submission-row"],
body.ucd-controller-submissions .ucd-workspace-stage .rounded-xl,
body.ucd-controller-submissions .ucd-workspace-stage .rounded-2xl {
  background: rgba(255, 255, 255, 0.17) !important;
  border-color: rgba(255, 255, 255, 0.25) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;

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

/* Upload integrado, sin otra caja blanca */
body.ucd-controller-submissions dashboard-dropzone,
body.ucd-controller-submissions [class*="dropzone"] {
  background: transparent !important;
  box-shadow: none !important;
}

body.ucd-controller-submissions [class*="border-dashed"],
body.ucd-controller-submissions .border-dashed {
  background: rgba(255, 255, 255, 0.07) !important;
  border-color: rgba(255, 255, 255, 0.28) !important;
  box-shadow: none !important;
}

/* =========================================================
   SETTINGS
   ========================================================= */

.ucd-settings-shell {
  display: grid !important;
  grid-template-columns: 252px minmax(0, 1fr) !important;
  gap: 18px !important;

  width: 100% !important;
  min-height: calc(100dvh - 150px) !important;

  background: transparent !important;
}

/* Sidebar Settings */
.ucd-settings-sidebar {
  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.34),
      rgba(231, 238, 248, 0.18)
    ) !important;

  border: 1px solid rgba(255, 255, 255, 0.42) !important;
  border-radius: 22px !important;

  box-shadow:
    0 22px 55px rgba(15, 23, 42, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.52) !important;

  backdrop-filter: blur(22px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(22px) saturate(145%) !important;

  overflow: hidden !important;
}

/* Una única superficie principal Settings */
.ucd-settings-main {
  min-width: 0 !important;
  min-height: calc(100dvh - 150px) !important;

  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.30),
      rgba(219, 230, 245, 0.16)
    ) !important;

  border: 1px solid rgba(255, 255, 255, 0.44) !important;
  border-radius: 24px !important;

  box-shadow:
    0 24px 60px rgba(15, 23, 42, 0.15),
    inset 0 1px 0 rgba(255, 255, 255, 0.58) !important;

  backdrop-filter: blur(24px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(150%) !important;

  overflow: hidden !important;
}

/* Header y contenido integrados */
.ucd-settings-header {
  margin: 0 !important;
  padding: 24px 30px 16px !important;

  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.24) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.ucd-settings-content,
.ucd-settings-content > div {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.ucd-settings-content {
  padding: 22px 30px 40px !important;
  overflow-y: auto !important;
}

/* Campos legibles */
.ucd-settings-content input,
.ucd-settings-content select,
.ucd-settings-content textarea {
  background: rgba(255, 255, 255, 0.76) !important;
  border-color: rgba(255, 255, 255, 0.52) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.60) !important;
}

/* =========================================================
   LIMPIEZA
   ========================================================= */

.ucd-workspace-stage::before,
.ucd-workspace-stage::after,
.ucd-settings-main::before,
.ucd-settings-main::after,
.ucd-settings-content::before,
.ucd-settings-content::after {
  display: none !important;
  content: none !important;
}

body.ucd-sign-2 * {
  box-sizing: border-box;
  scrollbar-width: thin;
  scrollbar-color: rgba(77, 61, 104, 0.30) transparent;
}

/* =========================================================
   UCD SHELL 4.2 — SIN CAJAS EXTERIORES
   Mantiene contenido, scroll, Welcome y paginación
   ========================================================= */

/* ---------- WORKSPACE: CAJA IZQUIERDA ---------- */

.ucd-workspace-shell-v3 .ucd-workspace-sidebar {
  background: transparent !important;
  background-color: transparent !important;

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

  box-shadow: none !important;

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

  overflow: hidden !important;
}

.ucd-workspace-shell-v3 .ucd-sidebar-scroll,
.ucd-workspace-shell-v3 .ucd-sidebar-footer {
  background: transparent !important;
  background-color: transparent !important;

  border-radius: 0 !important;
  box-shadow: none !important;
}

.ucd-workspace-shell-v3 .ucd-sidebar-footer {
  border-top: 1px solid rgba(71, 85, 105, 0.15) !important;
}

/* ---------- WORKSPACE: CAJA DERECHA ---------- */

.ucd-workspace-content,
.ucd-workspace-stage {
  background: transparent !important;
  background-color: transparent !important;

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

  box-shadow: none !important;

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

.ucd-workspace-stage {
  padding: 0 !important;
  overflow: hidden !important;
}

/* El header queda directamente sobre el fondo */
.ucd-page-header,
.ucd-page-header-v3 {
  padding-left: 8px !important;
  padding-right: 8px !important;

  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.24) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Finder integrado, sin superficie exterior */
ucd-explorer,
.ucd-finder {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Welcome mantiene posición, pero sin caja */
#ucd_tour_box,
#app_tour_manager,
dashboard-dropzone > .mt-4 {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* ---------- SETTINGS: QUITAR CAJAS IZQUIERDA Y DERECHA ---------- */

.ucd-settings-sidebar,
.ucd-settings-main {
  background: transparent !important;
  background-color: transparent !important;

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

  box-shadow: none !important;

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

.ucd-settings-header,
.ucd-settings-content,
.ucd-settings-content > div {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Mantener campos legibles */
.ucd-settings-content input,
.ucd-settings-content select,
.ucd-settings-content textarea {
  background: rgba(255,255,255,.78) !important;
}

/* ---------- SUBMISSIONS ---------- */

body.ucd-controller-submissions .ucd-workspace-stage {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Se mantienen solamente las filas funcionales */
body.ucd-controller-submissions .ucd-workspace-stage article,
body.ucd-controller-submissions .ucd-workspace-stage [class*="submission-card"],
body.ucd-controller-submissions .ucd-workspace-stage [class*="submission-row"] {
  background: rgba(255,255,255,.16) !important;
  border-color: rgba(255,255,255,.25) !important;
}

/* Upload sin caja exterior */
body.ucd-controller-submissions .border-dashed,
body.ucd-controller-submissions [class*="dropzone"] {
  background: transparent !important;
  box-shadow: none !important;
}

/* UCD SETTINGS TRUE GLASS START */

body.ucd-sign-2 .ucd-settings-shell {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* IZQUIERDA: sin caja blanca */
body.ucd-sign-2 .ucd-settings-sidebar,
body.ucd-sign-2 .ucd-settings-sidebar .ucd-s3-nav,
body.ucd-sign-2 .ucd-settings-sidebar .ucd-s3-nav-top,
body.ucd-sign-2 .ucd-settings-sidebar .ucd-s3-footer {
  background: rgba(255, 255, 255, 0.05) !important;
  box-shadow: none !important;
}

body.ucd-sign-2 .ucd-settings-sidebar {
  border-right: 1px solid rgba(255, 255, 255, 0.20) !important;
  backdrop-filter: blur(18px) saturate(115%);
  -webkit-backdrop-filter: blur(18px) saturate(115%);
}

/* DERECHA: completamente abierta */
body.ucd-sign-2 .ucd-settings-main,
body.ucd-sign-2 .ucd-settings-header,
body.ucd-sign-2 .ucd-settings-content {
  background: transparent !important;
  box-shadow: none !important;
}

body.ucd-sign-2 .ucd-settings-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.16) !important;
}

/* CONTENIDO: vidrio casi invisible */
body.ucd-sign-2 .ucd-settings-glass-card {
  width: 100%;
  max-width: 920px;
  margin: 0;
  padding: 30px;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.20) !important;
  border-radius: 22px;
  box-shadow:
    0 18px 45px rgba(24, 45, 55, 0.035),
    inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
  backdrop-filter: blur(20px) saturate(110%);
  -webkit-backdrop-filter: blur(20px) saturate(110%);
}

/* Eliminar cajas blancas internas */
body.ucd-sign-2 .ucd-settings-glass-card .card,
body.ucd-sign-2 .ucd-settings-glass-card .card-body,
body.ucd-sign-2 .ucd-settings-glass-card form {
  background: transparent !important;
  box-shadow: none !important;
}

/* Mantener solo los campos visibles */
body.ucd-sign-2 .ucd-settings-glass-card input,
body.ucd-sign-2 .ucd-settings-glass-card select,
body.ucd-sign-2 .ucd-settings-glass-card textarea {
  background: rgba(255, 255, 255, 0.58) !important;
}

/* UCD SETTINGS TRUE GLASS END */