/* Alat: Kalkulator studentskog ugovora (uz zajednički kalkulator.css) */

/* ---------- Godišnja zarada i limiti ---------- */
.year { display: grid; gap: 0.9rem; }
.year-title { color: var(--ink-soft); }
.year-title strong { color: var(--ink); font-weight: 700; font-variant-numeric: tabular-nums; }

.track {
  position: relative; height: 14px; margin-bottom: 1.6rem;
  border-radius: 7px; background: var(--surface-2);
}
.track-dosad, .track-nova { position: absolute; top: 0; bottom: 0; transition: left 0.25s, width 0.25s; }
.track-dosad { left: 0; border-radius: 7px 0 0 7px; background: color-mix(in srgb, var(--pen) 40%, var(--surface-2)); }
.track-nova { background: var(--pen); border-radius: 0 7px 7px 0; }
.track-nova.is-start { border-radius: 7px; }
.track-mark {
  position: absolute; top: -4px; bottom: -4px; width: 2px; margin-left: -1px;
  background: var(--ink);
}
.track-mark span {
  position: absolute; top: calc(100% + 4px); left: 50%; transform: translateX(-50%);
  font-size: 0.8rem; font-weight: 650; color: var(--ink-soft); white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.track-mark.at-end span { left: auto; right: 0; transform: none; }
@media (prefers-reduced-motion: reduce) { .track-dosad, .track-nova { transition: none; } }

.limits { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.6rem; }
.limits li {
  display: grid; grid-template-columns: 1.6rem 1fr; gap: 0.6rem; align-items: start;
  padding: 0.7rem 0.85rem; border: 1px solid var(--line); border-radius: 10px;
}
.limits .icon {
  display: inline-grid; place-items: center; width: 1.6rem; height: 1.6rem; border-radius: 50%;
  font-weight: 800; font-size: 0.9rem; line-height: 1;
  background: color-mix(in srgb, var(--pen) 14%, var(--surface)); color: var(--pen);
}
.limits li.over { border-color: color-mix(in srgb, var(--red) 45%, var(--line)); }
.limits li.over .icon { background: color-mix(in srgb, var(--red) 14%, var(--surface)); color: var(--red); }
.limits strong { display: block; font-weight: 650; }
.limits .detail { color: var(--ink-soft); font-size: 0.93rem; }