/* CILJ-GUI: Berljiva ena stran brez zunanjih virov — sistemska pisava, tap-target 44 px
   (`min-height: 2.75rem`), delo pri 375 px, dolge vrstice dokumenta se ne razlomijo čez stran.
   Opozorilo je poudarjeno: če vir ni odgovoril, uporabnik to MORA videti. */
:root {
  --rob: 1rem;
  --crta: #c9ccd1;
  --opozorilo: #8a4b00;
  --napaka: #a0142a;
}
* { box-sizing: border-box; }
body { font-family: system-ui, sans-serif; line-height: 1.5; margin: 0; }
main { max-width: 46rem; margin: 0 auto; padding: var(--rob); }
h1 { font-size: 1.5rem; }
h2 { font-size: 1.15rem; margin-top: 1.5rem; }
.uvod { color: #4a4f57; }
label { display: block; margin-block: 0.75rem; font-weight: 600; }
label small { display: block; font-weight: 400; color: #4a4f57; margin-top: 0.25rem; }
textarea, input {
  display: block; width: 100%; min-height: 2.75rem; margin-top: 0.25rem;
  padding: 0.5rem; font: inherit; border: 1px solid var(--crta); border-radius: 0.25rem;
}
details { margin-block: 1rem; border: 1px solid var(--crta); border-radius: 0.25rem; padding: 0.5rem 0.75rem; }
summary { min-height: 2.75rem; display: flex; align-items: center; cursor: pointer; font-weight: 600; }
button, a[id^="prenos"] {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 2.75rem; min-width: 2.75rem; padding: 0.6rem 1rem;
  margin-top: 0.5rem; margin-right: 0.5rem; font: inherit; cursor: pointer;
  border: 1px solid var(--crta); border-radius: 0.25rem; text-decoration: none; color: inherit;
}
button:hover, a[id^="prenos"]:hover { background: #eef0f3; }
button:disabled { opacity: 0.6; cursor: progress; }
#dogodki li { margin-block: 0.25rem; }
/* Opozorilo je vidno, ne skrito: dokument brez virov ni napaka, je pa dejstvo, ki ga mora
   uporabnik poznati, preden se na oceno zanese. */
.opozorilo { font-weight: 600; color: var(--opozorilo); }
pre {
  white-space: pre-wrap; overflow-x: auto; padding: 0.75rem;
  border: 1px solid var(--crta); border-radius: 0.25rem; background: #f7f8fa;
}
#napaka { font-weight: 600; color: var(--napaka); }
@media (max-width: 480px) {
  main { padding: 0.75rem; }
  a[id^="prenos"] { display: flex; margin-right: 0; }
}