/* ===== R103: gezinme - modül çubuğu, alt sayfa paneli, tüm modüller haritası, kısayollar, sade ana giriş =====
   gezinme.js ve evren.js (kompaktHtml) ile birlikte. Renkler panel.css değişkenlerinden; grup renkleri --g. */

/* ---------- kabuk: modül çubuğu sütunu (bilgisayar ekranı) ---------- */
@media (min-width:861px){
  .app.mbar-var{grid-template-columns:68px 248px minmax(0,1fr);grid-template-areas:"mbar rail main"}
  .app.mbar-var>.mbar{grid-area:mbar}
  .app.mbar-var>.rail{grid-area:rail}
  .app.mbar-var>.main{grid-area:main}
  .app.mbar-var.rail-dar,.app.mbar-var.duzen-hub.evren-modu{grid-template-columns:68px minmax(0,1fr);grid-template-areas:"mbar main"}
  .app.mbar-var.rail-dar>.rail{display:none}
  /* çubukta ana giriş var: sol menünün başındaki "Ana giriş" bağlantısı tekrar etmez */
  .app.mbar-var .rail .rail-giris{display:none}
  .app.mbar-var.duzen-tek .rail>.brand{display:none}
}
.mbar{display:none}
@media (min-width:861px){
  .mbar{display:flex;flex-direction:column;align-items:stretch;gap:2px;position:sticky;top:0;height:100vh;height:100dvh;box-sizing:border-box;padding:12px 6px 10px;padding-top:calc(12px + env(safe-area-inset-top,0px));
    background:linear-gradient(180deg,#05141b 0%,#030c11 100%);border-right:1px solid rgba(190,235,242,.07);z-index:30;color:#9fb9c1}
}
.mb-logo{display:grid;place-items:center;height:46px;border-radius:12px;margin-bottom:4px;text-decoration:none;transition:background .15s}
.mb-logo .ev-mini{width:32px;height:30px}
.mb-logo:hover,.mb-logo.on{background:rgba(159,227,234,.09)}
.mb-logo.on .ev-mini path{fill:#bff3f6}
.mb-logo:focus-visible,.mb-o:focus-visible{outline:2px solid #7fe6ee;outline-offset:-2px}
.mb-liste{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:2px;margin:2px -6px;padding:2px 6px;scrollbar-width:none}
.mb-liste::-webkit-scrollbar{display:none}
.mb-liste{-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 22px),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 22px),transparent);padding-bottom:16px}
.mb-o{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:48px;padding:5px 2px 4px;border-radius:12px;border:0;background:transparent;color:#9fb9c1;font:inherit;text-decoration:none;cursor:pointer;flex:none;transition:background .14s,color .14s}
.mb-o:hover{background:rgba(159,227,234,.08);color:#e6f6f8;text-decoration:none}
.mb-o .mb-i{line-height:0;display:grid;place-items:center;width:30px;height:26px;border-radius:8px;transition:color .14s,background .14s}
.mb-o .mb-i svg{width:20px;height:20px}
.mb-o .mb-ad{font-size:10.5px;line-height:1.1;max-width:62px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.005em}
.mb-o[data-modul]:hover .mb-i{color:var(--g,#7fe6ee)}
.mb-o.on{background:color-mix(in srgb,var(--g) 17%,transparent);color:#fff}
.mb-o.on .mb-i{color:var(--g)}
.mb-o.on::before{content:'';position:absolute;left:-6px;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:var(--g)}
.mb-n{position:absolute;top:3px;right:6px;min-width:17px;height:17px;padding:0 4px;box-sizing:border-box;border-radius:9px;background:var(--g,#34c3d0);color:#062026;font-size:10.5px;font-weight:700;line-height:17px;text-align:center;font-variant-numeric:tabular-nums;box-shadow:0 0 0 2px #05141b}
.mb-n[hidden]{display:none}
.mb-ara{min-height:44px;margin-bottom:2px}
.mb-ara .mb-i{background:rgba(159,227,234,.08)}
.mb-ayrac{display:block;height:1px;margin:5px 14px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--g) 55%,transparent),transparent);flex:none}
.mb-alt{display:flex;flex-direction:column;gap:2px;padding-top:6px;border-top:1px solid rgba(190,235,242,.07)}
.mb-alt .mb-o{min-height:38px}
.mb-alt .mb-o[hidden]{display:none}
.mb-alt #mbRail[aria-pressed="false"] .mb-i{color:#7fe6ee}

/* ---------- çubuğun açılır paneli (alt sayfalar) ve sade ana girişte kartın okuyla açılan panel ---------- */
.gz-acilir{position:fixed;z-index:60;width:300px;max-height:min(560px,calc(100vh - 16px));display:flex;flex-direction:column;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:14px;box-shadow:0 22px 50px -18px rgba(0,0,0,.55),0 2px 6px rgba(0,0,0,.12);overflow:hidden;opacity:0;transform:translateX(-4px);transition:opacity .12s,transform .12s;pointer-events:none}
.gz-acilir.acik{opacity:1;transform:none;pointer-events:auto}
.gz-acilir[hidden]{display:none}
.gz-acilir::before{content:'';position:absolute;left:-6px;top:calc(var(--ok,24px) - 6px);width:10px;height:10px;background:var(--surface);border-left:1px solid var(--line);border-bottom:1px solid var(--line);transform:rotate(45deg)}
.gz-acilir.gz-kucuk{width:auto;max-width:280px;border-radius:10px}
.gz-a-ipucu{padding:8px 12px;font-size:13px;font-weight:500;display:flex;align-items:center;gap:8px;white-space:nowrap}
.gz-a-bas{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,color-mix(in srgb,var(--g) 12%,transparent),transparent)}
.gz-a-ikon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--g) 18%,transparent);color:var(--g)}
.gz-a-ikon svg{width:20px;height:20px}
.gz-a-bas b{display:block;font-family:var(--font-head);font-size:15.5px;font-weight:600;line-height:1.15}
.gz-a-bas small{display:block;font-size:12px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gz-a-liste{overflow-y:auto;padding:6px;flex:1 1 auto;min-height:0}
.gz-a-g{font-size:11px;font-weight:600;color:var(--ink-3);padding:8px 8px 3px;text-transform:none;letter-spacing:.01em}
.gz-a-bos{padding:10px 8px;font-size:13px;color:var(--ink-3)}
.gz-s{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;color:var(--ink);text-decoration:none;font-size:13.5px;line-height:1.25}
.gz-s:hover,.gz-s:focus{background:var(--accent-soft);color:var(--ink);text-decoration:none;outline:none}
.gz-s:focus-visible{box-shadow:inset 0 0 0 2px var(--accent)}
.gz-s.on{font-weight:600}
.gz-s.on .gz-s-l::after{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--g,var(--accent));margin-left:7px;vertical-align:2px}
.gz-s-k{width:22px;text-align:center;font-size:13px;opacity:.8;line-height:1}
.gz-s-k.ki svg{width:16px;height:16px;vertical-align:-3px}
.gz-s-l{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gz-s-n{min-width:20px;height:19px;padding:0 6px;border-radius:10px;background:var(--accent-soft-2,var(--accent-soft));color:var(--accent-ink);font-size:11.5px;font-weight:700;display:inline-grid;place-items:center;font-variant-numeric:tabular-nums;box-sizing:border-box}
.gz-a-git{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;border-top:1px solid var(--line);font-size:13px;font-weight:600;color:var(--accent-ink);text-decoration:none;background:var(--surface-2)}
.gz-a-git:hover,.gz-a-git:focus{color:var(--ink);text-decoration:none;background:var(--accent-soft)}
.gz-a-git span{font-size:17px;line-height:1}

/* G kısayolu rozeti */
.gz-kbd{display:inline-flex;align-items:center;gap:2px;flex:none}
.gz-kbd kbd,.gz-ipucu kbd,.gz-liste kbd,.gz-duzen kbd,.gezgin-ipucu kbd,.evk-bas kbd,.tb-ara kbd,#ayGezinme kbd,.gz-h-not kbd{font:600 10.5px/1 var(--font-mono,ui-monospace,monospace);min-width:17px;height:18px;padding:0 4px;box-sizing:border-box;display:inline-grid;place-items:center;border-radius:5px;border:1px solid var(--line);border-bottom-width:2px;background:var(--surface-2);color:var(--ink-2)}
.gezgin-oge .gz-a{display:inline-flex;align-items:center;gap:8px}
.gezgin-oge .gz-kbd{opacity:.85}

/* ---------- üst çubuk: arama düğmesi ---------- */
@media (min-width:641px){.topbar .tb-ara{display:inline-flex;align-items:center;gap:8px;width:auto;padding:0 10px;height:36px;border-radius:10px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink-3);font:inherit;font-size:13px;cursor:pointer}}
.topbar .tb-ara:hover{color:var(--ink);border-color:var(--accent)}
.topbar .tb-ara svg{width:16px;height:16px}
.topbar .tb-ara-y,.topbar .tb-ara-k{display:none}
@media (min-width:1600px){.topbar .tb-ara{min-width:190px}.topbar .tb-ara-y{display:inline;flex:1;text-align:left}.topbar .tb-ara-k{display:inline-grid}}
/* R103: modül çubuğu sütunu eklenince başlık sıkışmasın: dar bilgisayar ekranında düğme yazıları gizlenir (simge ve rozet kalır) */
@media (min-width:861px) and (max-width:1599px){.topbar .tb-baslik{min-width:150px}.topbar .isl-btn-y,.topbar .herpro-btn span:not(.badge){display:none}.topbar .herpro-btn{padding-left:9px;padding-right:9px}}
.app.evren-modu .topbar .tb-ara{background:rgba(6,30,38,.6);border-color:rgba(207,240,245,.14);color:#b5ccd2}
.app.evren-modu .topbar .tb-ara kbd{background:rgba(207,240,245,.06);border-color:rgba(207,240,245,.16);color:#cfe3e8}
/* ana girişte çubukta logo var: üst çubuğun logosu tekrar etmez */
@media (min-width:861px){.app.mbar-var.evren-modu .topbar .tb-marka{visibility:hidden}}

/* ---------- G dizisi ipucu ---------- */
.gz-ipucu{position:fixed;left:50%;bottom:26px;z-index:90;transform:translate(-50%,12px);opacity:0;pointer-events:none;display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:6px 10px;max-width:min(860px,calc(100vw - 32px));padding:9px 14px;border-radius:14px;background:rgba(5,20,27,.96);color:#d7eaee;font-size:13px;box-shadow:0 18px 40px -16px rgba(0,0,0,.7);border:1px solid rgba(159,227,234,.18);transition:opacity .14s,transform .14s}
.gz-ipucu.acik{opacity:1;transform:translate(-50%,0)}
.gz-ipucu kbd{background:rgba(207,240,245,.08);border-color:rgba(207,240,245,.2);color:#fff}
.gz-ip-ok{color:#7fe6ee;font-weight:700;margin:0 -2px}
.gz-ip-o{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;color:#b9d1d7}
.gz-ip-son{color:#7fe6ee}

/* ---------- tüm modüller haritası ---------- */
.gz-harita{position:fixed;inset:0;z-index:70;background:rgba(2,10,14,.55);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;justify-content:flex-start;animation:gzSol .16s ease-out}
@keyframes gzSol{from{opacity:0}to{opacity:1}}
.gz-h-ic{margin:10px 10px 10px 78px;flex:1;max-width:1480px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 70px -24px rgba(0,0,0,.6);display:flex;flex-direction:column;min-height:0;overflow:hidden}
@media (max-width:860px){.gz-h-ic{margin:0;border-radius:0}}
.gz-h-bas{display:flex;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.gz-h-bas h2{font-size:19px;margin:0}
.gz-h-ara{display:flex;align-items:center;gap:8px;flex:1 1 280px;max-width:440px;border:1px solid var(--line);border-radius:10px;padding:6px 10px;background:var(--surface-2)}
.gz-h-ara svg{width:16px;height:16px;color:var(--ink-3);flex:none}
.gz-h-ara input{flex:1;border:0;outline:none;background:transparent;font:inherit;font-size:14px;color:var(--ink);min-width:0}
.gz-h-not{font-size:12px;color:var(--ink-3);margin-left:auto;display:inline-flex;align-items:center;gap:5px}
.gz-h-izgara{flex:1;min-height:0;overflow-y:auto;padding:16px 18px 22px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:start}
@media (max-width:1280px){.gz-h-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.gz-h-izgara{grid-template-columns:1fr}}
.gz-h-grup{display:flex;flex-direction:column;gap:10px;min-width:0}
.gz-h-grup[hidden]{display:none}
.gz-h-grup>h3{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--ink-2);margin:0 0 2px;letter-spacing:.01em}
.gz-h-grup>h3 i{width:9px;height:9px;border-radius:50%;background:var(--g)}
.gz-h-m{border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}
.gz-h-m[hidden]{display:none}
.gz-h-mb{display:grid;grid-template-columns:30px minmax(0,1fr) auto auto;align-items:center;gap:9px;padding:9px 10px;background:linear-gradient(135deg,color-mix(in srgb,var(--g) 10%,transparent),transparent);color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}
.gz-h-mb:hover,.gz-h-mb:focus{text-decoration:none;color:var(--ink);background:color-mix(in srgb,var(--g) 16%,transparent)}
.gz-h-mb b{font-family:var(--font-head);font-size:14.5px;font-weight:600}
.gz-h-ikon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--g) 18%,transparent);color:var(--g)}
.gz-h-ikon svg{width:17px;height:17px}
.gz-h-s{padding:4px}
.gz-h-s .gz-s{font-size:13px;padding:5px 7px}
.gz-h-s .gz-s[hidden]{display:none}
.gz-h-bos{padding:30px;text-align:center;color:var(--ink-3)}

/* ---------- kısayol listesi ve düzenleme penceresi ---------- */
.gz-l-kolon{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:28px}
.gz-l-ikili{display:grid;grid-template-columns:1fr 1fr;column-gap:22px}
.gz-l-ikili .gz-l-s{grid-template-columns:62px minmax(0,1fr)}
@media (max-width:700px){.gz-l-kolon,.gz-l-ikili{grid-template-columns:1fr}}
.gz-liste h4,.gz-duzen h4{font-size:13px;margin:0 0 6px;color:var(--ink-2)}
.gz-l-s{display:grid;grid-template-columns:132px minmax(0,1fr);align-items:center;gap:10px;padding:5px 0;border-bottom:1px solid var(--line-2,var(--line));font-size:13.5px}
.gz-l-t{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap;color:var(--ink-3);font-size:12px}
.gz-d-kolon{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:26px}
@media (max-width:860px){.gz-d-kolon{grid-template-columns:1fr}}
.gz-d-tablo{width:100%}
.gz-d-tablo td{padding:4px 6px;vertical-align:middle}
.gz-d-ikon{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:7px;background:color-mix(in srgb,var(--g,#3fc8d6) 16%,transparent);color:var(--g,#3fc8d6);margin-right:8px;vertical-align:middle;line-height:0}
.gz-d-ikon svg{width:15px;height:15px}
.gz-d-ikon .ev-mini{width:18px;height:17px}
.gz-d-g{display:inline-flex;align-items:center;gap:4px}
.gz-d-t{width:34px;text-align:center;font:600 13px var(--font-mono,ui-monospace,monospace);text-transform:uppercase;padding:4px 0;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink)}
.gz-d-t:focus{outline:2px solid var(--accent);outline-offset:0;border-color:var(--accent)}
.gz-d-t.hata{border-color:var(--bad,#d64545);box-shadow:0 0 0 2px color-mix(in srgb,var(--bad,#d64545) 30%,transparent)}
.gz-d-ekle{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px}
.gz-d-ekle #gzOzHedef{flex:1 1 220px;min-width:0;padding:6px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font:inherit;font-size:13px}
.gz-d-cubuk{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px;max-height:300px;overflow:auto;border:1px solid var(--line);border-radius:10px;padding:6px}
.gz-d-cubuk li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:3px 4px;border-radius:7px}
.gz-d-cubuk li:hover{background:var(--surface-2)}
.gz-d-cubuk label{display:flex;align-items:center;gap:4px;font-size:13px;cursor:pointer}
.gz-d-sira{display:inline-flex;gap:3px}
.gz-d-sira .btn{padding:1px 6px;font-size:10px}
.gz-d-r{display:flex;gap:8px;align-items:flex-start;font-size:13px;margin:6px 0;cursor:pointer}
.gz-d-r input{margin-top:3px}

/* ---------- sade ana giriş ---------- */
.evren.ev-kompakt{min-height:0}
.ev-kompakt .ev-ic.evk{min-height:0;max-width:1440px;padding:72px 36px 24px;grid-template-rows:none;gap:14px}
.ev-kompakt .ev-gok .evk-gezegen{height:120px;min-height:0}
.ev-kompakt .ev-selam h1{font-size:clamp(26px,2.4vw,34px)}
.ev-kompakt .ev-selam p{margin-top:6px;font-size:14.5px}
.evk-kimlik{display:flex;align-items:center;gap:18px;min-width:0}
.evk-amblem{width:74px;height:69px;flex:none;overflow:visible}
.evk-parca{fill:#a9e8ee;opacity:.9;cursor:pointer;outline:none;transition:fill .2s,opacity .2s,filter .2s}
.evk-parca[data-grup="merkez"]{fill:#d7f5f7}
.evk-parca:hover,.evk-parca.on,.evk-parca:focus-visible{fill:var(--g);opacity:1;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--g) 60%,transparent))}
.evk-amblem:hover .evk-parca:not(:hover){opacity:.45}
.evk-bas{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:4px}
.evk-bas h2{font-size:19px;font-weight:600;color:#f3fbfc;margin:0 6px 0 0}
.evk-ara{flex:1 1 320px;max-width:520px;display:flex;align-items:center;gap:10px;height:40px;padding:0 12px;border-radius:12px;border:1px solid rgba(159,227,234,.18);background:rgba(8,30,39,.7);color:#93aeb6;font:inherit;font-size:14px;cursor:pointer;text-align:left;transition:border-color .15s,background .15s}
.evk-ara:hover,.evk-ara:focus-visible{border-color:rgba(127,230,238,.55);background:rgba(10,38,49,.85);color:#d7eaee;outline:none}
.evk-ara svg{width:17px;height:17px;flex:none}
.evk-ara span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.evk-bas kbd,.evk-kbd kbd{background:rgba(207,240,245,.06);border-color:rgba(207,240,245,.16);color:#cfe3e8}
.evk-dugme{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 12px;border-radius:12px;border:1px solid rgba(159,227,234,.13);background:rgba(207,240,245,.04);color:#b7cfd5;font:inherit;font-size:13px;cursor:pointer}
.evk-dugme:hover,.evk-dugme:focus-visible{color:#fff;border-color:rgba(159,227,234,.35);outline:none}
.evk-dugme svg{width:17px;height:17px}
.evk-izgara{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:start}
@media (max-width:1280px){.evk-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.evk-izgara{grid-template-columns:1fr}}
.evk-grup{min-width:0;border-radius:18px;padding:12px 10px 10px;background:rgba(6,24,32,.42);border:1px solid rgba(159,227,234,.08);transition:opacity .18s,border-color .18s,background .18s}
.evk-grup>h2{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;font-size:14.5px;font-weight:600;color:#eaf6f8;margin:0 4px 10px;line-height:1.2}
.evk-grup>h2 i{width:9px;height:9px;border-radius:50%;background:var(--g);flex:none;align-self:center;box-shadow:0 0 0 3px color-mix(in srgb,var(--g) 22%,transparent)}
.evk-grup>h2 small{flex-basis:100%;font-family:var(--font);font-size:11.5px;font-weight:400;color:#7f9ca5;padding-left:17px}
.evren.evk-vurgulu .evk-grup:not(.vurgu){opacity:.45}
.evk-grup.vurgu{border-color:color-mix(in srgb,var(--g) 45%,transparent);background:color-mix(in srgb,var(--g) 7%,rgba(6,24,32,.5))}
.evk-kartlar{display:flex;flex-direction:column;gap:5px}
.evk-kk{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:0}
.evk-kart.ev-kart{grid-template-columns:34px minmax(0,1fr) auto;gap:10px;padding:7px 10px;border-radius:12px 0 0 12px;border-right:0;min-height:50px;box-sizing:border-box}
.evk-kk:not(:has(.evk-alt)) .evk-kart.ev-kart{border-radius:12px;border-right:1px solid rgba(159,227,234,.11)}
.evk-kart.ev-kart:hover{transform:none}
.evk-kart .ev-k-ikon{width:34px;height:34px;border-radius:10px}
.evk-kart .ev-k-ikon svg{width:20px;height:20px}
.evk-kart .ev-k-yazi b{font-size:14.5px}
.evk-kart .ev-k-yazi small{font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.evk-sag{display:flex;align-items:center;gap:6px}
.evk-kart .ev-k-sayac{min-width:22px;height:21px;font-size:11.5px;padding:0 7px;border-radius:11px}
.evk-kbd{opacity:.55;transition:opacity .15s}
.evk-kk:hover .evk-kbd,.evk-kart:focus-visible .evk-kbd{opacity:1}
.evk-alt{width:30px;display:grid;place-items:center;border:1px solid rgba(159,227,234,.11);border-left:1px solid rgba(159,227,234,.06);border-radius:0 12px 12px 0;background:rgba(8,30,39,.66);color:#7f9ca5;cursor:pointer;padding:0;transition:color .15s,background .15s,border-color .15s}
.evk-alt svg{width:15px;height:15px}
.evk-alt:hover,.evk-alt:focus-visible{color:#fff;background:color-mix(in srgb,var(--g) 22%,rgba(8,30,39,.8));border-color:color-mix(in srgb,var(--g) 45%,transparent);outline:none}
.evk-kk:hover .evk-kart{border-color:color-mix(in srgb,var(--g) 45%,transparent)}
.ev-kompakt .ev-alt{margin-top:2px}
.ev-kompakt .ev-takdir{flex-basis:400px}
.ev-kompakt .ev-bugun:empty{display:none}
/* kartın okuyla açılan alt sayfa paneli */
.modal-bg.evk-alt-bg{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;display:block;padding:0}
.evk-alt-pan{position:fixed;z-index:75;width:300px;max-height:min(560px,calc(100vh - 16px));display:flex;flex-direction:column;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:14px;box-shadow:0 22px 50px -18px rgba(0,0,0,.6);overflow:hidden;animation:gzSol .12s ease-out}
@media (max-width:980px){.ev-kompakt .ev-ic.evk{padding:74px 18px 22px}.evk-kimlik{gap:12px}.evk-amblem{width:54px;height:50px}}
@media (max-width:860px){.ev-kompakt .ev-ic.evk{padding-top:68px}.evk-bas .evk-dugme span{display:none}.evk-kbd{display:none}.evk-ara kbd{display:none}}
@media (prefers-reduced-motion: reduce){.gz-acilir,.gz-ipucu,.gz-harita,.evk-alt-pan{transition:none;animation:none}}