/* Scoped to online course pages; existing editor controls remain intact. */
.learning-nav-progress {padding:16px 8px 8px;font-size:13px}
.learning-nav-progress progress {display:block;width:100%;height:10px;margin-top:9px;accent-color:#397454}
.learning-nav-tools {padding:12px 8px;font-size:13px}
.learning-nav-tools label {display:block;margin:8px 0}
.learning-nav-tools input[type="search"] {box-sizing:border-box;width:100%;padding:10px;border:1px solid #b8c9c1;background:white;color:#24343a}
.learning-nav-tools input[type="checkbox"] {accent-color:#397454}
#onVseb .learning-group-count {display:block;margin-top:5px;font-weight:400}
#onVseb .learning-nav-group a[data-completed="true"] {border-inline-end:3px solid #397454}
#onVseb .learning-nav-group a[data-completed="true"] .learning-nav-state {color:#286443;font-weight:600}
#onVseb .learning-finish.is-completed {background:#edf7ef;border-color:#75a486}
#onVseb .learning-finish-actions {display:flex;align-items:center;flex-wrap:wrap;gap:20px}
#onVseb .learning-complete-status {margin-bottom:0;min-height:1.6em;font-weight:600}
#onVseb .learning-finish.is-completed #learning-complete {background:white;color:#286443;border:1px solid #75a486}
#onVseb .learning-syllabus {padding:12px 0 0;list-style:none;margin:12px 0 0;border-top:1px solid #dbe3e2}
#onVseb .learning-syllabus a {display:flex;justify-content:space-between;gap:15px;padding:9px 0;color:#24343a;text-decoration:none;line-height:1.4}
#onVseb .learning-syllabus a:hover span {text-decoration:underline}
#onVseb .learning-syllabus small {color:#56686f;flex-shrink:0;font-size:11px}
#onVseb .learning-group>a {color:inherit;text-decoration:none}
@media(max-width:600px){#onVseb .learning-syllabus a {flex-wrap:wrap;gap:4px}#onVseb .learning-syllabus small{width:100%}}
#onVseb { --learning-ink:#24343a; --learning-muted:#56686f; --learning-accent:#a93b13; }
#onVseb [hidden] {display:none!important}
#onVseb .learning-overview {padding:28px 30px;background:#f5f8f7;border:1px solid #dde7e2;border-radius:16px;margin:18px 0 32px;color:var(--learning-ink)}
#onVseb .learning-overview h1 {margin:8px 0 16px;color:var(--learning-ink)}
#onVseb .learning-eyebrow {font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--learning-accent)}
#onVseb .learning-muted,#onVseb .learning-meta {color:var(--learning-muted);line-height:1.6}
#onVseb .learning-primary {display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:13px 20px;background:var(--learning-accent);color:white;border:0;border-radius:8px;text-decoration:none;font-size:16px;font-weight:600;cursor:pointer;box-shadow:none}
#onVseb .learning-primary:disabled {background:#e3ece6;color:#284e37;cursor:default}
#onVseb .learning-progress {max-width:540px;margin:24px 0}
#onVseb .learning-progress label {display:block;margin-bottom:10px}
#onVseb .learning-progress progress {width:100%;height:12px;accent-color:#397454}
#onVseb .learning-groups {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:36px}
#onVseb .learning-group {display:flex;flex-direction:column;border:1px solid #dbe3e2;border-radius:12px;padding:22px;color:var(--learning-ink);text-decoration:none;background:white}
#onVseb .learning-group:hover {border-color:var(--learning-accent);background:#fffaf7}
#onVseb .learning-group h3 {margin:0;font-size:21px}
#onVseb .learning-group-link {margin-top:auto;color:var(--learning-accent);font-weight:600}
#onVseb .learning-badge {display:inline-block;align-self:flex-start;font-size:11px;line-height:1.5;font-weight:500;background:#edf2f1;color:#40565e;border-radius:4px;padding:2px 6px}
#onVseb .learning-lessons {list-style:decimal;padding-left:24px;max-width:none;box-sizing:border-box}
#onVseb .learning-lessons li {padding:0 0 12px}
#onVseb .learning-lessons a {display:flex;flex-wrap:wrap;gap:10px;padding:18px;border:1px solid #dbe3e2;border-radius:8px;text-decoration:none;color:var(--learning-ink)}
#onVseb .learning-lessons strong {flex:1;min-width:180px}
#onVseb .learning-lessons .learning-muted {width:100%}
#onVseb .learning-sidebar {box-sizing:border-box;height:calc(100dvh - 50px);background:#fafcfb;padding:0 12px 32px;overscroll-behavior:contain}
#onVseb .learning-course-home {display:block;color:var(--learning-ink);padding:18px 8px;font-weight:600;line-height:1.5;border-bottom:1px solid #e3e9e6}
#onVseb .learning-course-home span {display:block;font-size:12px;font-weight:400;color:var(--learning-muted)}
#onVseb .learning-nav-group {border-bottom:1px solid #e3e9e6}
#onVseb .learning-nav-group summary {cursor:pointer;padding:16px 8px;font-weight:600;color:var(--learning-ink)}
#onVseb .learning-nav-group ol {list-style:none;margin:0;padding:0 0 8px}
#onVseb .learning-nav-group li {margin:0}
#onVseb .learning-nav-group a {display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:10px 12px;color:var(--learning-ink);border-radius:6px;line-height:1.4}
#onVseb .learning-nav-group a[aria-current] {background:#fbeee6;box-shadow:inset 3px 0 var(--learning-accent)}
#onVseb .learning-nav-group small {color:var(--learning-muted);font-size:12px}
#onVseb .learning-breadcrumbs {display:flex;flex-wrap:wrap;gap:8px;font-size:13px;line-height:1.7;color:var(--learning-muted)}
#onVseb .learning-breadcrumbs a {color:var(--learning-accent)}
#onVseb .learning-toc {background:#f5f8f7;border:1px solid #dbe3e2;border-radius:8px;padding:14px 18px;max-width:none;box-sizing:border-box;margin:20px 0}
#onVseb .learning-toc summary {cursor:pointer;font-weight:600}
#onVseb .learning-toc a {color:var(--learning-accent)}
#onVseb #learning-content {max-width:none;box-sizing:border-box;line-height:1.7;overflow-wrap:anywhere}
#onVseb #learning-content h2,#onVseb #learning-content h3 {scroll-margin-top:110px}
#onVseb #learning-content video {position:relative;z-index:auto;width:100%;max-width:100%;height:auto;border-radius:8px;background:#142028}
#onVseb #learning-content iframe {max-width:100%}
#onVseb #learning-content img {max-width:100%;height:auto}
#onVseb .learning-video-tools {display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding:10px 0 24px}
#onVseb .learning-video-tools select {padding:7px;border:1px solid #b8c9c1;border-radius:4px}
#onVseb .learning-video-tools button,#onVseb .learning-question-help,#onVseb .learning-retry {background:white;border:1px solid #b8c9c1;border-radius:6px;padding:10px;color:var(--learning-ink);cursor:pointer;box-shadow:none}
#onVseb .learning-answer-status {font-weight:600}
#onVseb .learning-error {color:#9e241b}
#onVseb .learning-finish {max-width:none;box-sizing:border-box;margin:32px 0 20px;padding:24px;border:1px solid #dbe3e2;background:#f5f8f7;border-radius:12px}
#onVseb .learning-finish h2 {margin-top:0}
#onVseb .learning-pager {display:flex;justify-content:space-between;gap:16px;margin:28px 0 36px;max-width:none;box-sizing:border-box}
#onVseb .learning-pager a {flex:1;display:flex;flex-direction:column;gap:7px;text-decoration:none;padding:16px;background:white;border:1px solid #c6d6cc;border-radius:8px;color:var(--learning-ink)}
#onVseb .learning-pager small {color:var(--learning-accent)}
#onVseb .learning-locked {max-width:none;box-sizing:border-box;padding:24px;border:1px solid #dbe3e2;border-radius:12px;margin-top:20px;background:#f5f8f7}
#onVseb .learning-access {position:static;max-width:none;box-sizing:border-box;padding:20px 0}
#onVseb .learning-access #paywall {position:static}
#onVseb .learning-access h2 {font-size:23px}
#onVseb .learning-access .prijavniTrak {margin:0}
#onVseb :is(a,button,summary,select):focus-visible {outline:3px solid #196788;outline-offset:3px}
#onVseb .learning-mobile {display:none}
@media(max-width:1000px) {
 #onVseb .learning-mobile {display:block;position:sticky;top:50px;z-index:9;background:white;padding:10px 15px;border-bottom:1px solid #dbe3e2}
 #onVseb .learning-mobile button {border:1px solid #b8c9c1;border-radius:6px;background:#f5f8f7;color:#24343a;padding:10px 14px;cursor:pointer;box-shadow:none}
 #onVseb .learning-sidebar {display:none;top:110px;width:min(340px,100%);height:calc(100dvh - 110px);z-index:10;box-shadow:4px 6px 16px #0002}
 #onVseb .learning-sidebar.learning-open {display:block}
 #onVseb .vsebinaPoglavja,#onVseb .breadcrumbs {margin-left:0;padding-left:16px;padding-right:16px}
 #onVseb .learning-overview {padding:20px}
 #onVseb .learning-pager {position:sticky;bottom:0;z-index:3;background:#fff;padding:8px 0;margin-bottom:0}
 #onVseb .learning-pager a {padding:10px;font-size:13px;min-width:0}
 #onVseb .learning-finish {padding:18px}
 body:has(.learning-pager) .taiaUI {bottom:96px}
}
@media(max-width:600px) {
 #onVseb .learning-groups {grid-template-columns:1fr}
 #onVseb .learning-overview h1 {font-size:28px}
 #onVseb .learning-group {padding:18px}
 #onVseb .learning-primary {width:100%;box-sizing:border-box}
 #onVseb .learning-breadcrumbs {font-size:12px}
 #onVseb .learning-access .flexSredina {max-width:100%}
}

#onVseb .learning-objective,#onVseb .learning-summary {max-width:none;box-sizing:border-box;padding:16px 20px;background:#f5f8f7;border-left:3px solid #397454;margin:20px 0;line-height:1.6}
#onVseb .learning-transcript {width:100%;padding:12px 0;max-height:360px;overflow:auto}
#onVseb .learning-transcript summary {cursor:pointer;font-weight:600}
#onVseb .learning-transcript button {text-align:left;width:100%;line-height:1.5}
@media(max-width:1000px) { body:has(.learning-sidebar.learning-open) .taiaUI {display:none} }

#onVseb .learning-question-help {display:inline-flex;align-items:center;gap:8px;margin-inline-start:auto;white-space:nowrap}
#onVseb .learning-question-help svg {width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;flex-shrink:0}
@media(max-width:600px) { #onVseb .vprasanje_user {padding:20px} }