body{font-family:Segoe UI,system-ui,sans-serif;padding:.8rem;background:#e8eef3;margin:0}.mainbox{max-width:1500px;margin:0 auto;background:white;border-radius:14px;box-shadow:0 4px 20px rgba(32,80,114,.15);padding:1.2em 1.5em}h1{margin:0;color:#205072;font-size:1.5em}.top-header{justify-content:space-between;padding:.6em 0;border-bottom:2px solid #e2e8f0;margin-bottom:.8em;flex-wrap:wrap;gap:.8em}.header-left,.top-header{display:flex;align-items:center}.header-left{gap:1.5em}.header-left h1{white-space:nowrap}.usergreet{font-size:.95em;color:#4a6b7c;background:#f0f5f8;padding:.4em 1em;border-radius:20px}.usergreet b{color:#205072}.header-right{display:flex;align-items:center;gap:.6em}.servisbtn{font-size:.95em;border-radius:8px;font-weight:600;padding:.5em 1.2em;box-shadow:0 2px 4px rgba(0,0,0,.1);border:none;cursor:pointer;background:#205072;color:white;transition:all .15s ease}.servisbtn:hover{background:#2d6a94}.servisbtn:active{transform:translateY(1px)}.servisbtn[hidden]{display:none}.logoutbtn{font-size:.95em;border-radius:8px;font-weight:600;padding:.5em 1.2em;background:#ee4d2d;color:white;border:none;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:all .15s ease}.logoutbtn:hover{background:#ff6347}.filters-row{display:flex;align-items:center;gap:.8em;padding:.7em 0;border-bottom:1px solid #e2e8f0;margin-bottom:1em;flex-wrap:wrap}.filters-row label{font-size:.9em;color:#4a6b7c;font-weight:500}.filters-row select{font-size:.95em;padding:.4em .8em;border-radius:6px;border:1.5px solid #c0d0dd;background:white;color:#205072;cursor:pointer;min-width:130px}.filters-row select:focus{border-color:#205072;outline:none}.search-group{display:flex;align-items:center;gap:.4em;margin-left:auto}.search-group input{font-size:.95em;padding:.4em .8em;border-radius:6px;border:1.5px solid #c0d0dd;width:200px}.search-group input:focus{border-color:#205072;outline:none}.search-group button{font-size:.95em;padding:.4em .9em;border-radius:6px;background:#205072;color:white;border:none;cursor:pointer}.search-group button:hover{background:#2d6a94}.main-content-wrapper{display:flex;gap:1.2em;margin-bottom:1em}.main-left{flex:1 1;min-width:0}.main-right{width:280px;flex-shrink:0;background:linear-gradient(180deg,#f8fafc,#f0f4f8);border:1px solid #d0dde6;border-radius:12px;padding:1em;display:flex;flex-direction:column;gap:.8em}.sidebar-title{font-size:.9em;font-weight:700;color:#205072;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.3em;padding-bottom:.5em;border-bottom:2px solid #d0dde6}.progress-list{display:flex;flex-direction:column;gap:.7em;max-height:380px;overflow-y:auto}.progress-item{background:white;border-radius:8px;padding:.6em .7em;border:1px solid #e2e8f0}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4em}.progress-label{font-size:.8em;font-weight:600;color:#205072;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.progress-count{font-size:.75em;color:#4a6b7c;font-weight:600}.progress-bar-bg{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:4px;transition:width .3s ease}.progress-bar-fill.partial{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.progress-bar-fill.complete{background:linear-gradient(90deg,#22c55e,#16a34a)}.progress-percent{font-size:.7em;color:#6b7c8a;text-align:right;margin-top:.2em}.sidebar-overview{margin-top:auto;display:flex;flex-direction:column;gap:.5em;padding-top:.8em;border-top:1px solid #d0dde6}.sidebar-overview .overview-dropdown{width:100%}.sidebar-overview .overview-dropdown-btn{width:100%;justify-content:center}.sidebar-overview .overview-dropdown-content{right:0;left:0;min-width:unset}.procnav-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.6em;gap:.6em;margin-bottom:.8em}.proc-card{background:linear-gradient(135deg,#f8fbfd,#eef4f8);border:2px solid #d0dde6;border-radius:10px;padding:.6em .5em;cursor:pointer;transition:all .15s ease;text-align:center;min-height:70px;display:flex;flex-direction:column;justify-content:center}.proc-card:hover{border-color:#205072;background:linear-gradient(135deg,#eef4f8,#e0ebf2);transform:translateY(-1px);box-shadow:0 3px 8px rgba(32,80,114,.15)}.proc-card.active{background:linear-gradient(135deg,#205072,#2d6a94);border-color:#1a405d;box-shadow:0 4px 12px rgba(32,80,114,.3)}.proc-card.active .proc-name{color:white}.proc-card.active .proc-counts span{color:rgba(255,255,255,.9)}.proc-name{color:#205072;line-height:1.2;margin-bottom:.3em}.proc-counts,.proc-name{font-size:.85em;font-weight:600}.proc-counts{display:flex;justify-content:center;gap:.6em}.proc-counts span{display:flex;align-items:center;gap:.2em}.proc-counts .cnt-wait{color:#6b7c8a}.proc-counts .cnt-prog{color:#b8860b}.proc-counts .cnt-done{color:#228b22}.proc-counts .dot{width:8px;height:8px;border-radius:50%;display:inline-block}.proc-counts .dot-wait{background:#9ca3af}.proc-counts .dot-prog{background:#fbbf24}.proc-counts .dot-done{background:#22c55e}.overview-section{display:flex;align-items:center;justify-content:flex-end;gap:.8em;margin-bottom:1em;padding-top:.5em}.overview-dropdown{position:relative;display:inline-block}.overview-dropdown-btn{font-size:.95em;padding:.5em 1.2em;border-radius:8px;font-weight:600;cursor:pointer;border:2px solid;display:flex;align-items:center;gap:.4em;transition:all .15s ease}.overview-dropdown-btn.yellow{background:#fffbeb;color:#92400e;border-color:#fcd34d}.overview-dropdown-btn.yellow:hover{background:#fef3c7}.overview-dropdown-btn.green{background:#f0fdf4;color:#166534;border-color:#86efac}.overview-dropdown-btn.green:hover{background:#dcfce7}.overview-dropdown-content{display:none;position:absolute;right:0;top:100%;background:white;min-width:200px;box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:8px;z-index:100;overflow:hidden;margin-top:4px}.overview-dropdown-content a{display:block;padding:.7em 1em;color:#205072;text-decoration:none;font-size:.95em;border-bottom:1px solid #f0f0f0;cursor:pointer}.overview-dropdown-content a:last-child{border-bottom:none}.overview-dropdown-content a:hover{background:#f0f5f8}.overview-dropdown.open .overview-dropdown-content,.overview-dropdown:hover .overview-dropdown-content{display:block}.koloneflex{display:flex;gap:1.5em;margin-bottom:2em}.kolona{background:#f8fafc;min-height:300px;border-radius:12px;padding:1em;border:1px solid #e2e8f0}.kolona--v-procesu{background:#ffe5cc;border-color:#f5c99a}.kolona--v-procesu .kolonatitle{background:#ffedd5;margin:-1em -1em 1em;padding:.65em .5em .5em;border-radius:12px 12px 0 0;border-bottom-color:#f5c99a}.kolona--zakljuceno{background:#d5f5e3;border-color:#86efac}.kolona--zakljuceno .kolonatitle{background:#e8faf0;margin:-1em -1em 1em;padding:.65em .5em .5em;border-radius:12px 12px 0 0;border-bottom-color:#86efac}.kolonatitle{font-weight:700;font-size:1.1em;margin-bottom:1em;color:#205072;text-align:center;padding-bottom:.5em;border-bottom:2px solid #e2e8f0}.koloneflex{flex-wrap:nowrap;align-items:stretch}.kolona{flex:1 1}.identbox,.identhead,.identinfo,.kolona{min-width:0}.identinfo,.identinfo a,.identinfo b{overflow-wrap:anywhere;word-break:break-word}.identbox{margin-bottom:2em;background:#fff;border-radius:14px;box-shadow:0 2px 12px #bcd6f8cc;border:2px solid #e2e8f0;padding:1.2em 1.3em 1em;position:relative;transition:box-shadow .13s;display:flex;flex-direction:column;gap:.85em}.identbox.inactive{background:#f3f3f3;color:#aaa;border:1px solid #e4e4e4}.identhead{font-size:1.25em;font-weight:700;color:#205072;margin-bottom:.25em}.identinfo{font-size:1.07em;color:#444;margin-bottom:.2em}.identinfo b{font-weight:700;color:#444}.ident-procesi{margin:.23em 0 .3em}.badge-proc{display:inline-block;font-size:1em;padding:.18em .83em;margin-right:.45em;border-radius:8px;font-weight:700;background:#bafcc4;color:#106c2d;border:1.5px solid #67e990}.badge-proc.inactive{background:#eee;color:#aaa;border:1px solid #e4e4e4}.badge-proc.active{background:#bafcc4;color:#106c2d;border:1.5px solid #67e990}.badge-proc.inproc{background:#ffe066;color:#705b00;border:2px solid #ffec99}.badge-proc.done{background:#c6ffc6;color:#1fa51f;border:2px solid #c1f2c7}.pdf-preview-frame{display:inline-block;border:2.5px solid #b5b5e1;border-radius:10px;box-shadow:0 3px 12px #aee1ff70;background:#f8f8fb;margin-right:1.1em;margin-bottom:.2em;vertical-align:top;padding:.19em .7em .5em;text-align:center}.pdf-preview-thumb{width:170px;height:220px;object-fit:contain;background:white;border-radius:4px;border:1.5px solid #8882;box-shadow:0 2px 5px #88b;margin-bottom:.2em;display:block;margin-left:auto;margin-right:auto}.pdf-open-trigger{display:block;width:100%;padding:0;margin:0;border:none;background:transparent;cursor:pointer;font:inherit;text-align:center}.pdf-open-trigger:focus-visible{outline:2px solid #205072;outline-offset:2px;border-radius:8px}.pdf-preview-caption{font-size:1.08em;color:#205072;margin-top:.1em;margin-bottom:.1em;font-weight:500;text-decoration:underline;cursor:pointer;display:block}.identactions{margin:.6em 0 .1em;display:flex;align-items:flex-end;gap:1.1em;flex-wrap:wrap}.identactions a.pdf-preview-caption,.identactions button:not(.pdf-open-trigger){font-size:1.18em;font-weight:700;border-radius:9px;padding:.7em 2.3em;border:none;margin:0;box-shadow:0 2px 8px #ccd;cursor:pointer;outline:none;transition:background .14s;display:inline-block}.modelbtn{background:#38a169;color:white}.modelbtn:disabled{background:#a7d5b6}.helpreqbtn{background:#ee4d2d;color:white}.opombebtn{background:#f5f5f5;color:#205072;border:1.5px solid #c0c0c0}.statusbtn{font-size:1.02em;font-weight:700;font-family:inherit;border-radius:10px;padding:.62em 1.35em;margin:0;cursor:pointer;line-height:1.25;min-height:42px;white-space:nowrap;box-shadow:0 2px 6px rgba(32,80,114,.1);transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .1s ease}.statusbtn.inproc{background:linear-gradient(180deg,#fffbeb,#fff3b8);color:#92680a;border:2px solid #f0d060}.statusbtn.inproc:hover{background:linear-gradient(180deg,#fff5c8,#ffe88a);border-color:#e0b820;box-shadow:0 3px 10px rgba(191,164,0,.22)}.statusbtn.done{background:linear-gradient(180deg,#f0fdf0,#c8f5c8);color:#157a15;border:2px solid #6fd66f}.statusbtn.done:hover{background:linear-gradient(180deg,#e0fbe0,#aaf0aa);border-color:#3ec83e;box-shadow:0 3px 10px rgba(31,165,31,.2)}.statusbtn.inactive{background:linear-gradient(180deg,#f8fafc,#eef2f6);color:#5a6b7c;border:1.5px solid #c5d2dc}.statusbtn.inactive:hover{background:linear-gradient(180deg,#eef4f8,#e2e8f0);border-color:#9fb0be}.statusbtn:active{transform:translateY(1px);box-shadow:0 1px 2px rgba(32,80,114,.08)}.statusbtn:focus-visible{outline:2px solid #205072;outline-offset:2px}.workername{font-size:1em;color:#205072;margin-left:1.1em;font-style:italic}.opis-opomba{font-size:1.1em;color:#205072;margin-top:.4em;min-height:1.2em}.opis-opomba .no-opomba{color:#bbb}.opis-opomba .has-opomba{color:#205072}.ident-status-btns{gap:.55em}.ident-footer-row,.ident-status-btns{display:flex;flex-wrap:wrap;align-items:center}.ident-footer-row{gap:.65em;margin-top:.75em}.ident-footer-row .workername{margin-left:0}.ident-footer-row .helpreqbtn{margin-left:auto}.search-procnav-bar{display:flex;flex-wrap:wrap;align-items:center;gap:1em;margin-bottom:.7em}.filterwrap,.procnav,.procnav-top{display:none}@media (max-width:1200px){.mainbox{padding:.8em}.koloneflex{flex-direction:column;gap:.7em}.main-right{width:250px}.pdf-preview-thumb{width:130px;height:166px}}@media (max-width:1000px){.main-content-wrapper{flex-direction:column}.main-right{width:100%;gap:1em}.main-right,.progress-list{flex-direction:row;flex-wrap:wrap}.progress-list{max-height:none}.progress-item{min-width:200px;flex:1 1}.sidebar-overview{flex-direction:row;margin-top:0;border-top:none;padding-top:0}.sidebar-title{display:none}}@media (max-width:900px){.procnav-grid{grid-template-columns:repeat(3,1fr)}.header-left{flex-wrap:wrap}}@media (max-width:700px){.procnav-grid{grid-template-columns:repeat(2,1fr)}.pdf-preview-thumb{width:90px;height:115px}.identactions a.pdf-preview-caption,.identactions button:not(.pdf-open-trigger){padding:.5em 1.2em}.filters-row{flex-direction:column;align-items:stretch}.search-group{margin-left:0;width:100%}.search-group input{flex:1 1}.top-header{flex-direction:column;align-items:stretch}.header-right{justify-content:flex-end}.progress-item{min-width:150px}}.material-list{margin:.4em 0 .2em 1em;padding-left:1.1em}.material-list li{margin:.15em 0;font-size:1.02em;color:#2a2a2a}.material-badge{display:inline-block;background:#eef6ff;border:1px solid #cfe4ff;border-radius:6px;padding:.12em .5em;margin-right:.4em}.ident-link{color:#205072;font-weight:700;text-decoration:underline;cursor:pointer}.filters-row{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:white;transition:transform .18s ease-out,box-shadow .18s ease-out}.filters-row.hidden{transform:translateY(-100%);box-shadow:none}.filters-row:not(.hidden){box-shadow:0 2px 12px rgba(32,80,114,.12)}.opombe-box{display:flex;align-items:flex-start;gap:.5em;flex:1 1;min-width:200px}.opombe-box label{font-size:.9em;color:#4a6b7c;font-weight:500;padding-top:.35em;white-space:nowrap}.opombe-input{flex:1 1;font-size:.92em;padding:.4em .8em;border-radius:6px;border:1.5px solid #c0d0dd;background:white;color:#205072;resize:none;min-height:2.4em;font-family:inherit}.opombe-input:focus{border-color:#205072;outline:none}.search-result-msg{color:#d00;font-size:.9em}.pdf-large .pdf-preview-thumb{width:220px;height:280px}.loginbox{max-width:420px;margin:10vh auto;background:#fff;border-radius:14px;box-shadow:0 4px 20px rgba(32,80,114,.15);padding:2em 1.8em 1.6em;text-align:center}.loginbox h1{color:#205072;margin-bottom:.3em;font-size:1.5em}.loginbox input{font-size:1.02em;padding:.6em .9em;border-radius:6px;border:1.5px solid #c0d0dd;width:100%;margin-bottom:.7em;min-height:44px;box-sizing:border-box}.loginbox input:focus{border-color:#205072;outline:none}.loginbox button{padding:.7em 2em;font-size:1em;border-radius:8px;background:#205072;color:#fff;border:none;cursor:pointer;margin-top:1em;font-weight:700;width:100%;min-height:48px}.loginbox button:hover{background:#2d6a94}.loginbox .login-msg{color:#d00;margin-top:1em}.modal-overlay{position:fixed;z-index:2000;left:0;top:0;width:100vw;height:100vh;background:rgba(0,0,0,.25);display:flex;align-items:flex-start;justify-content:center;padding-top:10vh;padding-left:1rem;padding-right:1rem}.modal-box{background:#fff;max-width:410px;width:100%;padding:1.3em 1.1em 1em;border-radius:13px;box-shadow:0 4px 20px rgba(34,34,34,.25);position:relative}.modal-title{font-weight:700;color:#205072;font-size:1.13em}.modal-textarea{margin-top:1em;width:100%;box-sizing:border-box;font-size:1em;padding:.7em;border-radius:6px;border:1.2px solid #205072;resize:vertical;font-family:inherit;min-height:90px}.modal-textarea:focus{outline:none}.modal-actions{margin-top:1.1em;text-align:right;display:flex;justify-content:flex-end;gap:.55em}.modal-cancel{background:#aaa;padding:.35em 1.7em;font-weight:600}.modal-cancel,.modal-save{color:#fff;border:none;border-radius:6px;cursor:pointer}.modal-save{background:#205072;padding:.35em 2em;font-weight:700}.modal-save.danger{background:#ee4d2d}.modal-others-opombe{background:#f0f5f8;border-radius:6px;padding:.6em .85em;margin-bottom:.8em;border-left:3px solid #205072}.modal-other-opomba{font-size:.92em;color:#444;padding:.2em 0}.modal-other-opomba+.modal-other-opomba{border-top:1px solid #e2e8f0;margin-top:.25em;padding-top:.45em}.overview-page{max-width:1500px;margin:0 auto;background:white;border-radius:14px;box-shadow:0 4px 20px rgba(32,80,114,.15);padding:1.5em}