/* Desktop left navigation: compact by default, can collapse to icons. */
@media(min-width:901px){
.app-body .sidebar{width:211px;flex:0 0 211px;transition:width .2s ease,flex-basis .2s ease}
.app-body.nav-collapsed .sidebar{width:66px;flex-basis:66px}
.app-body.nav-collapsed .sidebar .brand{justify-content:center;padding:12px 5px}
.app-body.nav-collapsed .sidebar .brand img{height:42px;width:42px}
.app-body.nav-collapsed .sidebar .brand span,.app-body.nav-collapsed .nav-label,.app-body.nav-collapsed .nav-link>span,.app-body.nav-collapsed .psycho-brand>span,.app-body.nav-collapsed .sidebar-foot{display:none}
.app-body.nav-collapsed .nav-link{justify-content:center;padding:11px 0}
.app-body.nav-collapsed .psycho-brand{padding:8px 0;justify-content:center}
.app-body.nav-collapsed .psycho-brand img{width:40px;height:40px}
.app-body .sidebar-toggle-v04{display:grid;position:fixed;top:101px;left:197px;z-index:25;width:28px;height:28px;place-items:center;background:#fff;border:1px solid #d6e0ee;border-radius:50%;font-size:18px;color:#1a4d90;box-shadow:0 3px 12px #18385b20;cursor:pointer;transition:left .2s}
.app-body.nav-collapsed .sidebar-toggle-v04{left:52px}
.app-body .sidebar-toggle-v04:hover{background:#eaf3ff}
}
@media(max-width:900px){.sidebar-toggle-v04{display:none}}

/* v0.4.1 — daha kompakt masaüstü navigasyonu */
@media(min-width:901px){
.app-body .sidebar{width:182px;flex:0 0 182px}
.app-body.nav-collapsed .sidebar{width:58px;flex:0 0 58px}
.app-body .sidebar-toggle-v04{left:168px}
.app-body.nav-collapsed .sidebar-toggle-v04{left:44px}
.app-body .sidebar-scroll{padding-left:7px;padding-right:7px}
.app-body .sidebar .nav-link {gap:8px}
.app-body .sidebar .nav-link>span:first-of-type{min-width:0;overflow-wrap:anywhere}
}

/* v0.9.16 — Compact Kuzey SRC brand: keep both logo and text inside 182px rail.
   Only the expanded desktop sidebar is affected; the collapsed/mobile styles
   and all business-page layouts remain unchanged. */
@media (min-width: 901px) {
  .app-body:not(.nav-collapsed) .sidebar .brand {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    padding-inline: 10px 8px;
    gap: 8px;
    overflow: hidden;
  }
  .app-body:not(.nav-collapsed) .sidebar .brand > img {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    object-fit: contain;
  }
  .app-body:not(.nav-collapsed) .sidebar .brand > span {
    flex: 1 1 0%;
    min-width: 0;
    max-width: 100%;
  }
  .app-body:not(.nav-collapsed) .sidebar .brand strong {
    display: block;
    font-size: 15.5px;
    letter-spacing: 0;
    line-height: 1.18;
    white-space: nowrap;
  }
  .app-body:not(.nav-collapsed) .sidebar .brand small {
    font-size: 10px;
    line-height: 1.25;
    white-space: nowrap;
    margin-top: 4px;
  }
}
