/* ODS PROSUMER v0.9.5: sucelje bez promjena poslovne logike */
.ods-portal { --ods-focus:#2874b9; --ods-line:#dbe4ee; }
.ods-portal .ods-actions { gap:8px; padding:4px 0 8px; }
.ods-portal .ods-actions .ods-btn { transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease; }
.ods-portal .ods-btn:focus-visible,.ods-portal a:focus-visible,.ods-portal button:focus-visible,.ods-portal select:focus-visible,.ods-portal input:focus-visible { outline:3px solid var(--ods-focus); outline-offset:2px; }
.ods-portal .ods-box { box-shadow:0 8px 28px rgba(12,44,79,.055); }
.ods-portal .ods-register-table-wrap { border-radius:12px; scrollbar-gutter:stable; }
.ods-portal .ods-register-table thead th { position:sticky;top:0;z-index:2;background:#edf3f9;box-shadow:0 1px 0 #d8e3ef; }
.ods-portal .ods-register-table tbody tr { transition:background-color .12s ease; }
.ods-portal .ods-register-table tbody tr:focus-within { background:#eaf3fd; }
.ods-portal .ods-detail-grid { gap:14px; }
.ods-portal .ods-detail { border:1px solid #e3eaf2; }
.ods-portal .ods-detail small { font-size:.77rem;letter-spacing:.01em; }
.ods-portal .ods-register-filters { border-radius:13px; }
.ods-portal .ods-register-filters label { line-height:1.35; }
.ods-portal .ods-badge { line-height:1.35;max-width:100%;overflow-wrap:anywhere; }
.ods-portal .ods-dev-item:hover { border-color:#b7ccdf; }
@media(max-width:760px){
 .ods-portal .ods-actions { display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding-bottom:12px;-webkit-overflow-scrolling:touch; }
 .ods-portal .ods-actions .ods-btn { flex:0 0 auto;white-space:nowrap;scroll-snap-align:start; }
 .ods-portal .ods-box { padding:16px; }
 .ods-portal .ods-detail-grid { grid-template-columns:1fr; }
 .ods-portal .ods-register-table thead th { position:static; }
}
@media(prefers-reduced-motion:reduce){.ods-portal .ods-actions .ods-btn,.ods-portal .ods-register-table tbody tr{transition:none}}

/* v0.9.6: compact, accessible read-only workflow overview */
.ods-wf-progress{margin:18px 0 22px}
.ods-wf-progress ol{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;list-style:none;padding:0;margin:0}
.ods-wf-progress li{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:13px 11px;border:1px solid #d9e3ee;border-radius:12px;background:#f8fafc}
.ods-wf-progress-num{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;font-size:13px;font-weight:700;background:#e7eef6;color:#34506b}
.ods-wf-progress-name{font-weight:700;color:#183455;font-size:13px;overflow-wrap:anywhere;line-height:1.35}
.ods-wf-progress-state{font-size:11px;color:#66798b}
.ods-wf-progress li.is-complete{background:#f0faf5;border-color:#b7ddca}
.ods-wf-progress li.is-complete .ods-wf-progress-num{background:#207b59;color:white}
.ods-wf-progress li.is-current{background:#edf5ff;border-color:#91b8e0}
.ods-wf-progress li.is-current .ods-wf-progress-num{background:#215f9a;color:white}
.ods-wf-progress .ods-wf-small{margin:9px 2px 0}
@media(max-width:1150px){.ods-wf-progress ol{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.ods-wf-progress ol{grid-template-columns:repeat(2,minmax(0,1fr))}.ods-wf-progress li{padding:10px}}
@media(max-width:380px){.ods-wf-progress ol{grid-template-columns:1fr}.ods-wf-progress li{flex-direction:row;align-items:center;flex-wrap:wrap}.ods-wf-progress-state{margin-left:auto}}