:root{--nav:#172533;--nav2:#1c2c3a;--blue:#13a8dc;--blue-dark:#008cc6;--ink:#1d3048;--muted:#69809b;--line:#e4ebf2;--bg:#f4f8fc}*{box-sizing:border-box}body{margin:0;font:15px/1.5 'Segoe UI',Arial,sans-serif;color:var(--ink);background:var(--bg)}a{color:#008ed1;text-decoration:none}a:hover{text-decoration:underline}.shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:270px;background:linear-gradient(160deg,#142331,#1c2c3a);color:#eef7ff;display:flex;flex-direction:column;z-index:10;box-shadow:3px 0 15px #162b3910}.brand{display:flex;align-items:center;height:92px;padding:17px 15px;border-bottom:1px solid #ffffff10}.brand img{width:100%;height:auto;max-height:62px;object-fit:contain}.nav{padding:14px 0;flex:1;overflow:auto}.nav-link{display:flex;align-items:center;gap:17px;padding:13px 23px;margin:2px 0;color:#f0f5fc;font-size:15px;border-left:5px solid transparent}.nav-link span{width:24px;text-align:center;font-size:23px;line-height:1}.nav-link:hover,.nav-link.active{background:linear-gradient(90deg,#087fb9,#235d7d);border-left-color:#18b9ed;text-decoration:none;color:white}.nav-link.disabled{opacity:.65;cursor:default}.nav-link.disabled:hover{background:none;border-left-color:transparent}.nav-link small{margin-left:auto;font-size:10px;color:#a8b9c8}.nav-bottom{padding:10px 0 18px;border-top:1px solid #ffffff24}.workspace{margin-left:270px;min-width:0}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:22px;padding:0 30px}.menu-toggle{display:none;border:0;background:transparent;font-size:22px;cursor:pointer}.top-search{color:#8193a8;background:#f3f7fb;border:1px solid #e4ebf2;border-radius:8px;padding:12px 18px;flex:1;max-width:590px}.account{margin-left:auto;font-weight:600}.admin-link{white-space:nowrap}.content{padding:32px 28px;max-width:1700px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:10px 0 28px}.page-heading h1{font-size:30px;line-height:1.2;margin:0 0 9px;font-weight:700}.page-heading p{margin:0;color:var(--muted)}.heading-icon{color:var(--blue-dark);margin-right:10px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1px solid transparent;border-radius:8px;padding:11px 17px;font:600 14px 'Segoe UI',Arial,sans-serif;cursor:pointer;text-decoration:none;white-space:nowrap}.btn:hover{text-decoration:none;filter:brightness(.97)}.btn.primary{background:linear-gradient(180deg,#0db4e9,#008bcb);color:#fff}.btn.light{background:#f2f6fa;color:#45617c;border-color:#e3ebf2}.panel{background:#fff;border-radius:13px;box-shadow:0 6px 24px #1639550a;padding:23px;margin-bottom:22px}.filters-panel{padding:19px}.filter-form{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.filter-form input{flex:1;min-width:230px}.filter-form input,.filter-form select,.form-field input:not([type=checkbox]),.form-field select,.form-field textarea{border:1px solid #d9e4ee;border-radius:8px;background:#fff;color:var(--ink);padding:12px 14px;font:inherit;outline:none}.filter-form input:focus,.filter-form select:focus,.form-field input:focus,.form-field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #13a8dc20}.table-panel{padding:9px 9px 0}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:790px}th{font-size:12px;letter-spacing:.025em;text-transform:uppercase;color:#657c95;background:#f6f9fc;text-align:left}td,th{padding:17px 15px;border-bottom:1px solid var(--line);vertical-align:middle}td{font-size:14px}tbody tr:hover{background:#f9fcff}.name-link{color:var(--ink);font-weight:700}.pill{display:inline-block;font-size:12px;padding:4px 9px;margin:2px 3px 2px 0;border-radius:7px;white-space:nowrap}.pill.blue{background:#e0f4ff;color:#007ec2}.pill.green{background:#def8ee;color:#008e72}.pill.gray{background:#eaf0f5;color:#536d87}.table-footer{padding:18px 15px;color:var(--muted);font-size:13px}.empty{text-align:center;padding:40px;color:var(--muted)}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:16px}.panel-title h2{margin:0 0 18px}.form-panel{padding:28px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.form-field label{display:block;font-size:13px;color:#536a81;font-weight:650;margin-bottom:7px}.form-field input:not([type=checkbox]),.form-field select,.form-field textarea{width:100%}.check-field{display:flex;align-items:center;gap:10px}.check-field label{margin:0}.check-field input{width:18px;height:18px;accent-color:var(--blue-dark)}.form-field small{display:block;color:var(--muted)}.form-actions{display:flex;gap:10px;margin-top:27px}.error{color:#ba2635;font-size:13px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:26px}.stat{padding:25px;background:#fff;border-radius:13px;box-shadow:0 6px 24px #1639550a}.stat span,.stat small{display:block;color:var(--muted)}.stat strong{display:block;font-size:34px;margin:10px 0}.stat small{font-size:12px}@media(max-width:1050px){.stats{grid-template-columns:repeat(2,1fr)}.sidebar{width:225px}.workspace{margin-left:225px}.content{padding:25px 18px}}@media(max-width:720px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:260px}.menu-open .sidebar{transform:translateX(0)}.workspace{margin-left:0}.menu-toggle{display:block}.topbar{height:65px;padding:0 16px;gap:12px}.top-search{display:none}.content{padding:20px 14px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading h1{font-size:25px}.form-grid,.stats{grid-template-columns:1fr}.panel{padding:16px}.filter-form>*{width:100%}.filter-form input{min-width:0}.account{font-size:13px}}
/* UI v2 */
.sidebar{transition:width .18s}.workspace{transition:margin-left .18s}.nav-icon{flex:none;width:26px;text-align:center;font-size:23px}.nav-label{white-space:nowrap}.brand-small{display:none;color:#13a8dc;font-size:23px;font-weight:800}.sidebar-collapsed .sidebar{width:76px}.sidebar-collapsed .workspace{margin-left:76px}.sidebar-collapsed .nav-label,.sidebar-collapsed .brand img{display:none}.sidebar-collapsed .brand-small{display:block}.sidebar-collapsed .brand{justify-content:center}.sidebar-collapsed .nav-link{justify-content:center;padding:14px 5px;gap:0}.icon-btn{border:0;background:transparent;color:#36516e;font-size:23px;cursor:pointer;padding:8px;border-radius:8px}.icon-btn:hover{background:#edf5fb}.desktop-toggle{display:block}.mobile-toggle{display:none}.top-search{display:flex;align-items:center;gap:10px;padding:6px 14px}.top-search input{width:100%;border:0;background:transparent;padding:5px;outline:none;font:inherit;color:var(--ink)}.dropdown-wrap{position:relative}.dropdown{position:absolute;right:0;top:calc(100% + 9px);min-width:235px;background:white;border:1px solid var(--line);box-shadow:0 15px 40px #17344d25;border-radius:10px;padding:12px;z-index:50}.dropdown[hidden],.tab-content[hidden]{display:none!important}.dropdown a{display:block;padding:10px;border-radius:6px}.dropdown a:hover{background:#edf7fd}.dropdown-muted{display:block;color:var(--muted);font-size:12px;padding:10px}.dropdown p{font-size:13px}.account{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overlay{display:none}.mobile-bottom{display:none}.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.dashboard-grid .panel{min-width:0}.recent-row{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid var(--line);color:var(--ink)}.recent-row:hover{text-decoration:none}.recent-row small{display:block;color:var(--muted)}.avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#d9f3fd;color:#087bad;font-weight:700}.push{margin-left:auto}.action-row{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line)}.notice-placeholder{background:#f4f9fc;padding:15px;border-radius:9px;color:#51708a}.stats .stat{text-decoration:none;color:var(--ink)}.stats .stat:hover{box-shadow:0 8px 28px #16395518}.pager{display:flex;gap:12px}.pager a{padding:7px 12px;background:#edf6fc;border-radius:6px}.table-footer{display:flex;justify-content:space-between;gap:12px;align-items:center}.tabs{display:flex;gap:5px;overflow-x:auto;margin-bottom:18px;border-bottom:1px solid var(--line)}.tab{border:0;background:transparent;padding:14px 18px;white-space:nowrap;color:#536c85;font:600 14px 'Segoe UI',sans-serif;cursor:pointer;border-bottom:3px solid transparent}.tab.active{color:#008fcb;border-bottom-color:#0da9df;background:#eaf7fe}.breadcrumb{font-size:13px;margin:0 0 12px!important}.panel-title h2{font-size:19px}.disabled{pointer-events:none}.filters-panel select{max-width:180px}
@media(max-width:1100px){.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid .panel:last-child{grid-column:1/-1}}
@media(max-width:720px){.desktop-toggle{display:none}.mobile-toggle{display:block}.sidebar-collapsed .sidebar{width:260px}.sidebar-collapsed .workspace{margin-left:0}.sidebar-collapsed .nav-label,.sidebar-collapsed .brand img{display:block}.sidebar-collapsed .brand-small{display:none}.sidebar-collapsed .nav-link{justify-content:flex-start;padding:13px 23px;gap:17px}.overlay{position:fixed;inset:0;background:#14233190;z-index:9}.menu-open .overlay{display:block}.topbar{gap:8px}.topbar .btn{padding:9px}.account{display:none}.dashboard-grid{grid-template-columns:1fr}.dashboard-grid .panel:last-child{grid-column:auto}.mobile-bottom{display:flex;position:fixed;bottom:0;left:0;right:0;justify-content:space-around;background:white;border-top:1px solid var(--line);z-index:8;padding:8px 4px max(8px,env(safe-area-inset-bottom))}.mobile-bottom a{text-align:center;font-size:22px;color:#17678c}.mobile-bottom small{display:block;font-size:10px}.content{padding-bottom:100px}.top-search{display:none}.table-footer{flex-direction:column;align-items:flex-start}.tabs{margin-left:-8px;margin-right:-8px}}

/* elektroPečaver UI v3: prijava in uporabniški meni */
.user-menu-button{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:6px 10px;color:var(--ink);font:600 14px 'Segoe UI',Arial,sans-serif;cursor:pointer;max-width:240px}.user-menu-button:hover{background:#f2f8fc}.user-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#def4ff;color:#007faf;flex-shrink:0}.user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-wrap .dropdown{min-width:255px}.user-wrap .dropdown strong{display:block;padding:9px 10px;font-size:13px}.logout-button{width:100%;border:0;background:#f1f6fa;border-radius:7px;padding:12px;text-align:left;color:#23425b;cursor:pointer;font:600 14px 'Segoe UI',Arial,sans-serif}.logout-button:hover{background:#e2f2fa}.mobile-logout button{border:0;background:transparent;color:#17678c;font-size:22px;cursor:pointer}.mobile-logout small{display:block;font-size:10px}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 80% 10%,#1c5570 0,transparent 40%),linear-gradient(135deg,#101d2a,#22394c);padding:22px}.login-card{width:100%;max-width:430px;background:#fff;border-radius:18px;box-shadow:0 20px 70px #0005;padding:40px 36px}.login-logo{display:block;max-width:100%;max-height:90px;object-fit:contain;margin:0 auto 18px}.login-card h1{text-align:center;font-size:23px;margin:0 0 5px;color:#20364a}.login-subtitle{text-align:center;color:var(--muted);margin:0 0 28px}.login-card label{display:block;font-weight:650;font-size:13px;margin:0 0 7px}.login-card input:not([type=hidden]){display:block;width:100%;border:1px solid #d9e4ee;border-radius:9px;padding:13px 14px;font:inherit;margin-bottom:19px}.login-card input:focus{outline:2px solid #13a8dc55;border-color:#13a8dc}.login-submit{width:100%;font-size:15px}.login-error{background:#fff1f0;color:#b42318;border-radius:8px;padding:12px;margin-bottom:20px;font-size:13px}.login-footer{text-align:center;color:#91a2b1;font-size:12px;margin:25px 0 0}@media(max-width:720px){.user-name{display:none}.user-menu-button{padding:4px 6px}.login-card{padding:30px 23px}.user-wrap .dropdown{right:0}}