/* ===== Login Error Styles ===== */

/* Error banner */
.login-error-banner {
  display: none;
  align-items: center;
  gap: 8px;
  background-color: #fef2f2;
  border: 1px solid #d32f2f;
  border-radius: 4px;
  padding: 10px 12px;
  margin-bottom: 16px;
  font-size: 14px;
  color: #d32f2f;
}

.login-error-banner.visible {
  display: flex;
}

.login-error-banner svg {
  flex-shrink: 0;
}

/* Error messages */
.error-msg {
  display: none;
  font-size: 12px;
  color: #d32f2f;
  margin-top: 4px;
}

.form-group.has-error input {
  border-color: #d32f2f;
}

.form-group.has-error .error-msg {
  display: block;
}

.form-group.has-error label {
  color: #d32f2f;
}

/* Disabled button state */
.login-card .login-btn:disabled {
  background-color: #a0a4b8;
  cursor: not-allowed;
  opacity: 0.7;
}

.login-card .login-btn:disabled:hover {
  background-color: #a0a4b8;
}

/* SMS Verification page */
.sms-description {
  font-size: 14px;
  color: #555;
  margin-bottom: 20px;
  line-height: 1.5;
}

.sms-resend {
  text-align: center;
  font-size: 13px;
  color: #555;
  margin-top: 16px;
}

.resend-link {
  background: none;
  border: none;
  color: #006fcf;
  font-size: 13px;
  cursor: pointer;
  padding: 0;
  text-decoration: underline;
}

.resend-link:hover {
  color: #004a8f;
}

.resend-link:disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: none;
}