/* Uygulama kabuğu: sabit koyu yan menü + içerik alanı. Yan menü her iki temada da koyu kalır (bilinçli tercih). */
:root{--side:#0E1324;--side-2:#161D33;--side-ink:#C7CFE4;--side-dim:#7C86A3;--side-w:252px}
html,body{height:100%}
.rl{display:grid;grid-template-columns:var(--side-w) minmax(0,1fr);min-height:100%}
.side{position:sticky;top:0;height:100vh;overflow-y:auto;background:var(--side);color:var(--side-ink);display:flex;flex-direction:column;gap:14px;padding:18px 14px;z-index:30}
.side-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;padding:4px 6px}
.side-brand b{font:800 18px/1 var(--display);letter-spacing:-.01em}
.mark{display:inline-grid;grid-template-columns:repeat(3,6px);gap:3px;align-items:end;height:22px}
.mark i{display:block;border-radius:2px;background:linear-gradient(180deg,#8E76FF,#2FD0C6)}
.mark i:nth-child(1){height:10px}.mark i:nth-child(2){height:22px}.mark i:nth-child(3){height:15px}
.side-portal{background:var(--side-2);border-radius:10px;padding:10px 12px;font-size:12.5px;line-height:1.35}
.side-portal small{display:block;color:var(--side-dim);font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:600}
.side-portal b{color:#fff;font-weight:600;word-break:break-all}
.side-nav{display:flex;flex-direction:column;gap:14px;flex:1}
.side-grp small{display:block;color:var(--side-dim);font:700 10.5px/1 var(--display);letter-spacing:.12em;text-transform:uppercase;padding:0 8px 6px}
.side-grp a{display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px;color:var(--side-ink);text-decoration:none;font-size:13.5px;font-weight:500;position:relative}
.side-grp a:hover{background:var(--side-2);color:#fff}
.side-grp a[aria-current="page"]{background:linear-gradient(90deg,rgba(142,118,255,.28),rgba(47,208,198,.12));color:#fff}
.side-grp a[aria-current="page"]::before{content:"";position:absolute;left:-14px;top:8px;bottom:8px;width:3px;border-radius:2px;background:#8E76FF}
.side-grp a svg{flex:none;opacity:.85}
.side-grp a .tag2{margin-left:auto;font-size:10px;font-weight:700;letter-spacing:.04em;padding:2px 6px;border-radius:4px;background:rgba(255,255,255,.08);color:var(--side-dim)}
.side-grp a .tag2.live{background:rgba(63,209,139,.16);color:#5BE0A0}
.side-grp a .tag2.lock{background:rgba(255,194,61,.14);color:#FFC23D}
.side-grp a.soon{color:var(--side-dim)}
.side-foot{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--side-dim);border-top:1px solid rgba(255,255,255,.07);padding:12px 8px 0}
.side-foot a{color:#B9A9FF;text-decoration:none;font-weight:600}
.mainc{min-width:0;display:flex;flex-direction:column}
.topbar{position:sticky;top:0;z-index:25;display:flex;align-items:center;gap:12px;padding:12px 20px;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.tb-title{display:flex;align-items:center;gap:10px;min-width:0;flex:1}
.tb-title h1{font:800 18px/1.2 var(--display);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tb-conn{font-size:12.5px}
.menu-btn{display:none;border:1px solid var(--line);background:var(--surface);border-radius:8px;width:36px;height:34px;padding:8px;flex-direction:column;justify-content:space-between;cursor:pointer}
.menu-btn span{display:block;height:2px;background:var(--ink);border-radius:1px}
.scrim-side{position:fixed;inset:0;background:rgba(8,12,24,.45);z-index:28}
/* modül içindeki eski başlıkların kabukla çakışan kısımları */
.suite header.top{position:static;background:transparent;border-bottom:0}
.suite header.top .top-in{display:none}
.suite .filters{padding-top:14px}
.lockbox{margin:16px 20px 0;padding:16px 18px;border-radius:12px;border:1px solid color-mix(in srgb,var(--c4) 45%,var(--line));background:color-mix(in srgb,var(--c4) 10%,var(--surface));display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.lockbox b{font:700 15px/1.3 var(--display)}
.lockbox p{margin:2px 0 0;color:var(--ink-2);font-size:13px}
.lockbox .acts2{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
.lockbox a{text-decoration:none}
.soon-card{max-width:640px;margin:28px 0;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.soon-card h2{font:800 26px/1.15 var(--display);margin:4px 0 0}
.soon-card .lead{color:var(--ink-2);margin:0}
.soon-card ul{margin:4px 0;padding-left:18px;color:var(--ink-2)}
.soon-card a.btn{text-decoration:none}
@media (max-width:900px){
  .rl{grid-template-columns:minmax(0,1fr)}
  .side{position:fixed;left:0;top:0;bottom:0;width:min(280px,86vw);height:auto;transform:translateX(-102%);transition:transform .2s ease}
  .rl.open .side{transform:none}
  .menu-btn{display:flex}
  .topbar{padding-inline:16px}
}
@media (prefers-reduced-motion:reduce){.side{transition:none}}