/* Studio360 v2.0 clean menu
   Pravilo: mobilni meni ima samo glavne module i ne smije prekrivati donje stavke. */
:root{--v2-topbar:64px;--v2-sidebar:286px;--v2-sidebar-rail:94px;--v2-rail-button:58px;}
.mobile-topbar,.menu-overlay{display:none;}
.sidebar{overflow:hidden!important;}
.sidebar-scroll{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:10px 0 16px!important;scrollbar-width:none!important;}
.sidebar-scroll::-webkit-scrollbar{width:0!important;height:0!important;}
.main-nav{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;margin-top:18px!important;overflow:visible!important;padding-right:0!important;}
.desktop-user-menu{gap:10px!important;max-width:none!important;}
.desktop-user-row{padding-right:2px!important;}
.sidebar-collapse-toggle{display:none!important;align-items:center!important;justify-content:center!important;gap:0!important;position:absolute!important;right:-17px!important;top:22px!important;width:34px!important;height:44px!important;min-height:44px!important;padding:0!important;border-radius:0 14px 14px 0!important;border:1px solid rgba(255,255,255,.14)!important;border-left:0!important;background:linear-gradient(180deg,#202124,#151617)!important;color:#f8f4ec!important;font-weight:900!important;cursor:pointer!important;box-shadow:12px 10px 30px rgba(0,0,0,.20)!important;z-index:1200!important;}
.sidebar-collapse-toggle svg{width:18px!important;height:18px!important;fill:currentColor!important;transition:transform .16s ease!important;}
.sidebar-collapse-toggle span{display:none!important;}
.sidebar-collapse-toggle:hover{background:linear-gradient(180deg,#2a2926,#191919)!important;}
.nav-section-title{
  text-transform: none!important;
  letter-spacing:0!important;
  font-size:10px!important;
  margin:10px 12px 4px!important;
  color:#9a9288!important;
  font-weight:800!important;
  position:static!important;
  background:transparent!important;
  padding:0!important;
  z-index:auto!important;
}
.nav-section{display:grid!important;gap:0!important;border:1px solid rgba(255,255,255,.085)!important;border-radius:18px!important;background:rgba(255,255,255,.035)!important;overflow:hidden!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important;}
.nav-section.active{border-color:rgba(210,165,68,.34)!important;background:linear-gradient(180deg,rgba(210,165,68,.10),rgba(255,255,255,.035))!important;}
.nav-section[data-nav-section="tok"]{border-color:rgba(242,213,138,.24)!important;background:linear-gradient(180deg,rgba(210,165,68,.13),rgba(255,255,255,.045))!important;}
.nav-section[data-nav-section="tok"] .nav-section-toggle{color:#fff8e8!important;}
.nav-section[data-nav-section="tok"] .nav-section-panel .nav-link{min-height:35px!important;padding-top:8px!important;padding-bottom:8px!important;}
.nav-section[data-nav-section="tok"] .nav-section-panel .nav-link span{font-weight:850!important;}
.nav-section-toggle{list-style:none!important;display:flex!important;align-items:center!important;gap:10px!important;min-height:48px!important;padding:12px 13px!important;cursor:pointer!important;color:#f6efe4!important;font-weight:900!important;font-size:13.5px!important;line-height:1.1!important;user-select:none!important;}
.nav-section-toggle::-webkit-details-marker{display:none!important;}
.nav-section-toggle>svg{width:18px!important;height:18px!important;fill:currentColor!important;color:#d9c59a!important;flex:0 0 18px!important;}
.nav-section-toggle span{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.nav-section-toggle i{width:18px!important;height:18px!important;margin-left:auto!important;border-radius:8px!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.08)!important;position:relative!important;flex:0 0 18px!important;}
.nav-section-toggle i::before{content:'>';font-style:normal!important;font-weight:900!important;color:#d9c59a!important;line-height:1!important;transform:translateX(1px)!important;transition:transform .16s ease!important;}
.nav-section[open]>.nav-section-toggle i::before{transform:rotate(90deg) translateX(1px)!important;}
.nav-section-panel{display:grid!important;gap:5px!important;padding:0 6px 8px!important;}
.nav-section-panel .nav-link{border-radius:13px!important;min-height:42px!important;padding:10px 11px!important;font-size:13px!important;background:transparent!important;}
.nav-section-panel .nav-link:not(.primary-nav){color:#ddd5ca!important;}
.nav-section-panel .nav-link:not(.primary-nav):hover,.nav-section-panel .nav-link:not(.primary-nav).active{background:linear-gradient(135deg,#2d2a25,#3b3325)!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.055)!important;}
.nav-link{min-height:44px!important;line-height:1.15!important;}
.nav-link{justify-content:flex-start!important;}
.nav-link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;}
.main-nav>.nav-root-link{border:1px solid rgba(255,255,255,.085)!important;border-radius:18px!important;min-height:48px!important;background:rgba(255,255,255,.035)!important;color:#f6efe4!important;font-weight:900!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important;}
.main-nav>.nav-root-link:hover,.main-nav>.nav-root-link.active{border-color:rgba(210,165,68,.34)!important;background:linear-gradient(135deg,#2d2a25,#3b3325)!important;color:#fff!important;}
.main-nav>.nav-root-link svg{color:#d9c59a!important;fill:currentColor!important;}
.nav-link.has-status{grid-template-columns:auto minmax(0,1fr) auto!important;}
.nav-item-badge{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:10.5px;line-height:1;border-radius:999px;padding:4px 7px;font-weight:900;background:rgba(210,165,68,.18);color:#ffe6a6;border:1px solid rgba(242,213,138,.34);white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.08);}
.nav-link.primary-nav{background:linear-gradient(135deg,#d2a544,#f2d58a)!important;color:#111!important;font-weight:900!important;}
.nav-system-group{display:grid;gap:6px;}
.nav-system-toggle{cursor:pointer!important;display:flex!important;align-items:center!important;gap:11px!important;padding-right:12px!important;position:relative;}
.nav-system-toggle::-webkit-details-marker{display:none;}
.nav-system-toggle .nav-system-caret{margin-left:auto;color:rgba(255,255,255,.72);font-size:11px;line-height:1;transition:transform .16s ease;}
.nav-system-toggle:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(255,255,255,.14);border-radius:16px;}
.nav-system-group[open] .nav-system-toggle .nav-system-caret{transform:rotate(180deg);}
.nav-system-panel{display:grid;gap:6px;padding-left:6px;margin-top:0;}
.nav-sub-link{padding-left:14px!important;padding-right:14px!important;font-size:13px!important;min-height:40px!important;opacity:0.98;position:relative;}
.nav-sub-link::before{content:'';width:4px;height:16px;border-radius:99px;background:rgba(255,255,255,.24);margin-right:6px;display:inline-block;vertical-align:middle;}
.mobile-only-nav{display:none!important;}
.slim-user-card{display:grid!important;grid-template-columns:38px minmax(0,1fr) 38px 38px!important;gap:8px!important;align-items:center!important;margin-top:12px!important;padding:10px!important;border-radius:18px!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.10)!important;color:#fff!important;}
.slim-user-card .user-avatar{width:38px;height:38px;border-radius:14px;background:#fff;color:#111;display:grid;place-items:center;}
.slim-user-card .user-meta{min-width:0;}
.slim-user-card .user-meta strong,.slim-user-card .user-meta small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.footer-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:rgba(255,255,255,.08);color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.12);}
.footer-icon.danger{background:rgba(180,35,24,.18);color:#ffd7d3;}
@media(max-width:1200px){
  body{padding-top:var(--v2-topbar)!important;overflow-x:hidden;}
  .mobile-topbar{display:flex!important;align-items:center!important;gap:10px!important;position:fixed!important;top:0!important;left:0!important;right:0!important;height:var(--v2-topbar)!important;z-index:1000!important;padding:9px 12px!important;background:rgba(255,253,248,.97)!important;border-bottom:1px solid var(--line,#e7dccb)!important;backdrop-filter:blur(14px)!important;}
  .menu-toggle{width:44px!important;height:44px!important;border-radius:15px!important;border:1px solid rgba(194,149,58,.34)!important;background:#d2a544!important;color:#111!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:4px!important;flex:0 0 44px!important;}
  .menu-toggle span{width:18px!important;height:2px!important;background:#111!important;border-radius:99px!important;margin:0!important;}
  .mobile-brand{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important;flex:1;text-decoration:none!important;color:#151515!important;}
  .mobile-brand img{width:34px!important;height:34px!important;object-fit:contain;background:#fff;border-radius:11px;flex:0 0 34px;}
  .mobile-brand strong{font-size:14px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block!important;}
  .mobile-user-action{display:grid!important;place-items:center!important;width:44px!important;height:44px!important;border-radius:15px!important;background:#fff7e7!important;border:1px solid rgba(194,149,58,.30)!important;text-decoration:none!important;flex:0 0 44px!important;color:#111!important;}
  .menu-overlay{display:none!important;position:fixed!important;top:var(--v2-topbar)!important;left:0!important;right:0!important;bottom:0!important;background:rgba(0,0,0,.45)!important;z-index:880!important;}
  body.menu-open .menu-overlay{display:block!important;}
  .sidebar{display:flex!important;position:fixed!important;top:var(--v2-topbar)!important;left:0!important;bottom:0!important;width:min(84vw,320px)!important;height:calc(100dvh - var(--v2-topbar))!important;z-index:900!important;padding:10px!important;transform:translateX(-110%)!important;transition:transform .2s ease!important;box-shadow:18px 0 50px rgba(0,0,0,.32)!important;}
  body.menu-open .sidebar{transform:translateX(0)!important;}
  .sidebar>.brand,.sidebar-brand{display:none!important;}
  .sidebar-collapse-toggle{display:none!important;}
  .sidebar-scroll{padding:0 1px 16px!important;}
  .main-nav{margin:0!important;gap:6px!important;}
  .nav-link{min-height:40px!important;padding:9px 10px!important;border-radius:13px!important;font-size:13px!important;}
  .nav-link svg{width:17px!important;height:17px!important;flex:0 0 17px!important;}
  .slim-user-card{display:none!important;}
  .mobile-only-nav{display:flex!important;}
  .main{margin-left:0!important;padding:18px 14px 28px!important;}
}
@media(max-height:650px) and (max-width:1200px){
  .sidebar{padding:8px!important;}
  .nav-link{min-height:36px!important;padding:7px 9px!important;font-size:12.5px!important;}
}
@media(min-width:1201px){
  body{padding-top:0!important;}
  .mobile-topbar,.menu-overlay{display:none!important;}
  .sidebar{position:fixed!important;top:0!important;left:0!important;bottom:0!important;width:var(--v2-sidebar)!important;height:100vh!important;transform:none!important;transition:width .18s ease!important;overflow:visible!important;}
  .main{margin-left:var(--v2-sidebar)!important;transition:margin-left .18s ease!important;}
  .sidebar-collapse-toggle{display:flex!important;flex-direction:column!important;}
  body.sidebar-collapsed .sidebar{width:var(--v2-sidebar-rail)!important;overflow:visible!important;padding:16px 13px!important;background:linear-gradient(180deg,#0f1012,#17181b 58%,#101113)!important;border-right:1px solid rgba(255,255,255,.10)!important;box-shadow:18px 0 54px rgba(0,0,0,.22)!important;}
  body.sidebar-collapsed .main{margin-left:var(--v2-sidebar-rail)!important;}
  body.sidebar-collapsed .sidebar-scroll{overflow:visible!important;padding:8px 0 12px!important;}
  body.sidebar-collapsed .sidebar-brand{justify-content:center!important;}
  body.sidebar-collapsed .sidebar-brand>div:last-child,
  body.sidebar-collapsed .slim-user-card .user-meta{display:none!important;}
  body.sidebar-collapsed .brand-logo{width:54px!important;height:54px!important;border-radius:18px!important;box-shadow:0 14px 34px rgba(0,0,0,.26)!important;}
  body.sidebar-collapsed .sidebar-collapse-toggle{right:-17px!important;top:22px!important;width:34px!important;height:44px!important;min-height:44px!important;padding:0!important;}
  body.sidebar-collapsed .sidebar-collapse-toggle svg{transform:rotate(180deg)!important;}
  body.sidebar-collapsed .main-nav{gap:10px!important;margin-top:14px!important;justify-items:center!important;}
  body.sidebar-collapsed .main-nav>.nav-root-link{width:var(--v2-rail-button)!important;height:var(--v2-rail-button)!important;min-height:var(--v2-rail-button)!important;padding:0!important;justify-content:center!important;border-radius:18px!important;background:linear-gradient(180deg,#1d1f22,#17181b)!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 26px rgba(0,0,0,.18)!important;}
  body.sidebar-collapsed .main-nav>.nav-root-link span{display:none!important;}
  body.sidebar-collapsed .main-nav>.nav-root-link svg{width:22px!important;height:22px!important;color:#f1d28a!important;flex:0 0 22px!important;}
  body.sidebar-collapsed .main-nav>.nav-root-link.active{background:linear-gradient(135deg,#d2a544,#f3d989)!important;color:#111!important;border-color:rgba(242,213,138,.82)!important;box-shadow:0 16px 36px rgba(210,165,68,.26)!important;}
  body.sidebar-collapsed .main-nav>.nav-root-link.active svg{color:#111!important;}
  body.sidebar-collapsed .nav-section{position:relative!important;overflow:visible!important;width:var(--v2-rail-button)!important;border-radius:18px!important;background:transparent!important;border-color:transparent!important;box-shadow:none!important;}
  body.sidebar-collapsed .nav-section:hover,
  body.sidebar-collapsed .nav-section:focus-within{background:transparent!important;border-color:transparent!important;}
  body.sidebar-collapsed .nav-section-toggle{width:var(--v2-rail-button)!important;height:var(--v2-rail-button)!important;min-height:var(--v2-rail-button)!important;padding:0!important;justify-content:center!important;border-radius:18px!important;background:linear-gradient(180deg,#1d1f22,#17181b)!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 26px rgba(0,0,0,.18)!important;}
  body.sidebar-collapsed .nav-section.active .nav-section-toggle,
  body.sidebar-collapsed .nav-section.is-flyout-open .nav-section-toggle{background:linear-gradient(135deg,#d2a544,#f3d989)!important;color:#111!important;border-color:rgba(242,213,138,.82)!important;box-shadow:0 16px 36px rgba(210,165,68,.26)!important;}
  body.sidebar-collapsed .nav-section-toggle span,
  body.sidebar-collapsed .nav-section-toggle i{display:none!important;}
  body.sidebar-collapsed .nav-section-toggle>svg{width:22px!important;height:22px!important;color:#f1d28a!important;}
  body.sidebar-collapsed .nav-section.active .nav-section-toggle>svg,
  body.sidebar-collapsed .nav-section.is-flyout-open .nav-section-toggle>svg{color:#111!important;}
body.sidebar-collapsed .nav-section>.nav-section-panel{position:absolute!important;left:70px!important;top:0!important;width:252px!important;max-height:min(72vh,560px)!important;overflow:auto!important;padding:10px!important;border-radius:20px!important;background:linear-gradient(180deg,#121316,#1c1d20)!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:20px 22px 58px rgba(0,0,0,.34)!important;z-index:1400!important;display:grid!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateX(-8px) scale(.98)!important;transform-origin:left top!important;transition:opacity .14s ease, transform .14s ease, visibility .14s ease!important;}
body.sidebar-collapsed .nav-section.is-flyout-open>.nav-section-panel{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateX(0) scale(1)!important;
}
  body.sidebar-collapsed .nav-section-panel::before{content:attr(data-title);display:block!important;padding:6px 9px 10px!important;color:#f1d28a!important;font-size:12px!important;font-weight:950!important;letter-spacing:.02em!important;}
  body.sidebar-collapsed .nav-section-panel .nav-link{min-height:42px!important;border-radius:14px!important;font-size:14px!important;padding:10px 12px!important;}
  body.sidebar-collapsed .slim-user-card{grid-template-columns:1fr!important;padding:8px!important;width:58px!important;margin-left:auto!important;margin-right:auto!important;border-radius:18px!important;}
  body.sidebar-collapsed .footer-icon{width:40px!important;height:40px!important;margin:auto!important;}
}
@media print{body{padding-top:0!important}.mobile-topbar,.menu-overlay,.sidebar{display:none!important}.main{margin:0!important;padding:0!important}}