/* ════════════════════════════════════════════════════════════════════════
   🎨 SIANTRA NocoDB · piel de la pantalla de acceso (login/signup)
   Canon "Pantallas de acceso SIANTRA" (cross-stack · namespace -nocodb).
   Overlay autocontenido sobre nocodb 0.301.3 · targets DOM de signin.vue/signup.
   Reconstruye la pantalla SIN tocar inputs/submit reales.
   Paleta canon: Carbon #0c1220 · Sapphire #1E3A5F · Pearl #F7F7F7 · Gold #C9A962
   ════════════════════════════════════════════════════════════════════════ */

/* ---- 1) Fondo pantalla auth: Carbon punteado ---- */
.signin,
.signup{
  background:
    radial-gradient(circle at 1px 1px, rgba(201,169,98,.06) 1px, transparent 0) 0 0 / 22px 22px,
    radial-gradient(1200px 600px at 50% -10%, #16233b 0%, #0c1220 55%) !important;
  min-height:100vh !important;
}

/* ---- 2) Tarjeta: glass oscuro premium ---- */
.signin > div:first-of-type,
.signup > div:first-of-type{
  background: rgba(18,28,48,.72) !important;
  border:1px solid rgba(201,169,98,.18) !important;
  border-radius:18px !important;
  box-shadow:0 24px 60px -20px rgba(0,0,0,.65), inset 0 1px 0 rgba(255,255,255,.04) !important;
  backdrop-filter: blur(14px) saturate(120%);
  -webkit-backdrop-filter: blur(14px) saturate(120%);
  padding:40px 36px 28px !important;
  margin-top:0 !important;   /* ya no hay icono flotante que compensar */
}

/* Card de "Terms of Service" (2º hijo en signup): sin encuadre · gris sutil */
.signup > div:not(:first-of-type){
  background:transparent !important; border:none !important; box-shadow:none !important;
  backdrop-filter:none !important; -webkit-backdrop-filter:none !important;
  padding:8px 0 0 !important; margin-top:6px !important;
}
.signup > div:not(:first-of-type),
.signup > div:not(:first-of-type) *{
  color:rgba(247,247,247,.34) !important; font-size:12px !important;
}
.signup > div:not(:first-of-type) a{ color:rgba(201,169,98,.55) !important; }

/* ---- 3) Ocultar el icono/logo nativo NocoDB (div.absolute con img[alt=NocoDB]) ---- */
.signin > div > div:has(> div > img[alt="NocoDB"]),
.signup > div > div:has(> div > img[alt="NocoDB"]),
.signin > div > div.absolute,
.signup > div > div.absolute,
.siantra-hide{ display:none !important; }

/* ---- 4) Bloque de marca SIANTRA (inyectado por el JS) ----
   Línea 1: wordmark SIANTRA gold (asset) · Línea 2: nombre stack · Línea 3: función */
.siantra-brand{ display:flex; flex-direction:column; align-items:center; gap:6px; margin:4px 0 20px; }
.siantra-brand img{ width:188px; max-width:72%; height:auto; display:block; }
.siantra-brand .siantra-stack{
  font-family:'Playfair Display', Georgia, serif;
  font-size:22px; font-weight:700; color:#F7F7F7; letter-spacing:.01em; margin-top:6px;
}
.siantra-brand .siantra-sub{
  font-family: Inter, system-ui, sans-serif;
  font-size:13px; color:rgba(247,247,247,.60); letter-spacing:.015em;
}

/* ---- 5) Campos sobre fondo oscuro ---- */
.signin .ant-form-item-label > label,
.signup .ant-form-item-label > label{
  color:rgba(247,247,247,.82) !important; font-weight:600 !important;
}
.signin .ant-input,
.signin .ant-input-affix-wrapper,
.signup .ant-input,
.signup .ant-input-affix-wrapper{
  background: rgba(255,255,255,.04) !important;
  border:1px solid rgba(247,247,247,.16) !important;
  color:#F7F7F7 !important; border-radius:10px !important;
}
.signin .ant-input::placeholder,
.signup .ant-input::placeholder{ color:rgba(247,247,247,.38) !important; }
.signin .ant-input-affix-wrapper:focus-within,
.signup .ant-input-affix-wrapper:focus-within,
.signin .ant-input:focus,
.signup .ant-input:focus{
  border-color:#C9A962 !important; box-shadow:0 0 0 3px rgba(201,169,98,.16) !important;
}
.signin .ant-input-password-icon,
.signup .ant-input-password-icon{ color:rgba(247,247,247,.55) !important; }

/* ---- 6) Botón principal: estilo canon auth SIANTRA (= dashboard LoginForm) ---- */
[data-testid="nc-form-signin__submit"],
[data-testid="nc-form-signup__submit"],
.signin button[type="submit"],
.signup button[type="submit"]{
  display:flex !important; align-items:center !important; justify-content:center !important;
  width:100% !important; padding:14px 24px !important; margin-top:4px !important;
  background:linear-gradient(135deg, #1E3A5F 0%, #2B4A6F 100%) !important;
  border:1px solid rgba(201,169,98,.25) !important; border-radius:12px !important;
  font-size:16px !important; font-weight:600 !important; color:#fff !important;
  box-shadow:0 4px 15px rgba(30,58,95,.25), 0 2px 8px rgba(201,169,98,.15), inset 0 1px 0 rgba(255,255,255,.2) !important;
  transition:all .3s ease !important;
}
[data-testid="nc-form-signin__submit"]:hover,
[data-testid="nc-form-signup__submit"]:hover,
.signin button[type="submit"]:hover,
.signup button[type="submit"]:hover{
  background:linear-gradient(135deg, #2B4A6F 0%, #1E3A5F 100%) !important;
  border-color:rgba(201,169,98,.4) !important; transform:translateY(-2px) !important;
  box-shadow:0 8px 30px rgba(30,58,95,.35), 0 0 40px rgba(201,169,98,.12), inset 0 1px 0 rgba(255,255,255,.3) !important;
}
/* Ocultar el icono cohete del botón (solo el texto "Acceder"/"Crear acceso") */
.signin button[type="submit"] svg,
.signup button[type="submit"] svg{ display:none !important; }

/* ---- 7) Enlaces / textos secundarios ---- */
.signin a, .signup a,
.signin .text-primary, .signup .text-primary{ color:#C9A962 !important; }

/* ---- 8) Footer SIANTRA® (inyectado por el JS) ---- */
.siantra-foot{
  text-align:center; margin-top:22px;
  font-family: Inter, system-ui, sans-serif; font-size:11px;
  letter-spacing:.28em; color:rgba(247,247,247,.40); text-transform:uppercase;
}