/* LINER SIDEBAR READABILITY V3.3.4 */
.ui-v115 .sidebar{
  width:292px!important;
  background:linear-gradient(180deg,#071f36 0%,#06182a 100%)!important;
}
.ui-v115 .ops-workspace{
  margin-left:292px!important;
  width:calc(100% - 292px)!important;
}
.ui-v115 .sidebar-brand{
  min-height:86px!important;
  height:86px!important;
  padding:0 18px!important;
}
.ui-v115 .sidebar-brand strong{
  color:#fff!important;
  font-size:14px!important;
  font-weight:850!important;
  line-height:1.2!important;
}
.ui-v115 .sidebar-brand span{
  color:#c5d8e9!important;
  font-size:10px!important;
  font-weight:750!important;
  letter-spacing:.07em!important;
}
.ui-v115 .sidebar nav{
  padding:15px 12px 24px!important;
  gap:6px!important;
  scrollbar-width:thin;
  scrollbar-color:#4f789c transparent;
}
.ui-v115 .sidebar nav::-webkit-scrollbar{width:7px}
.ui-v115 .sidebar nav::-webkit-scrollbar-track{background:transparent}
.ui-v115 .sidebar nav::-webkit-scrollbar-thumb{background:#4f789c;border-radius:10px}
.ui-v115 .sidebar-nav-group{
  display:block!important;
  padding:16px 10px 7px!important;
  color:#b9d1e5!important;
  font-size:10.5px!important;
  font-weight:900!important;
  line-height:1.25!important;
  letter-spacing:.10em!important;
  opacity:1!important;
}
.ui-v115 .sidebar nav button{
  min-height:49px!important;
  grid-template-columns:34px minmax(0,1fr) auto!important;
  gap:10px!important;
  padding:8px 11px!important;
  color:#f3f8fc!important;
  border-color:rgba(255,255,255,.035)!important;
  font-size:14px!important;
  font-weight:750!important;
  line-height:1.24!important;
  text-align:left!important;
}
.ui-v115 .sidebar nav button>span:not(.nav-icon){
  display:block!important;
  min-width:0!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  color:inherit!important;
}
.ui-v115 .sidebar nav button:hover{
  color:#fff!important;
  background:rgba(255,255,255,.11)!important;
  border-color:rgba(255,255,255,.12)!important;
}
.ui-v115 .sidebar nav button.active{
  color:#fff!important;
  font-weight:850!important;
  background:linear-gradient(135deg,#147bd1,#2495ea)!important;
  border-color:rgba(255,255,255,.22)!important;
  box-shadow:0 8px 22px rgba(16,119,207,.34)!important;
}
.ui-v115 .nav-icon{
  width:31px!important;
  height:31px!important;
  color:#fff!important;
  background:rgba(255,255,255,.12)!important;
  font-size:15px!important;
  flex:none!important;
}
.ui-v115 .sidebar nav button.active .nav-icon{
  color:#fff!important;
  background:rgba(255,255,255,.23)!important;
}
.ui-v115 .sidebar nav b{
  min-width:21px!important;
  height:21px!important;
  padding:0 6px!important;
  display:grid!important;
  place-items:center!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:900!important;
  border-radius:999px!important;
}
.ui-v115 .sidebar-footer .button{
  color:#fff!important;
  font-size:12px!important;
  font-weight:850!important;
}

/* Küçük dizüstü ekranlarında da metni görünür tut. */
@media (max-width:1100px) and (min-width:761px){
  .ui-v115 .sidebar{width:262px!important}
  .ui-v115 .ops-workspace{margin-left:262px!important;width:calc(100% - 262px)!important}
  .ui-v115 .sidebar-brand>div:last-child,
  .ui-v115 .sidebar-nav-group,
  .ui-v115 .sidebar nav button>span:not(.nav-icon),
  .ui-v115 .sidebar nav b{display:block!important}
  .ui-v115 .sidebar nav button{
    grid-template-columns:32px minmax(0,1fr) auto!important;
    justify-items:stretch!important;
    font-size:13px!important;
    padding:8px 9px!important;
  }
  .ui-v115 .sidebar nav b{display:grid!important}
}

/* Tablet ve telefonda ikon menü düzeni korunur. */
@media (max-width:760px){
  .ui-v115 .sidebar{width:72px!important}
  .ui-v115 .ops-workspace{margin-left:72px!important;width:calc(100% - 72px)!important}
  .ui-v115 .sidebar-brand{padding:0 10px!important;justify-content:center!important}
  .ui-v115 .sidebar-brand>div:last-child,
  .ui-v115 .sidebar-nav-group,
  .ui-v115 .sidebar nav button>span:not(.nav-icon),
  .ui-v115 .sidebar nav b{display:none!important}
  .ui-v115 .sidebar nav button{
    grid-template-columns:1fr!important;
    padding:7px!important;
    justify-items:center!important;
    min-height:47px!important;
  }
  .ui-v115 .nav-icon{width:36px!important;height:36px!important}
}
