/* Moderni stil forme za Status Predmeta */

.status-predmeta-form {
  max-width: 100%;
  margin: 30px auto;
  padding: 20px;
  background: #ffffff;
  border-style: solid;
    border-width: 1px;
  border-color: #b8b8bb;
  border-radius: 2px;
  font-family: Fira Sans Condensed, Roboto, sans-serif;
}

.status-predmeta-form label {
  display: block;
  margin: 12px 0 6px;
  font-weight: 400;
  color: #374151;
}

.status-predmeta-form input[type="text"] {
  width: 100%;
  padding: 12px;
  border: 1px solid #d1d5db;
  border-radius: 2px;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.status-predmeta-form input[type="text"]:focus {
  border-color: #2563eb;
  box-shadow: 0 0 0 3px rgba(37,99,235,0.2);
  outline: none;
}

.status-predmeta-form input[type="submit"] {
  margin-top: 16px;
  padding: 12px 20px;
  background: linear-gradient(90deg, #2563eb, #1e40af);
  border: none;
  border-radius: 2px;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
  transition: transform 0.15s, filter 0.2s;
}

.status-predmeta-form input[type="submit"]:hover {
  filter: brightness(1.05);
  transform: translateY(-1px);
}

.sp-message {
  margin-top: 16px;
  padding: 12px 14px;
  border-radius: 2px;
  font-weight: 500;
}

.sp-message.sp-error {
  background: #fee2e2;
  border: 1px solid #fca5a5;
  color: #b91c1c;
}

.sp-message.sp-success {
  background: #F0FFF0;
  border: 1px solid #B8E5B8;
  color: #1d1f28;
}

.sp-result {
  margin-top: 18px;
  padding: 14px;
  border: 1px solid #e5e7eb;
  border-radius: 2px;
  background: #f9fafb;
}

.sp-result dt {
  font-weight: 700;
  margin-top: 0px;
}

.sp-result dd {
  margin: 0 0 6px 0;
}

.sp-result dt::after {
  content: "\00a0"; /* non-breaking space */
}

/* Dugme za provjeru statusa */
.status-predmeta-form input[type='submit'] {
  margin-top: 16px;
  padding: 12px 22px;
  border: none;
  border-radius: 2px;
  background: linear-gradient(90deg, #1a625f, #1a625f); /* plavi gradijent */
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  cursor: pointer;
  transition: transform 0.15s ease, filter 0.2s ease;
  width: 100%;
}

.status-predmeta-form input[type='submit']:hover {
  filter: brightness(1.1);
  transform: translateY(-2px);
}

.status-predmeta-form input[type='submit']:active {
  transform: translateY(0);
  filter: brightness(0.95);
}