/* --- LOGIN SECTION STYLES --- */

.login-section {
  min-height: 70vh; /* Takes up most of the screen height */
  display: flex;
  align-items: center;
  justify-content: center;
}

.login-card {
  width: 100%;
  max-width: 800px; /* Consistent with your modification */
  padding: 3rem 2rem;
  
  /* Ensure sharp corners */
  border-radius: 0; 
}

/* Adjusting spacing between label and input to be tighter/cleaner */
.login-card label {
  margin-bottom: 0.5rem;
  font-weight: 600;
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.login-card input {
  margin-bottom: 0.25rem;
  padding: 0.8rem;
}

/* Button Styling */
.login-card button {
  width: 100%;
  padding: 1rem;
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-radius: 0 !important;
  transition: all 0.2s ease;
}

.login-card button:hover {
  transform: translateY(-2px);
}

/* Link Styling */
.login-card a {
  color: var(--pico-primary);
}

.login-card a:hover {
  text-decoration: underline;
}

/* --- AUTH ALERT BOX STYLES --- */

.auth-alert {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1.25rem;
  margin-bottom: 2rem;
  border: 1px solid transparent;
  
  /* Force sharp edges */
  border-radius: 0 !important;
  
  background-color: var(--pico-background-color); /* Use theme background */
}

/* Success State */
.auth-alert.success {
  border-color: #22c55e; /* Success Green */
  background-color: rgba(34, 197, 94, 0.05); /* Very light green tint */
  color: #14532d; /* Dark green text */
}

/* Info/Warning State */
.auth-alert.info {
  border-color: #3b82f6; /* Blue */
  background-color: rgba(59, 130, 246, 0.05);
  color: #1e3a8a; /* Dark blue text */
}
/* Error State */
.auth-alert.error {
  border-color: #ef4444; /* Red */
  background-color: rgba(239, 68, 68, 0.05);
  color: #7f1d1d; /* Dark red text */
}

.auth-alert svg {
  flex-shrink: 0;
  margin-top: 2px;
}

.auth-alert strong {
  display: block;
  font-size: 1rem;
  margin-bottom: 0.25rem;
  color: inherit;
}

.auth-alert small {
  display: block;
  font-size: 0.85rem;
  opacity: 0.8;
  line-height: 1.4;
}