/* Yerleşim (25.10, kullanıcı isteği: Metronic Tailwind demo10 benzeri yerleşim, beyaz sol menü).
   Sol: sabit beyaz kenar menü (marka, menü, alt kısımda dil / görünüm / hesap). Sağ: içerik alanı.
   Mobil: kenar menü soldan açılır (☰), alt sekme çubuğu aynen kalır. */
:root{
  --bg:#f7f8fa;--card:#fff;--card2:#fafbfc;--ink:#071437;--ink2:#4b5675;--mute:#78829d;--line:#eceef3;--chip:#f1f1f4;
  --shadow:0 1px 2px rgba(7,20,55,.03),0 3px 8px rgba(7,20,55,.035);
  --side-w:264px;--side-bg:#fff;--side-ink:#252f4a;--side-mute:#78829d;--side-hover:#f6f7f9;--side-on:#f1f1f4;
}
@media (prefers-color-scheme:dark){:root{
  --bg:#0b0f17;--card:#121826;--card2:#0f1521;--ink:#e8edf5;--ink2:#c3cbd8;--mute:#8b96a8;--line:#222b3b;--chip:#1b2333;
  --side-bg:#0f1521;--side-ink:#d6dde8;--side-mute:#8b96a8;--side-hover:#161d2b;--side-on:#1b2333;
}}

/* eski üst menü kullanılmıyor */
header.top{display:none}

.mt-side{position:fixed;inset:0 auto 0 0;width:var(--side-w);z-index:40;display:flex;flex-direction:column;
  background:var(--side-bg);border-right:1px solid var(--line);color:var(--side-ink)}
.mt-brand{display:flex;align-items:center;gap:10px;height:68px;padding:0 20px;flex:none;border-bottom:1px solid var(--line)}
.mt-brand .brand{font-size:18px}
.mt-brand .role-tag{margin-left:auto}
.mt-scroll{flex:1;overflow-y:auto;padding:14px 12px;scrollbar-width:thin}
.mt-sec{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--side-mute);padding:10px 10px 6px}
.mt-menu{display:flex;flex-direction:column;gap:2px}
.mt-menu a{display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:8px;font-size:14px;font-weight:500;
  color:var(--side-ink);line-height:1.25;transition:background .12s,color .12s}
.mt-menu a svg{width:18px;height:18px;flex:none;color:var(--side-mute)}
.mt-menu a:hover{background:var(--side-hover);color:var(--ink)}
.mt-menu a.on{background:var(--side-on);color:var(--ink);font-weight:600}
.mt-menu a.on svg{color:var(--acc-ink)}
.mt-menu .chev{margin-left:auto;width:14px;height:14px;color:var(--side-mute);transition:transform .15s}
.mt-menu .grp.open > a .chev{transform:rotate(180deg)}
.mt-sub{display:none;flex-direction:column;gap:1px;margin:2px 0 6px 21px;padding-left:12px;border-left:1px solid var(--line)}
.mt-menu .grp.open .mt-sub{display:flex}
.mt-sub a{padding:7px 10px;font-size:13.5px;color:var(--side-mute);font-weight:500}
.mt-sub a.on{background:var(--side-on);color:var(--ink);font-weight:600}
.mt-foot{flex:none;border-top:1px solid var(--line);padding:12px;display:flex;flex-direction:column;gap:8px}
.mt-user{display:flex;align-items:center;gap:10px;padding:6px 6px}
.mt-av{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;flex:none;font-weight:700;font-size:14px;
  background:var(--acc-bg);color:var(--acc-ink);border:2px solid color-mix(in srgb,var(--acc) 35%,transparent)}
.mt-user .nm{min-width:0;flex:1}
.mt-user .nm b{display:block;font-size:13.5px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mt-user .nm small{display:block;font-size:12px;color:var(--side-mute)}
.mt-tools{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.mt-tools .pill,.mt-tools .btn{height:34px;display:inline-flex;align-items:center;gap:6px;padding:0 12px;border-radius:8px;font-size:13px;
  border:1px solid var(--line);background:var(--card);color:var(--ink2);font-weight:600}
.mt-tools .pill.ic{width:34px;padding:0;justify-content:center}
.mt-tools .pill svg{width:16px;height:16px}
.mt-tools .pill:hover{background:var(--side-hover)}
.mt-tools .pill.on{background:var(--side-on);color:var(--ink)}
.mt-tools .view-sw{flex:1;justify-content:center}
.mt-tools .btn.acc{background:var(--acc);border-color:var(--acc);color:#fff}
.mt-tools .lang-sw{position:relative}
.mt-tools .lang-menu{bottom:40px;top:auto;left:0;right:auto}

/* içerik */
.mt-main{margin-left:var(--side-w);min-height:100vh;display:flex;flex-direction:column}
.mt-main main{max-width:1320px;width:100%;margin:0 auto;padding:28px 32px 64px}
.mt-main footer{max-width:1320px;width:100%;margin:0 auto;padding:18px 32px 32px;border-top:1px solid var(--line)}
.mt-top{display:none}
.mt-ov{display:none}

/* kartlar ve tablolar: Metronic benzeri sade kenarlık */
.card,.sv-panel,.pz-s,.pz-nav,.tbl-wrap{box-shadow:var(--shadow)}

@media (max-width:1024px){
  .mt-side{transform:translateX(-100%);transition:transform .2s ease;box-shadow:none}
  body.side-open .mt-side{transform:none;box-shadow:0 10px 40px rgba(7,20,55,.18)}
  body.side-open .mt-ov{display:block;position:fixed;inset:0;z-index:35;background:rgba(7,20,55,.35)}
  .mt-main{margin-left:0}
  .mt-top{display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:30;height:58px;padding:0 16px;
    background:color-mix(in srgb,var(--card) 92%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
  .mt-burger{width:38px;height:38px;border-radius:8px;border:1px solid var(--line);background:var(--card);display:grid;place-items:center;cursor:pointer;color:var(--ink)}
  .mt-burger svg{width:20px;height:20px}
  .mt-top .brand{font-size:17px}
  .mt-top .sp{margin-left:auto;display:flex;gap:8px}
  .mt-top .sp .pill{height:36px;display:inline-flex;align-items:center;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:var(--card);font-size:13px;font-weight:600}
  .mt-main main{padding:18px 16px 96px}
  .mt-main footer{padding:16px 16px 100px}
}

/* + Maçlar alt sayfaları sol menüde; geniş ekranda sayfa içi sekmeler gizli (mobilde kalır) */
@media (min-width:1025px){.mt-main .pz-nav{display:none}}

/* ---------- Profesyonel cila (25.10, v3; sayfa CSS'lerinden sonra yüklendiği için .mt-main ile öncelikli) ---------- */
:root{--r:12px;--shadow:0 1px 2px rgba(7,20,55,.04)}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11","ss01"}
/* emoji yerine çizgi ikonlar (app/ikon.py) */
.ei{display:inline-flex;width:1.05em;height:1.05em;vertical-align:-.16em;flex:none;color:var(--mute)}
.ei svg{width:100%;height:100%}
.ei.g{color:var(--acc)}.ei.r{color:var(--bad)}.ei.w{color:var(--warn)}
a .ei,button .ei,.btn .ei,.pill .ei,h1 .ei,h2 .ei,h3 .ei,b .ei,strong .ei{color:inherit}
.ei.g,.ei.r,.ei.w{opacity:1}

/* masaüstü üst çubuk: sayfa yolu, tarih, bildirim, hesap */
.mt-bc,.mt-date,.mt-bell{display:none}
@media (min-width:1025px){
  .mt-top{display:flex;align-items:center;gap:16px;position:sticky;top:0;z-index:30;height:60px;padding:0 32px;
    background:color-mix(in srgb,var(--card) 94%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
  .mt-top .mt-burger,.mt-top > .brand{display:none}
  .mt-bc{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--mute);min-width:0}
  .mt-bc a{color:var(--mute)}.mt-bc a:hover{color:var(--ink)}
  .mt-bc b{color:var(--ink);font-weight:600;white-space:nowrap}
  .mt-bc .s{color:var(--line);font-weight:400;color:#c4cada}
  .mt-top .sp{margin-left:auto;display:flex;align-items:center;gap:10px}
  .mt-date{display:inline-flex;align-items:center;height:34px;padding:0 12px;border:1px solid var(--line);border-radius:8px;
    font-size:13px;font-weight:500;color:var(--ink2);background:var(--card)}
  .mt-bell{display:grid;place-items:center;position:relative;width:36px;height:36px;border-radius:8px;border:1px solid var(--line);background:var(--card);color:var(--ink2)}
  .mt-bell:hover{background:var(--side-hover)}
  .mt-bell svg{width:18px;height:18px}
  .mt-bell i{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--bad);color:#fff;
    font:600 10.5px/17px "Inter",system-ui,sans-serif;text-align:center;box-shadow:0 0 0 2px var(--card)}
  .mt-av.sm{width:36px;height:36px;font-size:13.5px;border-width:0}
}

/* kartlar: tek tip köşe, ince kenar, sade gölge */
.mt-main .card,.mt-main .pz-s,.mt-main .pz-nav,.mt-main .pz-fold,.mt-main .pz-how-b,.mt-main .mc,.mt-main .kx-k,.mt-main .fx-card,.mt-main .slc,.mt-main .cp,.mt-main .cp-empty,.mt-main .cp-about,.mt-main .cp-risk,.mt-main .cx-about,.mt-main .cx-none,.mt-main .note-box,.mt-main .chart-empty,.mt-main .ax-day,.mt-main .pl-flow,.mt-main .tbl-wrap,.mt-main .mx-league,.mt-main .mx-det,.mt-main .verdict,.mt-main .prof,.mt-main .evbox,.mt-main .errbox,.mt-main .sv-panel,.mt-main .am-day>summary{border-radius:12px}
.mt-main .card.empty,.mt-main details.card.more{border-radius:12px}
/* vurgulu ilk kart: degrade yerine düz kart + ince renk şeridi */
.mt-main .kx-k.main,.mt-main .pz-s.main{background:var(--card);border-color:var(--line);box-shadow:inset 3px 0 0 var(--acc),var(--shadow)}
.mt-main .cp::before{background:var(--acc);height:3px}
.mt-main .cl-pb i{background:var(--acc)}
/* uyarı şeritleri */
.mt-main .flash{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;background:var(--card);color:var(--ink2);border:1px solid var(--line);
  border-radius:10px;padding:11px 16px;font-weight:500;font-size:14px;box-shadow:var(--shadow),inset 3px 0 0 var(--acc)}
.mt-main .flash b{color:var(--ink);font-weight:600}
.mt-main .flash.adm{background:var(--card);border-color:var(--line);color:var(--ink2)}
.mt-main .flash.adm a{font-weight:600}
.mt-main .flash .ei{color:var(--acc)}
/* düğmeler */
.btn{border-radius:8px;font-weight:600}
@media (prefers-color-scheme:light){.btn.acc,.mt-tools .btn.acc{background:#059669;border-color:#059669;color:#fff}.btn.acc:hover{background:#047857}}
.btn.small,.btn.sm{border-radius:7px}
/* başlıklar */
main h1{font-weight:700;letter-spacing:-.02em}
main h2{font-weight:650;letter-spacing:-.01em}
.kx-top h1{font-size:24px}
/* tablolar */
table th{font-weight:600;letter-spacing:.02em}
/* odak halkası */
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid color-mix(in srgb,var(--acc) 60%,transparent);outline-offset:2px}
@media (prefers-color-scheme:dark){.mt-bc .s{color:#3a4458}}