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}.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;margin:0;color:#205072;font-size:1.5em}.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}.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;position:-webkit-sticky;position:sticky;top:0;z-index:50;background:white;transition:transform .18s ease-out,box-shadow .18s ease-out}.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%;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}.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}.koloneflex{display:flex;gap:1.5em;margin-bottom:2em;flex-wrap:nowrap;align-items:stretch}.kolona{background:#f8fafc;min-height:300px;border-radius:12px;padding:1em;flex:1 1;min-width:0;border:1px solid #e2e8f0}.kolonatitle{font-weight:700;font-size:1.1em;margin-bottom:1em;color:#205072;text-align:center;padding-bottom:.5em;border-bottom:2px solid #e2e8f0}.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;margin-bottom:.2em}.identinfo,.identinfo b{color:#444;overflow-wrap:anywhere;word-break:break-word}.identinfo b{font-weight:700}.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 rgba(136,136,136,.13);box-shadow:0 2px 5px #88b;margin-bottom:.2em;display:block;margin-left:auto;margin-right:auto}.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 button{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.11em;border:none;border-radius:8px;padding:.7em 2.3em;margin-right:.7em;cursor:pointer}.inproc{background:#fffec2;color:#bfa400}.done{background:#c6ffc6;color:#1fa51f}.inactive{background:#e6e6e6;color:#888}.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-footer-row{display:flex;align-items:center;gap:1.1em;margin-top:.6em}.ident-footer-row .statusbtn{margin:0}.ident-footer-row .workername{margin-left:0}.ident-footer-row .helpreqbtn{margin-left:auto}.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}.overview-section{max-width:1500px;margin:0 auto;background:white;border-radius:14px;box-shadow:0 4px 20px rgba(32,80,114,.15);padding:1.5em}.sidebar-overview{margin-top:auto;display:flex;flex-direction:column;gap:.5em;padding-top:.8em;border-top:1px solid #d0dde6}.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;width:100%;justify-content:center}.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;left:0;top:100%;background:white;min-width:unset;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{display:block}.loginbox{max-width:400px;margin:10vh auto;background:white;border-radius:14px;padding:2em;box-shadow:0 4px 20px rgba(32,80,114,.15);text-align:center}.loginbox h1{color:#205072;margin-bottom:1em}.loginbox input{font-size:1.1em;padding:.4em 1em;border-radius:6px;border:1.3px solid #205072;width:85%;box-sizing:border-box}.loginbox button{padding:.6em 2.5em;font-size:1.1em;border-radius:8px;background:#205072;color:white;border:none;cursor:pointer;margin-top:1em}.loginbox button:hover{background:#2d6a94}.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}.modal-box{background:white;max-width:410px;width:95vw;padding:1.3em 1.1em 1em;border-radius:13px;box-shadow:0 4px 20px rgba(0,0,0,.15);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}.modal-actions{margin-top:1.1em;text-align:right}.modal-cancel{background:#aaa;padding:.35em 1.7em;margin-right:.8em}.modal-cancel,.modal-save{color:white;border:none;border-radius:6px;cursor:pointer}.modal-save{background:#205072;padding:.35em 2em}.modal-save.danger{background:#ee4d2d}@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 button{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}}