.auth, .submission-form {
  background-color: #f4faff;
  border: 1px solid #cce5ff;
  border-radius: 0.5rem;
  padding: 1.5rem;
  max-width: 700px;
  // margin: 2rem auto;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

/* Form kontrole */
.auth .form-control, .submission-form .form-control {
  border: 1px solid #bcdfff;
  border-radius: 0.4rem;
  transition: border-color 0.3s ease-in-out;
}

.auth .form-control:focus, .submission-form .form-control:focus {
  border-color: #007acc;
  box-shadow: 0 0 0 0.15rem rgba(0, 122, 204, 0.25);
}

/* Naslovi sekcija */
.section-title {
  font-weight: 600;
  color: #007acc;
  font-size: 1.05rem;
  margin-bottom: 0.5rem;
}

/* Sekcije kao kartice */
.card-soft {
  background-color: #f8fbff;
  border: 1px solid #dceeff;
  border-radius: 0.5rem;
  padding: 1rem 1.25rem;
  margin-bottom: 1rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

/* Naslovi forma */
.auth .text-primary, .submission-form .form-title {
  font-weight: bold;
  font-size: 1.25rem;
  color: #007acc;
}

/* Linkovi */
.auth a, .submission-form a {
  color: #007acc;
  text-decoration: none;
  font-weight: 500;
}

.auth a:hover, .submission-form a:hover {
  color: #005c99;
  text-decoration: underline;
}

/* Dugmad */
.btn-primary {
  background-color: #007acc;
  border-color: #007acc;
}

.btn-primary:hover {
  background-color: #005c99;
  border-color: #005c99;
}

/* Koraci forme (1/3) */
.form-step {
  float: right;
  font-size: 0.95rem;
  color: #666;
  font-weight: 500;
}

/* Custom checklist */
.custom-checklist {
  padding-left: 0;
  list-style: none;
}

.custom-checklist li {
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}