/* Seçilen görünümü korur; dar pencerede menü üst şeride dönüşmez. */
.side .nav .gh{--gr:#72c7ca;font-size:14px;font-weight:700;letter-spacing:.035em;min-height:44px;padding:11px 10px;margin-top:10px;border:0;border-left:3px solid var(--gr);border-radius:8px;background:color-mix(in srgb,var(--gr) 9%,transparent);color:var(--gr)!important;white-space:normal;line-height:1.45}
html[data-theme="light"] .side .nav .gh{--gr:#286f77}
.side .nav button[aria-current="page"]{background:#347f8c;color:#fff}
.menukapat,.menugolge{display:none}
@media (max-width:980px){
  .app{grid-template-columns:196px minmax(0,1fr);gap:16px}
  .side{position:sticky;top:56px;height:calc(100dvh - 76px)}
  .side .nav{overflow-y:auto;overflow-x:hidden}
  .nav{flex-direction:column;padding-bottom:0;gap:2px}
  .nav-label{display:block}
  .nav .grp,.nav .gi{display:flex;flex-direction:column;gap:2px}
  .nav .gh{width:100%;white-space:normal;border:0;background:transparent;padding:10px 10px 4px;border-radius:0;text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:var(--muted);font-weight:600}
  .nav button{width:100%;white-space:normal;border:0;background:transparent}
  .nav .no{width:22px}
  .nav button:hover{background:var(--accent-soft)}
  .nav button[aria-current="page"]{background:var(--accent);color:var(--accent-ink)}
}
@media (max-width:520px){
  .app{grid-template-columns:minmax(0,1fr)}
  .side{position:fixed;left:max(12px,env(safe-area-inset-left,0px));top:12px;bottom:12px;width:min(248px,calc(100vw - 48px));height:auto;padding:12px;background:var(--bg);border:1px solid var(--line);border-radius:10px;z-index:1101}
  .menukapat{display:block;align-self:flex-end}
  .app:not(.nonav) .menugolge{display:block;position:fixed;inset:0;border:0;background:rgba(0,0,0,.5);z-index:1100}
}