/* PGD Ljutomer – modern shell matching approved visual proposal */
:root{
  --pgd-red:#f20d1b;--pgd-red-dark:#cb0b16;--pgd-navy:#172233;--pgd-navy-2:#202d3f;
  --pgd-bg:#eef2f6;--pgd-card:#fff;--pgd-line:#dfe5ec;--pgd-text:#17202d;--pgd-muted:#687386;
  --pgd-blue:#1677ff;--pgd-green:#22a447;--pgd-orange:#f5a000;--pgd-gray:#687386;
  --r:var(--pgd-red);--r2:var(--pgd-red-dark);--bg:var(--pgd-bg);--card:#fff;--txt:var(--pgd-text);--mut:var(--pgd-muted);--line:var(--pgd-line);
}
html,body{background:var(--pgd-bg)!important;color:var(--pgd-text)!important}
body>header{display:none!important}
.layout{display:grid!important;grid-template-columns:208px minmax(0,1fr)!important;min-height:100vh!important}
nav#nav{position:sticky!important;top:0!important;height:100vh!important;overflow:auto!important;background:linear-gradient(180deg,#172233 0%,#1d2a3b 55%,#14202f 100%)!important;padding:0 8px 14px!important;box-shadow:4px 0 18px rgba(16,24,40,.08);z-index:500!important}
#nav .pgd-nav-brand{height:94px;margin:0 -8px 10px;padding:14px 15px 12px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.08)}
#nav .pgd-nav-brand img{width:43px;height:54px;object-fit:contain;filter:drop-shadow(0 3px 4px rgba(0,0,0,.28))}
#nav .pgd-nav-brand strong{display:block;color:#fff;font-size:18px;line-height:1.06;letter-spacing:.01em}
#nav .pgd-nav-brand small{display:block;color:#cad2de;font-size:10px;margin-top:4px}
#nav button{position:relative!important;width:100%!important;border:0!important;background:transparent!important;color:#e6ebf2!important;text-align:left!important;padding:11px 12px!important;border-radius:7px!important;margin:2px 0!important;cursor:pointer!important;font-size:13px!important;font-weight:650!important;min-height:40px!important;box-shadow:none!important;transform:none!important;transition:background .14s ease,color .14s ease!important}
#nav button:hover{background:rgba(255,255,255,.08)!important;color:#fff!important}
#nav button.active{background:linear-gradient(90deg,#fb1422,#e70a18)!important;color:#fff!important;box-shadow:0 7px 18px rgba(242,13,27,.26)!important}
#nav .pgd-nav-foot{margin-top:18px;padding:12px 10px 4px;border-top:1px solid rgba(255,255,255,.1);color:#bac4d2;font-size:11px}
#nav .pgd-nav-foot b{display:block;color:#fff;font-size:12px;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#nav .pgd-nav-foot button{border:1px solid rgba(255,255,255,.15)!important;background:rgba(255,255,255,.05)!important;text-align:center!important;font-size:11px!important;min-height:34px!important;padding:7px!important}
main{padding:18px 20px 28px!important;max-width:none!important;min-width:0!important}
.page>.title{background:#fff!important;color:var(--pgd-text)!important;border:1px solid var(--pgd-line)!important;border-radius:12px!important;padding:14px 16px!important;box-shadow:0 3px 12px rgba(16,24,40,.04)!important}
.page>.title h2{color:var(--pgd-text)!important}.page>.title .page-subtitle{color:var(--pgd-muted)!important}
.card{border:1px solid var(--pgd-line)!important;border-radius:10px!important;box-shadow:0 2px 8px rgba(16,24,40,.04)!important}
button.primary,.perm-edit{background:linear-gradient(180deg,#fb1524,#eb0c1a)!important;color:#fff!important;border:1px solid #df0a17!important;border-radius:7px!important;box-shadow:0 4px 12px rgba(242,13,27,.17)!important}
button.secondary{background:#fff!important;border:1px solid #d8e0e8!important;color:#2c3747!important;border-radius:7px!important}
.danger{border-radius:7px!important}
@media(max-width:900px){.layout{grid-template-columns:1fr!important}nav#nav{position:sticky!important;height:auto!important;top:0!important;display:flex!important;gap:4px!important;padding:7px!important;overflow-x:auto!important}.pgd-nav-brand,.pgd-nav-foot{display:none!important}#nav button{min-width:max-content!important;width:auto!important}main{padding:12px!important}}
/* v3.2.03 – stable application shell, visible user/logout, reference-style sidebar */
nav#nav{display:flex!important;flex-direction:column!important;overflow:hidden!important}
#nav .pgd-nav-brand{position:sticky;top:0;z-index:3;flex:0 0 auto;background:linear-gradient(180deg,#172233 0%,#1b2839 100%)}
#nav .pgd-nav-menu{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:0 0 8px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.22) transparent}
#nav .pgd-nav-menu::-webkit-scrollbar{width:6px}#nav .pgd-nav-menu::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:999px}
#nav .pgd-nav-foot{position:relative;z-index:4;flex:0 0 auto;margin:0 -1px 0;padding:10px 10px 12px;background:linear-gradient(180deg,rgba(23,34,51,.96),#121c29);border-top:1px solid rgba(255,255,255,.12);box-shadow:0 -10px 24px rgba(8,15,24,.18)}
#nav .pgd-nav-foot b{margin-bottom:6px}.pgd-nav-userline{display:flex;align-items:center;gap:7px;color:#fff;font-size:11px;font-weight:800;margin-bottom:7px}.pgd-nav-userdot{width:8px;height:8px;border-radius:50%;background:#39c66b;box-shadow:0 0 0 3px rgba(57,198,107,.13)}
#nav .pgd-nav-foot button{margin:0!important;width:100%!important;border-color:rgba(255,255,255,.18)!important;background:rgba(255,255,255,.07)!important;color:#fff!important}
#nav .pgd-nav-foot button:hover{background:#f20d1b!important;border-color:#f20d1b!important}
@media(max-width:900px){#nav .pgd-nav-menu{display:flex;gap:4px;overflow-x:auto;overflow-y:hidden}#nav .pgd-nav-foot{display:none!important}}

/* v3.2.05: profil/odjava sta samo zgoraj desno na nadzorni plošči */
#nav .pgd-nav-foot{display:none!important}