/* v157 · Kurumsal yan menü
   - Menü kullanıcı kapatmadan kapanmaz (sayfa değişince, Rasyon ekranında, fare çekilince kapanmaz).
   - 700 px ve üstünde menü kenarda sabit; program menünün kenarından başlar (üstüne binmez).
   - Telefonda (<700 px) çekmece; yalnız ✕ / ☰ ile kapanır.
   - Menünün altında ▲ ▼ kaydırma çubuğu; taşan tablolarda ◀ ▶ düğmeleri; sayfa hiçbir zaman yatay taşmaz.
   Durum: html[data-menu=acik|kapali] (localStorage gs7.menu). */
:root{--mnW:252px}
html[data-menu]:not([data-nav=top]){--sideW:var(--mnW)}

/* ---- sayfa asla yatay taşmaz ---- */
html,body{max-width:100%}
.gs-app{min-width:0;overflow-x:clip}
@supports not (overflow:clip){.gs-app{overflow-x:hidden}}
.gs-page,#pgOther,.gs-main{min-width:0;max-width:100%}

/* ---- yerleşim: menü sabit, içerik kenarından başlar ---- */
html[data-menu]:not([data-nav=top]) .gs-side{width:var(--mnW)!important;padding:0!important;overflow:hidden!important;display:flex;flex-direction:column;transition:transform .22s ease}
html[data-menu]:not([data-nav=top]) .gs-app{transition:margin-left .22s ease}
@media (min-width:700px){
  html[data-menu=acik]:not([data-nav=top]) .gs-side{transform:none!important;box-shadow:none}
  html[data-menu=acik]:not([data-nav=top]) .gs-app{margin-left:var(--mnW)!important}
  html[data-menu=acik]:not([data-nav=top]) .gs-scrim{display:none!important}
  html[data-menu=kapali]:not([data-nav=top]) .gs-side{transform:translateX(-102%)!important}
  html[data-menu=kapali]:not([data-nav=top]) .gs-app{margin-left:0!important}
  html[data-menu]:not([data-nav=top]) .gs-burger{display:block!important}
}
@media (max-width:699.98px){
  html[data-menu]:not([data-nav=top]) .gs-side{width:min(300px,88vw)!important;transform:translateX(-102%)}
  html[data-menu]:not([data-nav=top]) body.side-open .gs-side{transform:none!important}
  html[data-menu]:not([data-nav=top]) .gs-app{margin-left:0!important}
}
/* Tema "ikon şeridi" (data-nav=rail) ve Rasyon ekranının (body.pro-mode) fareyle açılıp kapanan daralan menüsü devre dışı: menü açıkken hep tam genişlik */
html[data-menu=acik] .gs-brand span,html[data-menu=acik] .nv span,html[data-menu=acik] .nv-sec,html[data-menu=acik] .side-wa,html[data-menu=acik] .gs-search{display:block!important}
html[data-menu=acik] .nv-sub{display:flex!important}
html[data-menu=acik] .nv .car,html[data-menu=acik] .nv em{display:inline!important}
html[data-menu=acik] .nv{justify-content:flex-start!important;padding:7px 10px 7px 12px!important}
html[data-menu=acik] .gs-brand{justify-content:flex-start!important}
html[data-menu=acik] .gs-side:hover,html[data-menu=acik] .gs-side:focus-within{box-shadow:none!important}
/* ---- kurumsal görünüm (açık tema) ---- */
html[data-menu]:not([data-sd=dark]) .gs-side{background:#fff!important;color:#26364A;border-right:1px solid #E3E8EE;box-shadow:none}
html[data-menu] .gs-side .gs-brand{flex:none;margin:0!important;padding:14px 16px 13px!important;gap:11px;border-bottom:1px solid #EDF1F5}
html[data-menu] .gs-side .gs-brand::after{display:none}
html[data-menu]:not([data-sd=dark]) .gs-side .gs-brand{color:#16263A}
html[data-menu] .gs-side .gs-brand img{width:38px;height:38px;border-radius:10px;box-shadow:0 1px 3px rgba(16,40,70,.18)}
html[data-menu] .gs-side .gs-brand b{font-size:15px;letter-spacing:.1px}
html[data-menu] .gs-side .gs-brand small{font-size:11px;letter-spacing:.3px;text-transform:uppercase;font-weight:700}
html[data-menu] .gs-side .gs-search{margin:10px 12px 4px}
html[data-menu] .gs-nav{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:6px 10px 10px;gap:1px;scrollbar-width:thin;scroll-behavior:smooth;overscroll-behavior:contain}
html[data-menu] .gs-nav::-webkit-scrollbar{width:8px}
html[data-menu]:not([data-sd=dark]) .gs-nav::-webkit-scrollbar-thumb{background:#CBD5E1;border-radius:8px}
html[data-menu] .nv-sec{font-size:10.5px!important;font-weight:700;letter-spacing:.09em;padding:16px 12px 6px!important;margin:0}
html[data-menu]:not([data-sd=dark]) .nv-sec{color:#8A97A8!important}
html[data-menu] .gs-nav>.nv-sec:first-child{padding-top:6px!important}
html[data-menu] .nv{gap:11px;padding:7px 10px 7px 12px;border-radius:8px;font-size:13.5px;font-weight:500;transform:none!important}
html[data-menu]:not([data-sd=dark]) .nv{color:#2B3A4D}
html[data-menu] .nv i{width:26px;height:26px;border-radius:7px;font-size:14px;filter:grayscale(.85) saturate(.6);opacity:.82;transition:filter .15s,opacity .15s}
html[data-menu]:not([data-sd=dark]) .nv i{background:#F2F5F8!important;border:1px solid #E6EBF0}
html[data-menu]:not([data-sd=dark]) .nv:hover{background:#F4F7FA!important;color:#0F2236}
html[data-menu] .nv:hover i,html[data-menu] .nv.on i{filter:none;opacity:1}
html[data-menu]:not([data-sd=dark]) .nv.on{background:color-mix(in srgb,var(--p,#2F8A3E) 11%,#fff)!important;color:color-mix(in srgb,var(--p,#2F8A3E) 75%,#0B1A2A)!important;font-weight:650;box-shadow:none!important}
html[data-menu]:not([data-sd=dark]) .nv.on i{background:#fff!important;border-color:color-mix(in srgb,var(--p,#2F8A3E) 30%,#fff)}
html[data-menu] .nv.on::before{left:-10px!important;top:6px;bottom:6px;width:3px;border-radius:0 3px 3px 0;background:var(--p,#2F8A3E)!important}
html[data-menu] .nv-sub{margin:2px 4px 8px 36px;padding-left:10px}
html[data-menu]:not([data-sd=dark]) .nv-sub{border-left:1px solid #E3E8EE}
html[data-menu] .nv-sub a{font-size:13px;padding:6px 10px;border-radius:6px}
html[data-menu]:not([data-sd=dark]) .nv-sub a{color:#3B4A5C;opacity:1}
html[data-menu]:not([data-sd=dark]) .nv-sub a:hover{background:#F4F7FA}
html[data-menu]:not([data-sd=dark]) .nv-sub a.on{background:transparent;color:var(--p,#2F8A3E);font-weight:650}
html[data-menu] .gs-side .side-free{flex:none;margin:8px 12px 0}
html[data-menu] .gs-side .side-wa{flex:none;margin:8px 12px 0}
html[data-menu]:not([data-sd=dark]) .gs-side .side-wa{background:#F4F7FA;color:#2B3A4D;border:1px solid #E3E8EE}

/* ---- menü alt çubuğu: ▲ ▼ kaydırma + gizle ---- */
.mn-alt{flex:none;display:flex;gap:6px;align-items:center;padding:8px 10px 10px;border-top:1px solid #EDF1F5;background:inherit}
.mn-alt button{border:1px solid #E3E8EE;background:#F7F9FB;color:#2B3A4D;border-radius:8px;height:32px;min-width:38px;font:600 13px/1 system-ui,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 10px}
.mn-alt button:hover:not(:disabled){background:#EEF2F6}
.mn-alt button:disabled{opacity:.38;cursor:default}
.mn-alt .mn-gz{margin-left:auto;font-size:12.5px;color:#5B6B7D}
html[data-sd=dark] .mn-alt{border-top-color:#ffffff14}
html[data-sd=dark] .mn-alt button{background:#ffffff0d;border-color:#ffffff1c;color:#fff}
.mn-x{display:none;position:absolute;right:10px;top:12px;border:1px solid #E3E8EE;background:#fff;color:#2B3A4D;border-radius:8px;width:34px;height:34px;font-size:16px;cursor:pointer}
@media (max-width:699.98px){.mn-x{display:block}}

/* ---- taşan kutularda ◀ ▶ ---- */
.mn-yk{display:flex;justify-content:flex-end;align-items:center;gap:6px;margin:4px 0 4px;font:500 12px/1 system-ui,sans-serif;color:#6B7A8C;position:sticky;left:0}
.mn-yk[hidden]{display:none}
.mn-yk button{border:1px solid #DCE3EA;background:#fff;color:#2B3A4D;border-radius:8px;width:34px;height:28px;font-size:13px;cursor:pointer;box-shadow:0 1px 2px rgba(16,40,70,.06)}
.mn-yk button:disabled{opacity:.35;cursor:default}
/* sürüm etiketi (index.html güncelleme duyurusu): menü açıkken menünün kenarına kayar, üstüne binmez */
@media (min-width:700px){html[data-menu=acik]:not([data-nav=top]) #gsSurumEt{left:calc(var(--mnW) + 10px)!important}}
@media print{.mn-alt,.mn-yk,.mn-x,#gsSurumEt{display:none!important}}
/* v177 · Ticari menüsü: alt menüde bölüm başlıkları + sayfa üstünde bölüm şeridi */
.nv-sub .nv-sg{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#8A97A8;padding:10px 10px 3px}
.nv-sub .nv-sg:first-child{padding-top:4px}
.tc-serit{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:10px 16px 0;margin:0}
.tc-serit[hidden]{display:none}
.tc-serit .tc-b{font-size:13px;color:#5E6F62;margin-right:4px}
.tc-serit a{font-size:13.5px;font-weight:700;text-decoration:none;color:#2B3A33;background:#fff;border:1px solid #DDE5DA;border-radius:999px;padding:6px 12px;white-space:nowrap}
.tc-serit a.on{background:#E5F2E2;border-color:#9FCB98;color:#1F6A2E}
.tc-serit a.kilit{opacity:.55}
@media (max-width:600px){.tc-serit{flex-wrap:nowrap;overflow-x:auto;padding:8px 12px 0;scrollbar-width:none}.tc-serit::-webkit-scrollbar{display:none}.tc-serit .tc-b{display:none}}
@media print{.tc-serit{display:none!important}}
