/* Override cuối cho cổng User: một nền liền mạch, không đường chia cột. */
.user-login-page .user-auth-shell {
  background:
    linear-gradient(135deg, rgba(7, 16, 29, 0.97), rgba(16, 34, 54, 0.96)),
    linear-gradient(rgba(56, 189, 248, 0.075) 1px, transparent 1px),
    linear-gradient(90deg, rgba(56, 189, 248, 0.075) 1px, transparent 1px),
    linear-gradient(rgba(2, 6, 23, 0.3) 1px, transparent 1px),
    linear-gradient(90deg, rgba(2, 6, 23, 0.3) 1px, transparent 1px);
  background-size: auto, 44px 44px, 44px 44px, 11px 11px, 11px 11px;
}

.user-login-page .user-auth-hero,
.user-login-page .user-auth-panel {
  background: transparent;
  border: 0;
}

.user-login-page .user-auth-gallery {
  border: 0;
  box-shadow: 0 20px 70px rgba(2, 6, 23, 0.18);
}

.user-login-page .user-auth-panel {
  color: #f8fafc;
}

.user-login-page .user-auth-panel-head > p:last-child {
  color: #aab8ca;
}

.user-login-page .user-auth-field > span {
  color: #e2e8f0;
}

.user-login-page .user-auth-input {
  border-color: #64748b;
  background: rgba(15, 23, 42, 0.72);
}

.user-login-page .user-auth-recovery-hint {
  color: #fbbf24;
}

@media (max-width: 900px) {
  .user-login-page .user-auth-shell {
    display: grid;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100%;
    max-width: 100vw;
  }

  .user-login-page .user-auth-hero,
  .user-login-page .user-auth-panel {
    width: 100%;
    min-width: 0;
    border: 0;
  }
}
.user-login-page {
  overflow-x: hidden;
}

.user-login-page .user-auth-shell {
  position: relative;
  isolation: isolate;
  width: 100%;
  max-width: 100vw;
  min-width: 0;
  overflow: hidden;
}

.user-login-page .user-auth-shell > * {
  position: relative;
  z-index: 1;
  min-width: 0;
}