.complain-form-wrapper {
  max-width: 600px;
  margin: 30px auto;
  padding: 25px;
  background: #cfcaca;
  border-radius: 12px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.08);
  font-family: "Inter", "Segoe UI", sans-serif;
}

/* Judul */
.complain-form-wrapper h2 {
  text-align: center;
  margin-bottom: 20px;
  font-size: 22px;
  font-weight: 600;
  color: #333;
}

.complain-form-wrapper label {
  display: block;
  font-weight: 600;
  margin-bottom: 4px; /* Jarak label ke input */
  color: #0f172a;
}

.complain-form-wrapper input[type="text"],
.complain-form-wrapper input[type="email"],
.complain-form-wrapper input[type="tel"],
.complain-form-wrapper textarea {
  width: 100% !important;
  padding: 12px 14px !important;
  margin-bottom: 4px !important; /* Jarak antar input */
  border: 1.5px solid #d1d5db !important; /* abu-abu muda */
  border-radius: 8px !important;
  background: #fafafa !important;
  font-size: 15px !important;
  transition: all 0.3s ease !important;
  display: block !important;
  box-sizing: border-box !important;
}

.complain-form-wrapper input:focus,
.complain-form-wrapper textarea:focus {
  border-color: #2563eb !important; /* biru benhur */
  background: #fff !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15) !important;
}

.complain-form-wrapper button {
  background: #2563eb !important; /* biru benhur */
  color: #fff !important;
  border: none !important;
  padding: 12px 20px !important;
  border-radius: 8px !important;
  font-weight: bold !important;
  cursor: pointer !important;
  margin-top: 8px !important; /* Jarak tombol ke input terakhir */
  width: 100% !important; /* Full width tombol */
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}


.complain-form-wrapper button:hover {
  background: #1e40af;
}

/* Pesan sukses */
.complain-form-wrapper .success-message {
  padding: 12px;
  background: #dcfce7;
  color: #166534;
  border: 1.5px solid #86efac;
  border-radius: 8px;
  margin-top: 15px;
  text-align: center;
}