/* PoseraSoft Sidebar Tasarım 5 V2.1 HOTFIX */
:root{--ps-sidebar-w:220px}
.side,.sidebar{
 position:fixed!important;left:0!important;top:0!important;bottom:0!important;
 width:var(--ps-sidebar-w)!important;min-width:var(--ps-sidebar-w)!important;height:100vh!important;
 padding:8px!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;
 overflow:hidden!important;color:#fff!important;z-index:1000!important;
 background:radial-gradient(circle at 75% 3%,rgba(67,111,185,.20),transparent 27%),linear-gradient(180deg,#101a2c,#0b1424)!important;
 border-right:1px solid rgba(255,255,255,.06)!important
}
.side .brand,.sidebar .brand,.sidebar .logo{
 flex:0 0 52px!important;min-height:52px!important;margin:0 0 7px!important;padding:0 12px!important;
 display:flex!important;align-items:center!important;border-radius:14px!important;
 border:1px solid rgba(165,195,241,.22)!important;background:linear-gradient(135deg,rgba(63,84,119,.68),rgba(31,47,75,.58))!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 8px 20px rgba(0,0,0,.10)!important;
 color:#fff!important;font:900 18px/22px Inter,"Segoe UI",Arial,sans-serif!important;letter-spacing:-.35px!important
}
.side .nav,.sidebar .nav{
 flex:1 1 auto!important;min-height:0!important;width:100%!important;display:flex!important;flex-direction:column!important;
 gap:6px!important;overflow-y:auto!important;overflow-x:hidden!important;padding:0 2px 8px 0!important;margin:0!important;
 scrollbar-width:thin!important;scrollbar-color:rgba(133,166,220,.42) transparent!important
}
.side .nav::-webkit-scrollbar,.sidebar .nav::-webkit-scrollbar{width:5px!important}
.side .nav::-webkit-scrollbar-thumb,.sidebar .nav::-webkit-scrollbar-thumb{background:rgba(133,166,220,.42)!important;border-radius:10px!important}
.side .nav a,.sidebar .nav a{
 position:relative!important;flex:0 0 49px!important;height:49px!important;min-height:49px!important;width:100%!important;
 box-sizing:border-box!important;display:flex!important;align-items:center!important;gap:11px!important;margin:0!important;
 padding:0 34px 0 12px!important;border-radius:13px!important;border:1px solid rgba(151,184,235,.20)!important;
 background:linear-gradient(135deg,rgba(49,70,105,.68),rgba(27,42,67,.70))!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 5px 13px rgba(0,0,0,.08)!important;
 color:#f8fbff!important;text-decoration:none!important;font:700 15px/19px Inter,"Segoe UI",Arial,sans-serif!important;white-space:nowrap!important
}
.side .nav a:hover,.sidebar .nav a:hover{border-color:rgba(139,181,247,.42)!important;background:linear-gradient(135deg,rgba(60,91,139,.82),rgba(34,55,88,.82))!important}
.side .nav a.active,.sidebar .nav a.active{
 color:#fff!important;border-color:rgba(144,190,255,.88)!important;
 background:linear-gradient(100deg,#3779df 0%,#386fe1 52%,#2858b9 100%)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 7px 18px rgba(39,96,210,.28)!important
}
.side .nav a::after,.sidebar .nav a::after{content:"›"!important;position:absolute!important;right:12px!important;top:50%!important;transform:translateY(-53%)!important;color:#bfd0e9!important;font-size:22px!important}
.side .nav a.active::after,.sidebar .nav a.active::after{color:#fff!important}
.side .nav .mi,.sidebar .nav .mi{flex:0 0 22px!important;width:22px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:19px!important}

/* İki farklı eski footer yapısını da aynı şekilde sabitle */
.side-bottom,.sidebar .side-bottom,.sidebar .userbox{
 flex:0 0 auto!important;position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;
 margin:0!important;padding:7px 0 0!important;border-top:1px solid rgba(255,255,255,.10)!important;background:#0b1424!important
}
.side-bottom .user,.sidebar .user,.sidebar .userrow{
 box-sizing:border-box!important;width:100%!important;min-height:60px!important;margin:0 0 7px!important;padding:9px 10px!important;
 border:1px solid rgba(155,187,235,.20)!important;border-radius:13px!important;
 background:linear-gradient(135deg,rgba(54,77,113,.72),rgba(31,48,76,.68))!important;
 color:#fff!important;font:700 14px/18px Inter,"Segoe UI",Arial,sans-serif!important
}
.sidebar .userrow{display:flex!important;align-items:center!important;gap:10px!important}
.sidebar .avatar{width:35px!important;height:35px!important;min-width:35px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#6279ff,#315efb)!important;color:#fff!important;font-weight:900!important;border:1px solid rgba(255,255,255,.36)!important}
.sidebar .userrow small{display:block!important;color:#dbe7f7!important;font-size:12px!important}
.side-bottom .logout,.sidebar .logout{
 box-sizing:border-box!important;width:100%!important;height:45px!important;min-height:45px!important;margin:0!important;padding:0 13px!important;
 display:flex!important;align-items:center!important;border:1px solid rgba(155,187,235,.20)!important;border-radius:13px!important;
 background:linear-gradient(135deg,rgba(54,77,113,.68),rgba(31,48,76,.65))!important;color:#fff!important;
 font:800 15px/19px Inter,"Segoe UI",Arial,sans-serif!important;cursor:pointer!important
}

/* Normal layout sayfaları */
.layout>.main{margin-left:var(--ps-sidebar-w)!important;width:calc(100% - var(--ps-sidebar-w))!important;min-width:0!important}
/* Dashboard özel düzeltme: fixed sidebar grid akışından çıktığı için ana alanı tekrar yerine koy */
.app{display:block!important;min-height:100vh!important}
.app>.sidebar{position:fixed!important}
.app>main{margin-left:var(--ps-sidebar-w)!important;width:calc(100% - var(--ps-sidebar-w))!important;min-width:0!important}

/* 5 yeni menü geldiğinde kartları küçültme: yalnızca nav scroll */
@media(max-width:720px){
 .side,.sidebar{position:relative!important;width:100%!important;min-width:0!important;height:auto!important}
 .side .nav,.sidebar .nav{overflow:visible!important}
 .layout>.main,.app>main{margin-left:0!important;width:100%!important}
 .app{display:block!important}
}

/* V3.2 final: %20 büyük kart + scroll + renkli ikon */
.side .nav,.sidebar .nav{overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;padding-right:3px!important}
.side .nav a,.sidebar .nav a{flex:0 0 59px!important;height:59px!important;min-height:59px!important;border-radius:15px!important;font-size:16px!important;line-height:20px!important;padding-left:14px!important}
.side .nav .mi,.sidebar .nav .mi{width:25px!important;min-width:25px!important;flex:0 0 25px!important;font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji","Segoe UI Symbol",sans-serif!important;font-size:22px!important;filter:drop-shadow(0 2px 3px rgba(0,0,0,.18))!important}
.side .nav a::after,.sidebar .nav a::after{font-size:24px!important}


/* ==========================================================
   V3.4.1 - 280px sidebar / ekran çakışma düzeltmesi
   Sidebar fixed; içerik gövdesi 280px sağdan başlar.
   ========================================================== */
:root{--sidebar-w:280px}

html,body{max-width:100%;overflow-x:hidden}

.side,.sidebar{
  position:fixed!important;
  left:0!important;top:0!important;bottom:0!important;
  width:var(--sidebar-w)!important;
  min-width:var(--sidebar-w)!important;
  max-width:var(--sidebar-w)!important;
  box-sizing:border-box!important;
  z-index:1000!important;
}

/* Flex/grid ebeveynlerde sidebar için ikinci kez alan ayırma */
.layout,.app{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  padding-left:0!important;
  margin-left:0!important;
}

/* Yalnızca doğrudan uygulama içeriğini sağa taşı */
.layout > main,
.app > main,
.layout > .main,
.app > .main,
.layout > .content,
.app > .content{
  margin-left:var(--sidebar-w)!important;
  width:calc(100% - var(--sidebar-w))!important;
  max-width:calc(100% - var(--sidebar-w))!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

/* Bazı eski ekranlarda main doğrudan body altında */
body > main.main,
body > main.content{
  margin-left:var(--sidebar-w)!important;
  width:calc(100% - var(--sidebar-w))!important;
  max-width:calc(100% - var(--sidebar-w))!important;
  box-sizing:border-box!important;
}

/* İçerik içindeki .main sınıflarına ikinci kez margin uygulama */
.layout > main .main,
.app > main .main,
.layout > .content .main,
.app > .content .main{
  margin-left:0!important;
  width:auto!important;
  max-width:none!important;
}

/* Uzun menü başlıkları */
.side nav a,.sidebar nav a,.side .nav a,.sidebar .nav a{
  width:100%!important;box-sizing:border-box!important
}
.side nav a span:not(.mi),.sidebar nav a span:not(.mi),
.side .nav a span:not(.mi),.sidebar .nav a span:not(.mi){
  min-width:0!important;white-space:nowrap!important
}


/* PoseraSoft Ortak Sidebar V4.1 - tüm modüller tek davranış */
:root{--sidebar-w:280px!important}
.side.ps-unified-sidebar{
  position:fixed!important;left:0!important;top:0!important;bottom:0!important;
  width:280px!important;min-width:280px!important;max-width:280px!important;height:100vh!important;
  padding:8px!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;
  background:radial-gradient(circle at 75% 3%,rgba(67,111,185,.20),transparent 27%),linear-gradient(180deg,#101a2c,#0b1424)!important;
  z-index:1000!important;box-sizing:border-box!important
}
.side.ps-unified-sidebar .brand{flex:0 0 52px!important;min-height:52px!important}
.side.ps-unified-sidebar .nav{
  flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;
  display:flex!important;flex-direction:column!important;gap:6px!important;padding:0 3px 8px 0!important
}
.side.ps-unified-sidebar .nav a{
  flex:0 0 59px!important;height:59px!important;min-height:59px!important;width:100%!important;
  padding:0 34px 0 14px!important;margin:0!important;border-radius:15px!important;
  font:700 16px/20px Inter,"Segoe UI",Arial,sans-serif!important
}
.side.ps-unified-sidebar .side-bottom{
  flex:0 0 auto!important;margin:0!important;padding:7px 0 0!important;
  border-top:1px solid rgba(255,255,255,.10)!important;background:#0b1424!important
}
.side.ps-unified-sidebar .user{
  min-height:60px!important;margin:0 0 7px!important;padding:8px 10px!important;border-radius:13px!important;
  border:1px solid rgba(155,187,235,.20)!important;
  background:linear-gradient(135deg,rgba(54,77,113,.72),rgba(31,48,76,.68))!important
}
.ps-user-row{display:flex!important;align-items:center!important;gap:9px!important}
.ps-avatar{width:35px!important;height:35px!important;min-width:35px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#6279ff,#315efb)!important;color:#fff!important;font-weight:900!important;border:1px solid rgba(255,255,255,.36)!important}
.ps-user-name{display:block!important;color:#fff!important;font:800 13px/16px Inter,"Segoe UI",Arial,sans-serif!important;white-space:nowrap!important}
.ps-user-row small{display:block!important;color:#dbe7f7!important;font:700 11px/14px Inter,"Segoe UI",Arial,sans-serif!important}
.side.ps-unified-sidebar .logout{height:45px!important;min-height:45px!important;width:100%!important;border-radius:13px!important}
.layout,.app{display:block!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important}
.layout>main,.layout>.main,.layout>.content,.app>main,.app>.main,.app>.content{
 margin-left:280px!important;width:calc(100% - 280px)!important;max-width:calc(100% - 280px)!important;min-width:0!important;box-sizing:border-box!important
}
@media(max-width:720px){
 .side.ps-unified-sidebar{position:relative!important;width:100%!important;min-width:0!important;max-width:none!important;height:auto!important}
 .side.ps-unified-sidebar .nav{overflow:visible!important}
 .layout>main,.layout>.main,.layout>.content,.app>main,.app>.main,.app>.content{margin-left:0!important;width:100%!important;max-width:100%!important}
}

/* Ortak menü güncellemesi: body altındaki farklı main düzenleri */
:root{--ps-sidebar-w:280px!important;--sidebar-w:280px!important}
body > aside.side.ps-unified-sidebar{position:fixed!important}
body > main:not(.ps-fullscreen){
 margin-left:280px!important;
 width:calc(100% - 280px)!important;
 max-width:none!important;
 min-width:0!important;
 box-sizing:border-box!important;
}
body > main.wrap{margin-top:0!important;margin-right:0!important;margin-bottom:0!important;padding:26px!important}
.side.ps-unified-sidebar .nav a{white-space:nowrap!important}
.side.ps-unified-sidebar .side-bottom .logout{font-family:Inter,"Segoe UI",Arial,sans-serif!important}
@media(max-width:720px){
 body > aside.side.ps-unified-sidebar{position:relative!important}
 body > main:not(.ps-fullscreen){margin-left:0!important;width:100%!important;max-width:100%!important}
 body > main.wrap{padding:14px!important}
}