/* Optimasi Compact Layout */
.login-card {
  max-width: 700px; /* Lebar dikurangi */
  margin: 1rem auto;
  border-radius: 12px !important;
}

.card-header h2 {
  font-size: 1.5rem;
  color: var(--primary-color);
}

.group-card {
  background: rgba(255, 255, 255, 0.98);
  border: 1px solid #dee2e6;
  border-radius: 8px !important;
  padding: 1rem !important;
  margin-bottom: 1rem;
}

.group-card h6 {
  font-size: 0.95rem;
  color: var(--primary-color);
  padding-bottom: 0.5rem;
  border-bottom: 2px solid var(--secondary-color);
  margin-bottom: 1rem;
}

.form-label {
  font-size: 0.8rem !important;
  margin-bottom: 0.2rem !important;
}

.form-control-sm {
  font-size: 0.85rem !important;
  padding: 0.4rem 0.8rem !important;
  border-radius: 6px !important;
  border: 1px solid #ced4da !important;
}

.form-control-sm::placeholder {
    color: lightgray;      /* Warna abu-abu */
    font-weight: 300; /* Ketebalan tipis */
    opacity: 1;       /* Pastikan tidak transparan */
}

.form-text {
  font-size: 0.7rem !important;
}

/* Optimasi Grid */
.row.g-3 {
  --bs-gutter-y: 0.5rem;
}

/* Tombol Lebih Compact */
.btn-primary {
  padding: 0.5rem 1rem !important;
  font-size: 0.9rem !important;
  border-radius: 6px !important;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
  .login-card {
    margin: 1rem;
    border-radius: 8px !important;
  }

  .group-card {
    margin-bottom: 0.75rem !important;
  }
}