/* PONS - shell/nav CSS (Faza 2a). Deljeni "pons-sbgutter" blok, identican na svim
   dashboard stranicama - izmesten ovde da se ne kopira u svaki modul (bio je ~3.3KB x 15).
   Render-blocking <link> u head-u (na mestu starog inline bloka) - bez FOUC.
   Ukljucivanje:  <link rel="stylesheet" href="pons-shell.css?v=1"> */
/* rezervisi scrollbar prostor — bez horizontalnog skoka izmedju stranica */
.view,.main,.dash-main,.calendar-wrap,.ss-wrap,.blag-wrap,.dash-body,.content,.page{scrollbar-gutter:stable;}
/* === JEDNOOBRAZNA NAVIGACIJA v2 (identicna na svim stranicama: poravnanje + font + bez collapse) === */
.sidenav{align-items:stretch!important;width:180px!important;overflow-x:hidden!important;}
.sidenav .nav-it{display:flex!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;gap:10px!important;height:40px!important;width:auto!important;margin:0 8px 4px 8px!important;padding:0 12px!important;font-family:'Segoe UI',system-ui,-apple-system,sans-serif!important;}
.sidenav .nav-it .ico{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 22px!important;width:22px!important;min-width:22px!important;max-width:22px!important;overflow:hidden!important;font-size:16px!important;line-height:1!important;}
.sidenav .nav-it .lbl{display:none!important;}
.sidenav .nav-it .lbl-full{display:block!important;font-family:'Segoe UI',system-ui,-apple-system,sans-serif!important;font-size:12.5px!important;font-weight:600!important;letter-spacing:.01em!important;white-space:nowrap!important;}
.sidenav .nav-logo{justify-content:flex-start!important;gap:10px!important;padding-left:10px!important;}
.sidenav .logo-name{display:block!important;font-family:'Segoe UI',system-ui,-apple-system,sans-serif!important;}
.sidenav .nav-bot{padding:0!important;margin-top:auto!important;align-items:stretch!important;width:100%!important;display:flex!important;flex-direction:column!important;}
.sidenav .nav-bot .nav-it{margin:0 8px 4px 8px!important;width:auto!important;}
.sidenav .nav-toggle{display:none!important;}
body>.app,body>.calendar-wrap,body>.main,body>.dash-main{margin-left:180px!important;}
@media(max-width:767px){html,body{overflow-x:hidden!important;overflow-y:auto!important;max-width:100vw!important;height:auto!important;min-height:100%!important;}body .app,body .main,body .calendar-wrap,body .dash-main,body .app.nav-exp,body .main.nav-exp,body .calendar-wrap.nav-exp,body .dash-main.nav-exp,body .pr-wrap{margin-left:0!important;width:auto!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;}body .view,body .scroll,body .dash-body{height:auto!important;max-height:none!important;overflow:visible!important;}.main,.view,.view.on,.services-view{flex-direction:column!important;}.list-panel{display:flex!important;}.list-panel,.detail-panel,.services-view>.content,.services-view>.sidebar{width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;}.detail-panel.hidden,.pkg-view{display:none!important;}.kpi-row,.staff-grid,.fp-row,.blag-form,.dp-cards,.sp-grid,.two{grid-template-columns:1fr!important;}.filter-bar,.list-toolbar,.import-bar{flex-wrap:wrap!important;}.topbar{height:auto!important;min-height:0!important;flex-wrap:wrap!important;align-items:center!important;row-gap:8px!important;column-gap:8px!important;padding:10px 12px!important;}.top-right,.period-sel{flex-wrap:wrap!important;width:auto!important;max-width:100%!important;}.tmpl-layout{flex-direction:column!important;}.tmpl-layout>*,.notif-list,.notif-editor{width:100%!important;max-width:100%!important;}}


/* ---- Kanonska navigacija (Faza 2): deljeni pons-nav-canon blok, ranije inline u 14 strana.
   70/72 pravila su !important; nijedan modul nema svoj !important na .sidenav/.nav-it,
   pa premeštanje ranije u head ne menja rezultat. Kalendar ima prosirenu verziju - ostaje inline. ---- */
/* ===================================================================
   PONS — KANONSKA NAVIGACIJA (identicna na svim stranicama)
   Staticki, uvek razvijen meni. Bez animacije = bez "skakanja".
   Ubacuje se poslednje u <head> i pobedjuje lokalne stilove (!important).
=================================================================== */
.sidenav{
  width:180px!important; background:#0B2E32!important;
  align-items:stretch!important; padding:12px 0!important; gap:2px!important;
  transition:none!important; overflow-x:hidden!important; overflow-y:auto!important; z-index:300!important;
}
.sidenav .nav-it{
  width:auto!important; height:40px!important; margin:0 8px 4px 8px!important;
  display:flex!important; flex-direction:row!important; align-items:center!important;
  justify-content:flex-start!important; gap:10px!important; padding:0 12px!important;
  border-radius:12px!important; border-left:none!important;
  color:rgba(255,255,255,.72)!important;
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif!important;
  font-size:13px!important; font-weight:600!important;
  text-decoration:none!important; cursor:pointer;
  transition:background .15s ease,color .15s ease!important;
}
.sidenav .nav-it .ico{ font-size:17px!important; flex:0 0 22px!important; width:22px!important; height:auto!important; text-align:center!important; line-height:1!important; }
.sidenav .nav-it .lbl{ display:none!important; }
.sidenav .nav-it .lbl-full{
  display:block!important;
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif!important;
  font-size:12.5px!important; font-weight:600!important; color:inherit!important;
  letter-spacing:.01em!important; line-height:1!important;
  white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important;
}
.sidenav .nav-it:hover{ background:rgba(255,255,255,.10)!important; color:#fff!important; }
.sidenav .nav-it.active{ background:rgba(33,127,114,.35)!important; color:#fff!important; }
.sidenav .nav-it.active .lbl-full{ color:#fff!important; }
.sidenav .nav-bot{
  margin-top:auto!important; margin-bottom:6px!important; padding:0!important;
  display:flex!important; flex-direction:column!important; align-items:stretch!important; gap:2px!important; width:100%!important;
}
.sidenav .nav-bot .nav-it{ margin:0 8px 4px 8px!important; }
.sidenav .nav-logo{
  width:auto!important; height:auto!important; margin:0 8px 12px 8px!important;
  justify-content:flex-start!important; align-items:center!important; gap:10px!important;
  padding:8px 12px!important; border-radius:12px!important;
}
.sidenav .logo-name{ display:block!important; font-family:'Inter',system-ui,sans-serif!important; }
/* dugme za skupljanje uklonjeno — meni je staticki i uvek razvijen */
.sidenav .nav-toggle{ display:none!important; }
/* glavni sadrzaj uvek pomeren za sirinu menija, bez animacije */
body>.app,body>.calendar-wrap,body>.main,body>.dash-main{ margin-left:180px!important; transition:none!important; }
/* rezervisi prostor za scrollbar — nema horizontalnog skoka izmedju stranica */
.view,.main,.dash-main,.calendar-wrap,.ss-wrap,.blag-wrap{ scrollbar-gutter:stable; }