/* ==========================================================
   VCX Sign-In Page — Scoped styles
   Phase 4A: New file. All rules scoped to body[data-vcx-page="vcx-sign-in"].
   ========================================================== */

body[data-vcx-page="vcx-sign-in"] #vcxSignInPanel {
  box-shadow: 0 2px 8px rgba(26, 47, 42, 0.04);
}

body[data-vcx-page="vcx-sign-in"] #vcxSignInForm input:focus {
  outline: none;
  border-color: var(--vcx-brand-primary, #2E4F46);
  box-shadow: 0 0 0 3px rgba(46, 79, 70, 0.1);
}

body[data-vcx-page="vcx-sign-in"] #vcxSignInBtn:hover:not(:disabled) {
  background: #3D6B5E;
}

body[data-vcx-page="vcx-sign-in"] #vcxSignInBtn:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

/* Mobile adjustments */
@media (max-width: 600px) {
  body[data-vcx-page="vcx-sign-in"] #vcxSignInPanel {
    padding: 28px 20px;
  }

  body[data-vcx-page="vcx-sign-in"] #vcxSignInPanel h1 {
    font-size: 1.4rem;
  }

  body[data-vcx-page="vcx-sign-in"] #vcxSignInPanel p {
    font-size: 0.95rem;
  }
}