/* MotoWest Yönetim Paneli V2 — tasarım sistemi (2 Eylül 2026)
   Tokenlar Polaris ölçeklerine göre: 13px gövde, 4px ızgara, tek vurgu rengi. */
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(font/inter-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(font/inter-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(font/inter-500-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(font/inter-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(font/inter-600-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(font/inter-600-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(font/inter-700-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(font/inter-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --yan-w:244px;--yan-dar:60px;--ust-h:56px;
  --gri-50:#f7f7f8;--gri-100:#f1f1f2;--gri-150:#e9e9eb;--gri-200:#e3e3e5;--gri-300:#cfd0d4;--gri-400:#a9abb2;--gri-500:#7d8088;--gri-600:#616369;--gri-700:#45474d;--gri-800:#303236;--gri-900:#1c1d20;
  --zemin:#f1f1f2;--yuzey:#fff;--kenar:#e3e3e5;--metin:#26272b;--soluk:#616369;--sessiz:#8a8c93;
  --vurgu:#d22f27;--vurgu-koyu:#b5251e;--vurgu-acik:#fdecea;
  --basari:#0f7b3f;--basari-zemin:#e6f4ec;--uyari:#9a5b00;--uyari-zemin:#fff3dc;--kritik:#c0242c;--kritik-zemin:#fdeaea;--bilgi:#1d4ed8;--bilgi-zemin:#e8effd;--dikkat:#b45309;--dikkat-zemin:#fff1e0;--turuncu:#f27a1a;--turuncu-zemin:#fff0e4;
  --odak:#005bd3;--golge-1:0 1px 2px rgba(20,21,24,.06),0 1px 1px rgba(20,21,24,.04);--golge-2:0 4px 12px rgba(20,21,24,.08),0 1px 3px rgba(20,21,24,.06);--golge-3:0 16px 40px rgba(20,21,24,.16);
  --r-kucuk:6px;--r:8px;--r-buyuk:12px;--font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{font-size:13px;-webkit-text-size-adjust:100%}
body{margin:0;font:13px/20px var(--font);color:var(--metin);background:var(--zemin);-webkit-font-smoothing:antialiased;min-height:100vh}
a{color:var(--metin);text-decoration:none}a:hover{text-decoration:underline}
h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.01em}
h1{font-size:20px;line-height:28px}h2{font-size:14px;line-height:20px}h3{font-size:13px;line-height:20px}
p{margin:0 0 8px}small,.kucuk{font-size:12px;line-height:16px}
img{max-width:100%}
kbd{font:11px/1 var(--font);color:var(--sessiz);border:1px solid var(--gri-200);border-radius:4px;padding:2px 5px;background:#fff}
code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}
pre{background:var(--gri-900);color:#e8e8ea;padding:12px 14px;border-radius:var(--r);overflow:auto;max-height:420px;white-space:pre-wrap;line-height:18px}
hr{border:0;border-top:1px solid var(--kenar);margin:16px 0}
.soluk{color:var(--soluk)}.sessiz{color:var(--sessiz)}.sag{text-align:right}.orta{text-align:center}.mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px}.nowrap{white-space:nowrap}.sayi{font-variant-numeric:tabular-nums;text-align:right}
.kalin{font-weight:600}.kirmizi{color:var(--kritik)}.yesil{color:var(--basari)}.gizli{display:none!important}
.atla{position:absolute;left:-999px;top:8px;background:#fff;padding:8px 12px;border-radius:var(--r);z-index:100}.atla:focus{left:8px}
:focus-visible{outline:2px solid var(--odak);outline-offset:2px;border-radius:4px}
.ik{flex:none;vertical-align:-3px}

/* ---------------- yan menü ---------------- */
.yan{position:fixed;left:0;top:0;bottom:0;width:var(--yan-w);background:#fff;border-right:1px solid var(--kenar);display:flex;flex-direction:column;z-index:40;transition:width .15s ease}
.yan-ust{height:var(--ust-h);display:flex;align-items:center;justify-content:space-between;padding:0 12px 0 18px;border-bottom:1px solid var(--kenar)}
.marka{display:flex;align-items:baseline;gap:6px;text-decoration:none!important}.marka-ad{font-weight:700;font-size:15px;letter-spacing:-.02em;color:var(--gri-900)}.marka-alt{font-size:12px;color:var(--vurgu);font-weight:600}
.yan-daralt{border:0;background:transparent;color:var(--sessiz);width:28px;height:28px;border-radius:var(--r-kucuk);display:grid;place-items:center;cursor:pointer}.yan-daralt:hover{background:var(--gri-100);color:var(--metin)}
.yan-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:10px 10px 16px;scrollbar-width:thin}
.yan-grup{margin-bottom:4px}.yan-grup.yan-alt{margin-top:auto;border-top:1px solid var(--kenar);padding-top:8px}
.yan-baslik{padding:8px 10px 3px;color:var(--sessiz);font-size:13px;font-weight:500;line-height:20px;white-space:nowrap}
.yan-nav a{display:flex;align-items:center;gap:10px;height:32px;padding:0 10px;border-radius:var(--r-kucuk);color:var(--gri-700);font-size:13px;font-weight:500;line-height:20px;white-space:nowrap;position:relative;text-decoration:none!important}
.yan-nav a:hover{background:var(--gri-100);color:var(--gri-900)}
.yan-nav a.aktif{background:var(--gri-100);color:var(--gri-900);font-weight:500}
.yan-nav a.aktif::before{content:"";position:absolute;left:-10px;top:7px;bottom:7px;width:3px;border-radius:0 3px 3px 0;background:var(--vurgu)}
.yan-nav a .ik{color:var(--gri-500)}.yan-nav a.aktif .ik{color:var(--vurgu)}
.yan-perde{display:none;position:fixed;inset:0;background:rgba(20,21,24,.4);z-index:39}
html.dar .yan{width:var(--yan-dar)}html.dar .yan-ust{padding:0;justify-content:center}html.dar .marka{display:none}html.dar .yan-daralt .ik{transform:rotate(180deg)}
html.dar .yan-nav a span,html.dar .yan-baslik span{display:none}html.dar .yan-nav a{justify-content:center;padding:0}html.dar .yan-baslik{height:8px;padding:0;border-top:1px solid var(--kenar);margin:6px 8px}
html.dar .govde{margin-left:var(--yan-dar)}

/* ---------------- gövde / üst çubuk ---------------- */
.govde{margin-left:var(--yan-w);min-height:100vh;display:flex;flex-direction:column;transition:margin .15s ease}
.ust{height:var(--ust-h);background:#fff;border-bottom:1px solid var(--kenar);display:flex;align-items:center;gap:12px;padding:0 20px;position:sticky;top:0;z-index:30}
.ust-menu{display:none;border:0;background:transparent;width:36px;height:36px;border-radius:var(--r-kucuk);cursor:pointer;color:var(--gri-700)}
.ara{position:relative;flex:1;max-width:560px;display:flex;align-items:center}
.ara-ik{position:absolute;left:11px;color:var(--sessiz);display:flex}
.ara input{width:100%;height:34px;border:1px solid var(--gri-200);border-radius:var(--r);padding:0 60px 0 34px;background:var(--gri-50);font:inherit;color:var(--metin)}
.ara input:focus{background:#fff;border-color:var(--gri-400);outline:0;box-shadow:0 0 0 3px rgba(0,91,211,.12)}
.ara kbd{position:absolute;right:10px;top:8px}
.ara-sonuc{position:absolute;top:40px;left:0;right:0;background:#fff;border:1px solid var(--kenar);border-radius:var(--r);box-shadow:var(--golge-3);max-height:420px;overflow:auto;z-index:50;padding:6px}
.ara-sonuc[hidden]{display:none}
.ara-grup{padding:8px 10px 4px;font-size:12px;color:var(--sessiz);font-weight:500}
.ara-sonuc a{display:flex;justify-content:space-between;gap:12px;padding:8px 10px;border-radius:var(--r-kucuk);text-decoration:none!important}.ara-sonuc a:hover,.ara-sonuc a.secili{background:var(--gri-100)}
.ara-sonuc a small{color:var(--sessiz)}
.ust-sag{margin-left:auto;display:flex;align-items:center;gap:6px}
.ust-dis{display:flex;align-items:center;gap:6px;height:34px;padding:0 10px;border-radius:var(--r-kucuk);color:var(--gri-700);font-weight:500;text-decoration:none!important}.ust-dis:hover{background:var(--gri-100)}
.ust-zil{position:relative;border:0;background:transparent;width:36px;height:36px;border-radius:var(--r-kucuk);cursor:pointer;color:var(--gri-700);display:grid;place-items:center}.ust-zil:hover{background:var(--gri-100)}
.zil-sayi{position:absolute;top:5px;right:5px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--vurgu);color:#fff;font-size:10px;line-height:16px;font-weight:700;text-align:center}
.ust-kim{display:flex;align-items:center;gap:8px;border:0;background:transparent;height:38px;padding:0 8px 0 4px;border-radius:var(--r);cursor:pointer;font:inherit;color:var(--metin)}.ust-kim:hover{background:var(--gri-100)}
.ust-kim small{color:var(--sessiz);display:block;line-height:14px;font-size:11px}.kim-ad{font-weight:500;line-height:16px;text-align:left}
.avatar{width:30px;height:30px;border-radius:50%;background:var(--gri-900);color:#fff;display:grid;place-items:center;font-weight:600;font-size:13px}
.acilir{position:relative}.acilir-kutu{display:none;position:absolute;right:0;top:calc(100% + 6px);min-width:240px;background:#fff;border:1px solid var(--kenar);border-radius:var(--r);box-shadow:var(--golge-3);padding:6px;z-index:60}
.acilir.acik .acilir-kutu{display:block}
.acilir-kutu a,.acilir-kutu button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:0;background:transparent;font:inherit;color:var(--metin);border-radius:var(--r-kucuk);cursor:pointer;text-align:left;text-decoration:none!important}
.acilir-kutu a:hover,.acilir-kutu button:hover{background:var(--gri-100)}
.acilir-baslik{padding:8px 10px;font-weight:600;font-size:12px;color:var(--sessiz)}.acilir-bos{padding:14px 10px;color:var(--sessiz)}
.bildirim-kutu{min-width:320px}.bildirim-satir{gap:10px!important}.bildirim-satir i{width:8px;height:8px;border-radius:50%;flex:none;background:var(--gri-400)}.bildirim-satir.kritik i{background:var(--kritik)}.bildirim-satir.uyari i{background:var(--dikkat)}

/* ---------------- içerik ---------------- */
.icerik{padding:20px 24px 40px;max-width:1360px;width:100%;margin:0 auto;flex:1}
.kirinti{display:flex;gap:8px;font-size:12px;color:var(--sessiz);margin-bottom:8px}.kirinti a{color:var(--soluk)}.kirinti b{font-weight:500;color:var(--soluk)}
.sayfa-bas{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap}
.sayfa-baslik{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sayfa-baslik h1{display:flex;align-items:center;gap:10px}
.sayfa-alt{width:100%;margin:2px 0 0;color:var(--soluk)}
.geri{width:30px;height:30px;border:1px solid var(--kenar);border-radius:var(--r-kucuk);display:grid;place-items:center;background:#fff;color:var(--gri-700);text-decoration:none!important}.geri:hover{background:var(--gri-100)}
.sayfa-eylem{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.alt-bilgi{padding:14px 24px;color:var(--sessiz);font-size:12px;border-top:1px solid var(--kenar);background:#fff}

/* ---------------- ızgaralar ---------------- */
.izgara{display:grid;gap:16px}.izgara-2{grid-template-columns:repeat(2,1fr)}.izgara-3{grid-template-columns:repeat(3,1fr)}.izgara-4{grid-template-columns:repeat(4,1fr)}.izgara-6{grid-template-columns:repeat(6,1fr)}
.izgara-ana{grid-template-columns:minmax(0,2fr) minmax(280px,1fr)}.izgara-8-4{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.izgara-4-4-4{grid-template-columns:repeat(3,minmax(0,1fr))}
.yigin{display:flex;flex-direction:column;gap:16px}.satir{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.satir.arasi{justify-content:space-between}.bosluk{flex:1}

/* ---------------- kart ---------------- */
.kart{background:var(--yuzey);border:1px solid var(--kenar);border-radius:var(--r-buyuk);box-shadow:var(--golge-1)}
.kart-bas{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--kenar)}
.kart-ic{padding:16px}.kart-ic.sikisik{padding:0}.kart-eylem{display:flex;gap:8px;align-items:center}
.kart + .kart{margin-top:16px}
.bilgi-liste{display:grid;gap:10px;margin:0}.bilgi{display:grid;grid-template-columns:120px 1fr;gap:10px;margin:0}.bilgi dt{color:var(--soluk)}.bilgi dd{margin:0;overflow-wrap:anywhere}

/* ---------------- KPI ---------------- */
.kpi{background:#fff;border:1px solid var(--kenar);border-radius:var(--r-buyuk);padding:14px 16px 12px;box-shadow:var(--golge-1);display:flex;flex-direction:column;gap:2px;min-width:0;position:relative}
.kpi.vurgu{border-color:var(--vurgu)}
.kpi-ust{display:flex;justify-content:space-between;align-items:center}.kpi-etiket{font-size:12px;color:var(--soluk);font-weight:500}.kpi-link{color:var(--sessiz);display:flex}
.kpi-deger{font-size:22px;line-height:28px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kpi-alt-satir{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--sessiz);flex-wrap:wrap}
.delta{font-weight:600;font-variant-numeric:tabular-nums}.delta.artis{color:var(--basari)}.delta.dusus{color:var(--kritik)}.delta.sabit{color:var(--sessiz)}
.spark{position:absolute;right:14px;bottom:10px;width:90px;height:26px;color:var(--gri-400)}

/* ---------------- grafik ---------------- */
.grafik{width:100%;height:auto;display:block}.grafik .izgara{stroke:var(--gri-150);stroke-width:1}.grafik .eksen{font-size:10px;fill:var(--sessiz);font-family:var(--font)}.grafik .cubuk{fill:var(--vurgu);opacity:.9}.grafik .cubuk:hover{opacity:1}
.grafik-aciklama{display:flex;gap:16px;font-size:12px;color:var(--soluk);margin-bottom:8px}.grafik-aciklama i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px;vertical-align:-1px}

/* ---------------- tablo ---------------- */
.tablo-kap{overflow-x:auto;border-radius:var(--r-buyuk)}
.tablo{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}
.tablo th{position:sticky;top:0;background:var(--gri-50);text-align:left;font-weight:500;color:var(--soluk);font-size:12px;padding:0 12px;height:38px;border-bottom:1px solid var(--kenar);white-space:nowrap;z-index:1}
.tablo td{padding:0 12px;height:44px;border-bottom:1px solid var(--gri-150);vertical-align:middle}
.tablo tbody tr:last-child td{border-bottom:0}.tablo tbody tr:hover td{background:var(--gri-50)}
.tablo tr.tikla{cursor:pointer}.tablo td.sayi,.tablo th.sayi{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.tablo .birincil{font-weight:500}.tablo .birincil a{font-weight:500}.tablo td small{display:block;color:var(--sessiz);font-size:12px;line-height:16px}
.tablo .kompakt td{height:36px}.tablo.dar td{height:36px}
.tablo .sec{width:40px;padding-right:0}.tablo input[type=checkbox]{width:15px;height:15px;accent-color:var(--gri-900);margin:0;vertical-align:middle}
.tablo .gor{width:56px}.kucuk-gorsel{width:40px;height:40px;object-fit:contain;background:var(--gri-100);border-radius:var(--r-kucuk);display:block}.kucuk-gorsel.bos{display:grid;place-items:center;color:var(--gri-400)}
.sira{display:inline-flex;align-items:center;gap:4px;color:inherit;text-decoration:none!important}.sira-ok{width:0;height:0;border:4px solid transparent;border-top-color:var(--gri-300);margin-top:4px}.sira.aktif .sira-ok{border-top-color:var(--gri-700)}.sira.aktif.asc .sira-ok{border-top-color:transparent;border-bottom-color:var(--gri-700);margin-top:-4px}
.tablo-alt{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-top:1px solid var(--kenar);flex-wrap:wrap;gap:8px}
.sayfalama{display:flex;align-items:center;gap:14px;justify-content:space-between;flex-wrap:wrap;padding:10px 16px;border-top:1px solid var(--kenar)}
.sayfa-bilgi{color:var(--soluk);font-size:12px}.sayfa-dugme{display:flex;gap:2px;align-items:center}
.sayfa-dugme a,.sayfa-dugme b,.sayfa-dugme span,.sayfa-dugme em{min-width:30px;height:30px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r-kucuk);font-style:normal;text-decoration:none!important;font-size:12px}
.sayfa-dugme a:hover{background:var(--gri-100)}.sayfa-dugme b{background:var(--gri-900);color:#fff;font-weight:600}.sayfa-dugme .pasif{color:var(--gri-300)}
.sayfa-boyut select{height:30px}
.toplu-cubuk{display:none;align-items:center;gap:10px;padding:10px 16px;background:var(--gri-900);color:#fff;border-radius:var(--r-buyuk) var(--r-buyuk) 0 0}.toplu-cubuk.acik{display:flex}.toplu-cubuk b{font-weight:600}.toplu-cubuk .btn{background:#fff;color:var(--gri-900);border-color:#fff}.toplu-cubuk .btn.ikincil{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}
.bos-durum{padding:44px 20px;text-align:center;color:var(--soluk);display:flex;flex-direction:column;align-items:center;gap:10px}.bos-durum .ik{color:var(--gri-300)}.bos-durum p{margin:0;max-width:420px}

/* ---------------- rozet ---------------- */
.rozet{display:inline-flex;align-items:center;gap:4px;padding:0 8px;height:22px;border-radius:999px;font-size:12px;font-weight:500;line-height:22px;white-space:nowrap;background:var(--gri-100);color:var(--gri-700);vertical-align:middle}
.rozet.basari{background:var(--basari-zemin);color:var(--basari)}.rozet.uyari{background:var(--uyari-zemin);color:var(--uyari)}.rozet.kritik{background:var(--kritik-zemin);color:var(--kritik)}
.rozet.bilgi{background:var(--bilgi-zemin);color:var(--bilgi)}.rozet.dikkat{background:var(--dikkat-zemin);color:var(--dikkat)}.rozet.salt{background:transparent;color:var(--sessiz);border:1px dashed var(--gri-300)}.rozet.turuncu{background:var(--turuncu-zemin);color:var(--turuncu)}.rozet.notr{background:var(--gri-100);color:var(--gri-700)}
.rozet.nokta::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}

/* ---------------- düğme ---------------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 14px;border-radius:var(--r);border:1px solid var(--gri-900);background:var(--gri-900);color:#fff;font:inherit;font-weight:500;cursor:pointer;white-space:nowrap;text-decoration:none!important;transition:background .1s,box-shadow .1s}
.btn:hover{background:#000}.btn:active{transform:translateY(.5px)}.btn:disabled,.btn.pasif{opacity:.5;cursor:not-allowed;pointer-events:none}
.btn.ikincil{background:#fff;color:var(--metin);border-color:var(--gri-300);box-shadow:var(--golge-1)}.btn.ikincil:hover{background:var(--gri-50)}
.btn.sade{background:transparent;border-color:transparent;color:var(--gri-700)}.btn.sade:hover{background:var(--gri-100)}
.btn.vurgu{background:var(--vurgu);border-color:var(--vurgu)}.btn.vurgu:hover{background:var(--vurgu-koyu)}
.btn.tehlike{background:#fff;color:var(--kritik);border-color:var(--gri-300)}.btn.tehlike:hover{background:var(--kritik-zemin);border-color:var(--kritik)}
.btn.kucuk{height:28px;padding:0 10px;font-size:12px;border-radius:var(--r-kucuk)}.btn.ikon{width:34px;padding:0}.btn.kucuk.ikon{width:28px}
.btn.tam{width:100%}
.btn-grup{display:inline-flex}.btn-grup .btn{border-radius:0}.btn-grup .btn:first-child{border-radius:var(--r) 0 0 var(--r)}.btn-grup .btn:last-child{border-radius:0 var(--r) var(--r) 0}.btn-grup .btn+.btn{margin-left:-1px}

/* ---------------- sekmeler / filtre ---------------- */
.sekmeler{display:flex;gap:2px;border-bottom:1px solid var(--kenar);margin-bottom:0;overflow-x:auto;padding:0 8px}
.sekmeler a{padding:10px 12px;color:var(--soluk);font-weight:500;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;text-decoration:none!important;display:flex;gap:6px;align-items:center}
.sekmeler a:hover{color:var(--metin)}.sekmeler a.aktif{color:var(--metin);border-bottom-color:var(--gri-900)}
.sekmeler b{font-weight:500;background:var(--gri-100);color:var(--gri-700);border-radius:999px;padding:0 7px;font-size:11px;line-height:18px}.sekmeler a.aktif b{background:var(--gri-900);color:#fff}
.filtre{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid var(--kenar)}
.filtre input,.filtre select{height:32px;width:auto}.filtre select{min-width:150px;max-width:260px}.filtre .ara-alan{position:relative;flex:1;min-width:220px;max-width:380px}.filtre .ara-alan .ik{position:absolute;left:10px;top:8px;color:var(--sessiz)}.filtre .ara-alan input{padding-left:32px;width:100%}
.filtre-etiket{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 6px 0 10px;border-radius:999px;background:var(--gri-100);font-size:12px}.filtre-etiket a{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;color:var(--sessiz)}.filtre-etiket a:hover{background:var(--gri-200);color:var(--metin)}

/* ---------------- form ---------------- */
input[type=text],input[type=search],input[type=email],input[type=tel],input[type=number],input[type=password],input[type=date],input[type=datetime-local],input[type=url],input[type=color],select,textarea{width:100%;height:34px;border:1px solid var(--gri-300);border-radius:var(--r-kucuk);padding:0 10px;background:#fff;font:inherit;color:var(--metin);box-shadow:inset 0 1px 1px rgba(0,0,0,.02)}
input[type=color]{padding:2px 4px;width:60px}
textarea{height:auto;padding:8px 10px;line-height:20px;resize:vertical;min-height:80px}
select{appearance:none;-webkit-appearance:none;padding-right:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23616369' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--odak);box-shadow:0 0 0 3px rgba(0,91,211,.14)}
input:read-only:not([type=checkbox]),textarea:read-only{background:var(--gri-50);color:var(--soluk)}input:disabled,select:disabled,textarea:disabled{background:var(--gri-100);color:var(--sessiz)}
.alan{display:flex;flex-direction:column;gap:5px;min-width:0}.alan label{font-weight:500;font-size:12px;color:var(--gri-700)}.alan .zorunlu{color:var(--kritik);font-style:normal}
.alan .yardim{color:var(--sessiz);font-size:12px;line-height:16px}.alan .hata{color:var(--kritik);font-size:12px}.alan.hatali input,.alan.hatali select,.alan.hatali textarea{border-color:var(--kritik)}
.alan-ek{position:relative}.alan-ek span{position:absolute;right:10px;top:7px;color:var(--sessiz);font-size:12px}.alan-ek input{padding-right:36px}
.form-izgara{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}.form-izgara .genis,.form-izgara .alan.genis{grid-column:1/-1}.form-izgara-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.kutu,.anahtar{display:flex;gap:10px;align-items:flex-start;cursor:pointer;font-weight:400!important;font-size:13px!important;color:var(--metin)!important}
.kutu input,.anahtar input{position:absolute;opacity:0;width:0;height:0}
.kutu-goster{flex:none;width:16px;height:16px;border:1px solid var(--gri-400);border-radius:4px;background:#fff;margin-top:2px;position:relative}
.kutu input:checked+.kutu-goster{background:var(--gri-900);border-color:var(--gri-900)}.kutu input:checked+.kutu-goster::after{content:"";position:absolute;left:5px;top:1px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.kutu input:focus-visible+.kutu-goster,.anahtar input:focus-visible+.anahtar-goster{outline:2px solid var(--odak);outline-offset:2px}
.anahtar-goster{flex:none;width:34px;height:20px;border-radius:10px;background:var(--gri-300);position:relative;transition:background .15s}.anahtar-goster::after{content:"";position:absolute;left:2px;top:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .15s;box-shadow:0 1px 2px rgba(0,0,0,.2)}
.anahtar input:checked+.anahtar-goster{background:var(--basari)}.anahtar input:checked+.anahtar-goster::after{left:16px}
.kutu-metin small{display:block;color:var(--sessiz)}
.form-alt{display:flex;gap:8px;justify-content:flex-end;align-items:center;padding-top:16px;margin-top:16px;border-top:1px solid var(--kenar)}
.kaydet-cubuk{position:sticky;top:var(--ust-h);z-index:20;display:none;align-items:center;gap:12px;background:var(--gri-900);color:#fff;padding:10px 16px;border-radius:var(--r-buyuk);margin-bottom:16px;box-shadow:var(--golge-2)}.kaydet-cubuk.acik{display:flex}.kaydet-cubuk .bosluk{flex:1}
.mini-input{height:30px!important;padding:0 8px!important;width:90px!important;text-align:right}
.uyari{display:flex;gap:10px;padding:12px 14px;border-radius:var(--r);border:1px solid;align-items:flex-start;margin-bottom:16px;line-height:19px}.uyari b{display:block;margin-bottom:2px}.uyari .ik{margin-top:1px;flex:none}
.uyari.bilgi{background:var(--bilgi-zemin);border-color:#c7d7fb;color:#1e3a8a}.uyari.basari{background:var(--basari-zemin);border-color:#b7e1c6;color:#14532d}.uyari.uyari{background:var(--uyari-zemin);border-color:#f3d9a4;color:#713f12}.uyari.kritik{background:var(--kritik-zemin);border-color:#f3b8b8;color:#7f1d1d}.uyari.notr{background:var(--gri-50);border-color:var(--kenar);color:var(--gri-700)}

/* ---------------- zaman çizelgesi ---------------- */
.zaman{list-style:none;margin:0;padding:0 0 0 6px;border-left:2px solid var(--gri-150)}.zaman li{position:relative;padding:0 0 14px 18px}.zaman li:last-child{padding-bottom:0}
.zaman li i{position:absolute;left:-7px;top:5px;width:10px;height:10px;border-radius:50%;background:var(--gri-400);border:2px solid #fff;box-shadow:0 0 0 1px var(--gri-300)}
.zaman li i.basari{background:var(--basari)}.zaman li i.kritik{background:var(--kritik)}.zaman li i.bilgi{background:var(--bilgi)}.zaman li i.uyari{background:var(--dikkat)}
.zaman-metin{display:block}.zaman-alt{display:block;font-size:12px;color:var(--sessiz)}
.adimlar{display:flex;gap:0;margin-bottom:20px;counter-reset:adim}.adimlar a,.adimlar span{flex:1;display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:2px solid var(--gri-200);color:var(--sessiz);font-weight:500;text-decoration:none!important}
.adimlar .aktif{color:var(--metin);border-bottom-color:var(--gri-900)}.adimlar .tamam{color:var(--basari);border-bottom-color:var(--basari)}
.adimlar i{width:22px;height:22px;border-radius:50%;border:1px solid currentColor;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:600;flex:none}
.akis{display:flex;flex-direction:column;align-items:center;gap:0}.akis-adim{width:100%;max-width:520px;background:#fff;border:1px solid var(--kenar);border-radius:var(--r-buyuk);padding:12px 14px;display:flex;gap:12px;align-items:center;box-shadow:var(--golge-1)}
.akis-adim .akis-ik{width:36px;height:36px;border-radius:var(--r);display:grid;place-items:center;background:var(--gri-100);color:var(--gri-700);flex:none}.akis-adim.tetik .akis-ik{background:var(--vurgu-acik);color:var(--vurgu)}.akis-adim.bekle .akis-ik{background:var(--uyari-zemin);color:var(--uyari)}.akis-adim.kosul .akis-ik{background:var(--bilgi-zemin);color:var(--bilgi)}.akis-adim.eylem .akis-ik{background:var(--basari-zemin);color:var(--basari)}
.akis-adim b{display:block}.akis-adim small{color:var(--sessiz)}.akis-ok{width:2px;height:22px;background:var(--gri-300)}
.ilerleme{height:6px;background:var(--gri-150);border-radius:3px;overflow:hidden}.ilerleme i{display:block;height:100%;background:var(--basari);border-radius:3px}
.metrik-satir{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.metrik{padding:10px 12px;background:var(--gri-50);border-radius:var(--r)}.metrik b{display:block;font-size:18px;font-weight:600;line-height:24px}.metrik span{font-size:12px;color:var(--soluk)}
.etiket-liste{display:flex;gap:6px;flex-wrap:wrap}
.durum-nokta{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:1px}
.kopya{cursor:pointer;color:var(--sessiz)}.kopya:hover{color:var(--metin)}
.onizleme{border:1px solid var(--kenar);border-radius:var(--r);background:#f4f4f4;overflow:hidden}.onizleme iframe{width:100%;height:640px;border:0;background:#fff;display:block}.onizleme.mobil iframe{width:390px;margin:0 auto}
.sms-onizleme{max-width:320px;background:#e9e9eb;border-radius:18px;padding:12px 14px;font-size:14px;line-height:20px;white-space:pre-wrap;word-break:break-word}.sms-sayac{font-size:12px;color:var(--sessiz)}.sms-sayac.asim{color:var(--kritik);font-weight:600}
.liste-cizgili{list-style:none;margin:0;padding:0}.liste-cizgili li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--gri-150)}.liste-cizgili li:last-child{border-bottom:0}
.sayi-cubuk{display:flex;align-items:center;gap:10px}.sayi-cubuk i{flex:1;height:8px;background:var(--gri-150);border-radius:4px;overflow:hidden;display:block}.sayi-cubuk i b{display:block;height:100%;background:var(--vurgu);border-radius:4px}

/* ---------------- toast / modal ---------------- */
.toastlar{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;gap:8px;z-index:90;pointer-events:none}
.toast{background:var(--gri-900);color:#fff;padding:10px 16px;border-radius:var(--r);box-shadow:var(--golge-3);font-weight:500;animation:toast-gir .2s ease;pointer-events:auto;max-width:520px}
.toast.basari{background:#0f7b3f}.toast.kritik{background:var(--kritik)}.toast.uyari{background:#9a5b00}.toast.bilgi{background:var(--gri-900)}
@keyframes toast-gir{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.modal-perde{position:fixed;inset:0;background:rgba(20,21,24,.45);z-index:80;display:flex;align-items:center;justify-content:center;padding:20px}.modal-perde[hidden]{display:none}
.modal{background:#fff;border-radius:var(--r-buyuk);box-shadow:var(--golge-3);width:100%;max-width:480px;max-height:90vh;overflow:auto}.modal.genis{max-width:760px}
.modal-ic{padding:20px}.modal h2{margin-bottom:8px;font-size:16px}.modal p{color:var(--soluk)}.modal-alt{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}
.cekmece{position:fixed;top:0;right:0;bottom:0;width:560px;max-width:100%;background:#fff;box-shadow:var(--golge-3);z-index:85;transform:translateX(100%);transition:transform .2s;display:flex;flex-direction:column}.cekmece.acik{transform:none}
.cekmece-bas{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid var(--kenar)}.cekmece-ic{padding:20px;overflow:auto;flex:1}

/* ---------------- giriş ---------------- */
.giris-sayfa{min-height:100vh;display:grid;place-items:center;background:var(--zemin);padding:20px}
.giris-kutu{width:100%;max-width:400px;background:#fff;border:1px solid var(--kenar);border-radius:16px;padding:32px;box-shadow:var(--golge-2);display:flex;flex-direction:column;gap:14px}
.giris-kutu h1{font-size:20px;text-align:center}.giris-kutu h1 span{color:var(--vurgu)}.giris-kutu .alan label{font-size:12px}

/* ---------------- yazdır ---------------- */
@media print{.yan,.ust,.sayfa-eylem,.alt-bilgi,.toastlar,.yan-perde,.kirinti{display:none!important}.govde{margin:0}.icerik{padding:0;max-width:none}.kart{box-shadow:none;border-color:#ccc;break-inside:avoid}body{background:#fff}}

/* ---------------- duyarlı ---------------- */
@media (max-width:1100px){.izgara-4,.izgara-6{grid-template-columns:repeat(3,1fr)}.izgara-ana,.izgara-8-4{grid-template-columns:1fr}}
@media (max-width:1023px){
  .yan{transform:translateX(-100%);transition:transform .2s}.yan.acik{transform:none;width:var(--yan-w)}html.dar .yan{width:var(--yan-w)}html.dar .yan-nav a span,html.dar .yan-baslik span,html.dar .marka{display:initial}html.dar .yan-nav a{justify-content:flex-start;padding:0 10px}
  .govde,html.dar .govde{margin-left:0}.ust-menu{display:grid;place-items:center}.yan-daralt{display:none}.yan-perde.acik{display:block}
  .icerik{padding:16px}.kim-ad,.ust-kim small,.ust-dis span{display:none}.ara kbd{display:none}
}
@media (max-width:760px){
  .izgara-2,.izgara-3,.izgara-4,.izgara-6,.izgara-4-4-4,.form-izgara,.form-izgara-3{grid-template-columns:1fr 1fr}.izgara-6{grid-template-columns:1fr 1fr}
  .sayfa-bas{flex-direction:column}.filtre .ara-alan{max-width:none}
  .tablo-kart thead{display:none}.tablo-kart tr{display:block;border-bottom:1px solid var(--kenar);padding:8px 12px}.tablo-kart td{display:flex;justify-content:space-between;gap:12px;height:auto;padding:5px 0;border:0}.tablo-kart td::before{content:attr(data-b);color:var(--sessiz);font-size:12px}.tablo-kart td.sec,.tablo-kart td.gor{display:none}
}
@media (max-width:480px){.izgara-2,.izgara-3,.izgara-4,.izgara-6,.form-izgara,.form-izgara-3{grid-template-columns:1fr}.kpi-deger{font-size:20px}}