/* Ads With AI - panel tasarim sistemi
   Marka dili landing ile ortak: grafit zemin + yanik turuncu vurgu.
   Yazi: Sora (basliklar, buyuk sayilar) + Manrope (arayuz metni), yerel woff2.
   Kose sistemi: kartlar 14px, dugmeler/girdiler 9px, rozet/cip tam yuvarlak.
   Hareket: 150-220ms, guclu ease-out; basilan her sey scale(0.97) verir. */

@font-face {
  font-family: "Sora"; font-weight: 100 800; font-style: normal; font-display: swap;
  src: url("fonts/sora-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Sora"; font-weight: 100 800; font-style: normal; font-display: swap;
  src: url("fonts/sora-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02AF, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Manrope"; font-weight: 200 800; font-style: normal; font-display: swap;
  src: url("fonts/manrope-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Manrope"; font-weight: 200 800; font-style: normal; font-display: swap;
  src: url("fonts/manrope-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02AF, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
  --bg: #0A0D12;
  --yuzey: #10141B;
  --yuzey2: #161B24;
  --yuzey3: #1D2330;
  --cizgi: #232A36;
  --cizgi2: #303948;
  --murekkep: #EDF0F5;
  --murekkep2: #A9B2C1;
  --murekkep3: #6C7686;
  --vurgu: #F0924A;
  --vurgu-acik: #F7B183;
  --vurgu-metin: #1C1207;         /* turuncu zemin ustundeki koyu metin */
  --seri-harcama: #F2954D;
  --seri-tiklama: #6DB8F7;
  --seri-gosterim: #E07BE0;
  --seri-donusum: #7DE6A5;
  --iyi: #7DE6A5;
  --kotu: #F57070;
  --uyari: #F5C96B;
  --gecis: cubic-bezier(0.23, 1, 0.32, 1);   /* guclu ease-out */
}

* { margin: 0; padding: 0; box-sizing: border-box; }
html, body { height: 100%; }
body {
  background: var(--bg); color: var(--murekkep);
  font: 500 13.5px/1.55 "Manrope", "Segoe UI", system-ui, sans-serif;
  display: flex; overflow: hidden;
  -webkit-font-smoothing: antialiased;
  caret-color: var(--vurgu);
}
::selection { background: rgba(240, 146, 74, .3); }
a { color: var(--vurgu); text-decoration: none; }
button { font: inherit; cursor: pointer; }
h1, h2, h3 { font-family: "Sora", "Manrope", sans-serif; letter-spacing: -0.015em; }

/* merkezi ikonlar (js/ikonlar.js uretir) */
.ikn { width: 16px; height: 16px; flex: none; vertical-align: -3px; }

/* ---------------- kenar cubugu ---------------- */
#yan {
  width: 220px; min-width: 220px; height: 100vh;
  background: var(--yuzey); border-right: 1px solid var(--cizgi);
  display: flex; flex-direction: column; padding: 18px 12px;
}
#yan .logo {
  font-family: "Sora", sans-serif; font-size: 17px; font-weight: 700;
  letter-spacing: -0.02em; padding: 0 10px 16px;
}
#yan .logo span { color: var(--vurgu); }
#yan nav { display: flex; flex-direction: column; gap: 2px; }
#yan nav a {
  display: flex; align-items: center; gap: 10px;
  padding: 9px 12px; border-radius: 9px; color: var(--murekkep2);
  font-weight: 500; font-size: 13px;
  transition: background 150ms ease, color 150ms ease;
}
#yan nav a .ikon { display: inline-flex; color: var(--murekkep3); transition: color 150ms ease; }
#yan nav a .ikon svg { width: 17px; height: 17px; }
#yan nav a:hover { background: var(--yuzey2); color: var(--murekkep); }
#yan nav a:hover .ikon { color: var(--murekkep2); }
#yan nav a.aktif { background: rgba(240, 146, 74, .13); color: var(--vurgu-acik); font-weight: 600; }
#yan nav a.aktif .ikon { color: var(--vurgu); }
#yan .alt { margin-top: auto; padding: 10px 12px; color: var(--murekkep3); font-size: 11.5px; }

/* ---------------- ana alan ---------------- */
#ana { flex: 1; display: flex; flex-direction: column; height: 100vh; overflow: hidden; min-width: 0; }
#ust {
  display: flex; align-items: center; gap: 12px;
  padding: 13px 26px; border-bottom: 1px solid var(--cizgi); background: var(--yuzey);
}
#ust h1 { font-size: 16px; font-weight: 600; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#icerik { flex: 1; overflow-y: auto; padding: 24px 26px 60px; }

#hesap-secici, #alan-secici {
  background: var(--yuzey2); border: 1px solid var(--cizgi); color: var(--murekkep);
  border-radius: 9px; padding: 7px 11px; font: inherit; font-size: 12.5px;
  font-weight: 600; outline: none; cursor: pointer;
  transition: border-color 150ms ease;
}
#hesap-secici { max-width: 260px; }
#alan-secici { max-width: 200px; }
#hesap-secici:hover, #alan-secici:hover { border-color: var(--cizgi2); }
#hesap-secici:focus, #alan-secici:focus { border-color: var(--vurgu); }

.gun-secici { display: flex; gap: 3px; background: var(--yuzey2); border-radius: 9px; padding: 3px; }
.gun-secici button {
  border: 0; background: transparent; color: var(--murekkep2);
  padding: 5px 12px; border-radius: 7px; font-size: 12.5px; font-weight: 500;
  transition: background 150ms ease, color 150ms ease;
}
.gun-secici button.aktif { background: var(--vurgu); color: var(--vurgu-metin); font-weight: 700; }

#kullanici-menu { display: flex; align-items: center; gap: 8px; }
#kullanici-eposta {
  color: var(--murekkep3); font-size: 12px; max-width: 180px;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

/* ---------------- kartlar / kpi ---------------- */
.kpi-sira { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; margin-bottom: 20px; }
.kart {
  background: var(--yuzey); border: 1px solid var(--cizgi);
  border-radius: 14px; padding: 16px 18px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .25), 0 4px 14px rgba(0, 0, 0, .18);
}
.kpi .etiket { color: var(--murekkep2); font-size: 12px; margin-bottom: 6px; }
.kpi .deger {
  font-family: "Sora", sans-serif; font-size: 23px; font-weight: 700;
  letter-spacing: -0.02em; font-variant-numeric: tabular-nums;
}
.kpi .alt-bilgi { color: var(--murekkep3); font-size: 11px; margin-top: 4px; }

.bolum-baslik { font-size: 15px; font-weight: 600; font-family: "Sora", sans-serif; letter-spacing: -0.01em; margin: 24px 0 10px; display: flex; align-items: center; gap: 10px; }
.bolum-baslik .sag { margin-left: auto; display: flex; gap: 8px; font-family: "Manrope", sans-serif; }

/* ---------------- tablo ---------------- */
.tablo-kab { overflow: auto; max-height: 74vh; background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 14px; }
table { width: 100%; border-collapse: collapse; font-size: 13px; }
th {
  text-align: left; color: var(--murekkep3); font-weight: 600; font-size: 11px;
  text-transform: uppercase; letter-spacing: .5px;
  padding: 11px 14px; border-bottom: 1px solid var(--cizgi); white-space: nowrap;
  position: sticky; top: 0; background: var(--yuzey); z-index: 2;
}
td { padding: 10px 14px; border-bottom: 1px solid rgba(35, 42, 54, .6); vertical-align: middle; }
tr:last-child td { border-bottom: 0; }
tr:hover td { background: rgba(240, 146, 74, .045); }
td.sag, th.sag { text-align: right; font-variant-numeric: tabular-nums; }
.tr-tik { cursor: pointer; }

.rozet {
  display: inline-block; padding: 2.5px 9px; border-radius: 999px;
  font-size: 11px; font-weight: 700; letter-spacing: .3px;
}
.rozet.ENABLED, .rozet.ACTIVE { background: rgba(125, 230, 165, .13); color: var(--iyi); }
.rozet.PAUSED { background: rgba(245, 201, 107, .13); color: var(--uyari); }
.rozet.REMOVED, .rozet.DELETED { background: rgba(245, 112, 112, .12); color: var(--kotu); }
.rozet.ARCHIVED { background: var(--yuzey2); color: var(--murekkep3); }
.rozet.WITH_ISSUES { background: rgba(245, 201, 107, .13); color: var(--uyari); }
.rozet.notr { background: var(--yuzey2); color: var(--murekkep2); }

/* ---------------- butonlar ---------------- */
.btn {
  border: 1px solid var(--cizgi2); background: var(--yuzey2); color: var(--murekkep);
  padding: 7px 14px; border-radius: 9px; font-size: 13px; font-weight: 600;
  display: inline-flex; align-items: center; gap: 7px;
  transition: transform 160ms var(--gecis), background 160ms ease, border-color 160ms ease;
}
.btn:hover { border-color: var(--murekkep3); }
.btn:active { transform: scale(0.97); }
.btn.birincil { background: var(--vurgu); border-color: var(--vurgu); color: var(--vurgu-metin); font-weight: 700; }
.btn.birincil:hover { background: var(--vurgu-acik); border-color: var(--vurgu-acik); }
.btn.tehlike { color: var(--kotu); }
.btn.tehlike:hover { border-color: var(--kotu); }
.btn.kucuk { padding: 4px 10px; font-size: 12px; border-radius: 7px; }
/* AI eylemleri: ayni vurgu dili, kivilcim ikonu kimligi tasir (mor gradyan yok) */
.btn.ai { background: var(--vurgu); border-color: var(--vurgu); color: var(--vurgu-metin); font-weight: 700; }
.btn.ai:hover { background: var(--vurgu-acik); }
.btn:disabled { opacity: .5; cursor: wait; transform: none; }

/* ---------------- grafik ---------------- */
.grafik-kab { position: relative; }
.grafik-kab svg { display: block; width: 100%; height: auto; }
.metrik-sec { display: flex; gap: 6px; flex-wrap: wrap; }
.metrik-sec button {
  border: 1px solid var(--cizgi); background: transparent; color: var(--murekkep2);
  padding: 4px 11px; border-radius: 999px; font-size: 12px; font-weight: 500;
  transition: color 150ms ease, border-color 150ms ease;
}
.metrik-sec button.aktif { color: var(--murekkep); border-color: var(--cizgi2); background: var(--yuzey2); }
.metrik-sec button.aktif::before {
  content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 50%;
  background: var(--nokta, var(--vurgu)); margin-right: 6px;
}
#ipucu {
  position: fixed; z-index: 60; pointer-events: none; display: none;
  background: var(--yuzey3); border: 1px solid var(--cizgi2); border-radius: 9px;
  padding: 8px 11px; font-size: 12px; box-shadow: 0 6px 22px rgba(0, 0, 0, .45);
}
#ipucu .t { color: var(--murekkep3); font-size: 11px; margin-bottom: 2px; }
#ipucu .v { font-weight: 700; font-size: 14px; font-variant-numeric: tabular-nums; }

.cubuk-kab { display: grid; gap: 7px; }
.cubuk-satir { display: grid; grid-template-columns: 92px 1fr 90px; align-items: center; gap: 10px; font-size: 12.5px; }
.cubuk-satir .et { color: var(--murekkep2); text-align: right; }
.cubuk-ray { background: var(--yuzey2); border-radius: 4px; height: 18px; position: relative; }
.cubuk {
  height: 100%; border-radius: 3px 4px 4px 3px; background: var(--seri-harcama);
  min-width: 2px;
}
.cubuk-satir .dg { font-variant-numeric: tabular-nums; color: var(--murekkep); }

/* ---------------- form ---------------- */
.form-izgara { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 14px; }
.alan { display: flex; flex-direction: column; gap: 5px; }
.alan label { font-size: 12px; color: var(--murekkep2); font-weight: 600; }
.alan input, .alan select, .alan textarea, .sohbet-girdi input {
  background: var(--yuzey2); border: 1px solid var(--cizgi); color: var(--murekkep);
  border-radius: 9px; padding: 9px 12px; font: inherit; outline: none; width: 100%;
  transition: border-color 150ms ease;
}
.alan input::placeholder, .sohbet-girdi input::placeholder { color: var(--murekkep3); }
.alan input:focus, .alan select:focus, .alan textarea:focus, .sohbet-girdi input:focus { border-color: var(--vurgu); }
.alan textarea { resize: vertical; min-height: 84px; }
/* onay kutuları metin girdisi stilini (width:100% + padding) devralmasın */
.alan input[type="checkbox"] {
  width: 16px; height: 16px; padding: 0; margin: 0; flex: 0 0 auto;
  accent-color: var(--vurgu);
}
/* mini listelerdeki (başlık/açıklama/sitelink) girdiler de form stilinde */
.mini-liste input, .mini-liste select {
  background: var(--yuzey2); border: 1px solid var(--cizgi); color: var(--murekkep);
  border-radius: 9px; padding: 7px 10px; font: inherit; outline: none;
  transition: border-color 150ms ease;
}
.mini-liste input::placeholder { color: var(--murekkep3); }
.mini-liste input:focus, .mini-liste select:focus { border-color: var(--vurgu); }
.sayac { font-size: 11px; color: var(--murekkep3); text-align: right; font-variant-numeric: tabular-nums; }
.sayac.asim { color: var(--kotu); font-weight: 700; }
.chipler { display: flex; flex-wrap: wrap; gap: 7px; }
.chip {
  background: var(--yuzey2); border: 1px solid var(--cizgi); border-radius: 999px;
  padding: 4px 11px; font-size: 12.5px; display: inline-flex; gap: 7px; align-items: center;
}
.chip b { color: var(--vurgu); cursor: pointer; }
.acilir { position: relative; }
.acilir-liste {
  position: absolute; top: calc(100% + 4px); left: 0; right: 0; z-index: 30;
  background: var(--yuzey3); border: 1px solid var(--cizgi2); border-radius: 9px;
  max-height: 230px; overflow-y: auto;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .4);
  transform-origin: top; animation: acilir-gir 160ms var(--gecis);
}
@keyframes acilir-gir { from { opacity: 0; transform: scale(.98) translateY(-3px); } }
.acilir-liste div { padding: 8px 12px; cursor: pointer; font-size: 13px; }
.acilir-liste div:hover { background: rgba(240, 146, 74, .1); }

.grup-kart { border: 1px solid var(--cizgi); border-radius: 14px; background: var(--yuzey); padding: 16px 18px; margin-bottom: 14px; }
.grup-kart h4 { font-size: 14px; margin-bottom: 12px; display: flex; align-items: center; }
.grup-kart h4 .sag { margin-left: auto; }
.ic-izgara { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
@media (max-width: 1100px) { .ic-izgara { grid-template-columns: 1fr; } }
.mini-liste { display: flex; flex-direction: column; gap: 6px; }
.mini-liste .satir { display: flex; gap: 7px; align-items: center; }
.mini-liste input { flex: 1; }
.mini-liste .sil { color: var(--murekkep3); cursor: pointer; padding: 4px; transition: color 150ms ease; }
.mini-liste .sil:hover { color: var(--kotu); }

/* ---------------- reklam onizleme (Google arama sonucu gorunumu) ---------------- */
.reklam-oniz { background: #fff; color: #1a1a1a; border-radius: 11px; padding: 14px 16px; font-family: Arial, sans-serif; }
.reklam-oniz .ru { font-size: 12px; color: #0a5f28; margin-bottom: 2px; }
.reklam-oniz .rb { color: #1a0dab; font-size: 16.5px; font-weight: 500; line-height: 1.3; }
.reklam-oniz .ra { font-size: 13px; color: #4d5156; margin-top: 3px; }

/* ---------------- yeni kampanya: RSA doluluk + pin secici ---------------- */
.doluluk { display: flex; align-items: center; gap: 8px; font-size: 11.5px; color: var(--murekkep3); margin-top: 8px; font-variant-numeric: tabular-nums; }
.doluluk .bar { flex: 1; max-width: 130px; height: 5px; border-radius: 3px; background: rgba(108, 118, 134, .25); overflow: hidden; }
.doluluk .bar i { display: block; height: 100%; background: var(--vurgu); border-radius: 3px; transition: width 200ms ease; }
.doluluk .bar i.tam { background: var(--iyi); }
.pin-sec { flex: 0 0 auto !important; width: 58px; padding: 6px 3px !important; font-size: 11px !important; color: var(--murekkep3) !important; }
.band-rozet { font-size: 11px; padding: 2px 8px; border-radius: 999px; background: rgba(108, 118, 134, .14); color: var(--murekkep2); }
.band-rozet.uyari { background: rgba(245, 112, 112, .14); color: var(--kotu); }

/* ---------------- sohbet ---------------- */
.sohbet-kab { display: flex; flex-direction: column; height: calc(100dvh - 175px); }
.sohbet-akis { flex: 1; overflow-y: auto; display: flex; flex-direction: column; gap: 12px; padding: 6px 2px 14px; }
.mesaj {
  max-width: 78%; padding: 11px 15px; border-radius: 14px;
  white-space: pre-wrap; overflow-wrap: anywhere;
  animation: mesaj-gir 260ms var(--gecis);
}
@keyframes mesaj-gir { from { opacity: 0; transform: translateY(8px) scale(.99); } }
.mesaj.kul { align-self: flex-end; background: var(--yuzey3); border: 1px solid var(--cizgi2); border-bottom-right-radius: 5px; }
.mesaj.ai-m { align-self: flex-start; background: var(--yuzey); border: 1px solid var(--cizgi); border-bottom-left-radius: 5px; white-space: normal; }
.mesaj.ai-m table { margin: 8px 0; font-size: 12.5px; }
.mesaj.ai-m td, .mesaj.ai-m th { border: 1px solid var(--cizgi); padding: 5px 9px; position: static; }
.mesaj.ai-m p { margin: 6px 0; }
.arac-cip {
  align-self: flex-start; display: inline-flex; align-items: center; gap: 6px;
  font-size: 11.5px; font-weight: 600; color: var(--seri-tiklama);
  background: rgba(109, 184, 247, .08); border: 1px solid rgba(109, 184, 247, .22);
  border-radius: 999px; padding: 4px 11px;
}
.arac-cip .ikn { width: 13px; height: 13px; }
.sohbet-girdi { display: flex; gap: 9px; padding-top: 12px; }
.oneriler { display: flex; gap: 7px; flex-wrap: wrap; margin-bottom: 10px; }
.oneriler button {
  background: var(--yuzey2); border: 1px solid var(--cizgi); color: var(--murekkep2);
  border-radius: 999px; padding: 5px 13px; font-size: 12.5px;
  transition: color 150ms ease, border-color 150ms ease;
}
.oneriler button:hover { color: var(--murekkep); border-color: var(--cizgi2); }
.dusunuyor { color: var(--murekkep3); font-size: 13px; padding: 4px 2px; }
.dusunuyor::after { content: "…"; animation: nokta 1.2s infinite; }
@keyframes nokta { 0% { content: ""; } 33% { content: "."; } 66% { content: ".."; } 100% { content: "..."; } }

/* ---------------- sekmeler ---------------- */
.sekmeler { display: flex; gap: 4px; border-bottom: 1px solid var(--cizgi); margin: 18px 0 16px; flex-wrap: wrap; }
.sekmeler button {
  background: transparent; border: 0; color: var(--murekkep2);
  padding: 9px 15px; font-size: 13.5px; font-weight: 500;
  border-bottom: 2px solid transparent; margin-bottom: -1px;
  transition: color 150ms ease, border-color 150ms ease;
}
.sekmeler button.aktif { color: var(--vurgu); border-bottom-color: var(--vurgu); font-weight: 600; }

/* ---------------- modal / bildirim ---------------- */
#modal-fon {
  position: fixed; inset: 0; background: rgba(4, 6, 10, .68); z-index: 80;
  display: none; align-items: center; justify-content: center;
  backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px);
}
#modal-fon.acik { display: flex; animation: fon-gir 180ms ease; }
@keyframes fon-gir { from { opacity: 0; } }
#modal {
  background: var(--yuzey); border: 1px solid var(--cizgi2); border-radius: 16px;
  width: min(560px, 92vw); max-height: 86vh; overflow-y: auto; padding: 22px 24px;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .5);
}
#modal-fon.acik #modal { animation: modal-gir 200ms var(--gecis); }
@keyframes modal-gir { from { opacity: 0; transform: scale(.965) translateY(6px); } }
#modal h3 { font-size: 16px; margin-bottom: 12px; }
#modal .icerik { color: var(--murekkep2); font-size: 13.5px; margin-bottom: 18px; white-space: pre-wrap; }
#modal .dugmeler { display: flex; gap: 9px; justify-content: flex-end; }

#bildirimler { position: fixed; right: 20px; bottom: 20px; z-index: 90; display: flex; flex-direction: column; gap: 9px; }
.bildirim {
  display: flex; align-items: flex-start; gap: 9px;
  background: var(--yuzey3); border: 1px solid var(--cizgi2);
  padding: 11px 15px; border-radius: 11px; font-size: 13px; max-width: 380px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .45);
  transition: transform 220ms var(--gecis), opacity 220ms var(--gecis);
}
.bildirim::before {
  content: ""; width: 8px; height: 8px; border-radius: 50%;
  background: var(--iyi); flex: none; margin-top: 5px;
}
.bildirim.hata::before { background: var(--kotu); }
@starting-style { .bildirim { transform: translateY(10px); opacity: 0; } }

/* ---------------- yukleme iskeleti + bos/hata durumlari ---------------- */
.yukleniyor { color: var(--murekkep3); padding: 40px; text-align: center; font-size: 13.5px; }
.iskelet { display: flex; flex-direction: column; gap: 10px; padding: 6px 0; }
.iskelet i {
  display: block; height: 13px; border-radius: 6px;
  background: linear-gradient(100deg, var(--yuzey2) 40%, var(--yuzey3) 50%, var(--yuzey2) 60%);
  background-size: 200% 100%; animation: parilti 1.3s ease infinite;
}
.iskelet i:nth-child(1) { width: 34%; height: 17px; }
.iskelet i:nth-child(2) { width: 88%; }
.iskelet i:nth-child(3) { width: 72%; }
.iskelet i:nth-child(4) { width: 80%; }
@keyframes parilti { to { background-position: -200% 0; } }
.iskelet .not { color: var(--murekkep3); font-size: 12px; padding-top: 4px; }

.bos { color: var(--murekkep3); padding: 26px; text-align: center; }
.hata-kutu {
  background: rgba(245, 112, 112, .07); border: 1px solid rgba(245, 112, 112, .3);
  color: var(--kotu); border-radius: 11px; padding: 13px 16px; margin: 10px 0; font-size: 13px;
}
.bilgi-kutu {
  background: rgba(109, 184, 247, .06); border: 1px solid rgba(109, 184, 247, .22);
  border-radius: 11px; padding: 13px 16px; margin: 10px 0; font-size: 13px; color: var(--murekkep2);
}
.izgara-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
@media (max-width: 1100px) { .izgara-2 { grid-template-columns: 1fr; } }
.detay-ozellik { display: flex; justify-content: space-between; padding: 7px 0; border-bottom: 1px solid rgba(35, 42, 54, .6); font-size: 13px; }
.detay-ozellik span:first-child { color: var(--murekkep2); }
.detay-ozellik span:last-child { font-variant-numeric: tabular-nums; }
.detay-ozellik:last-child { border-bottom: 0; }

/* ---------------- cila: odak, kaydirma cubugu ---------------- */
:focus-visible { outline: 2px solid var(--vurgu); outline-offset: 2px; border-radius: 6px; }
* { scrollbar-width: thin; scrollbar-color: var(--cizgi2) transparent; }
*::-webkit-scrollbar { width: 9px; height: 9px; }
*::-webkit-scrollbar-thumb { background: var(--cizgi2); border-radius: 5px; }
*::-webkit-scrollbar-track { background: transparent; }

/* ---------------- hareket azaltma ---------------- */
@media (prefers-reduced-motion: reduce) {
  .btn, .cubuk, .kota-dolu { transition: none; }
  .mesaj, .acilir-liste, #modal-fon.acik, #modal-fon.acik #modal { animation: none; }
  .iskelet i { animation: none; }
  .dusunuyor::after { animation: none; content: "…"; }
}

/* ---------------- mobil (<=900px): alt gezinme + dokunmatik duzen ---------------- */
@media (max-width: 900px) {
  body { flex-direction: column; overflow: hidden; }
  #yan {
    position: fixed; left: 0; right: 0; bottom: 0; top: auto;
    width: 100%; min-width: 0; height: auto; z-index: 70;
    flex-direction: row; padding: 6px 6px calc(6px + env(safe-area-inset-bottom));
    border-right: 0; border-top: 1px solid var(--cizgi);
    box-shadow: 0 -6px 18px rgba(0, 0, 0, .35);
  }
  #yan .logo, #yan .alt { display: none; }
  #yan nav { flex-direction: row; width: 100%; gap: 2px; }
  #yan nav a {
    flex: 1; flex-direction: column; gap: 3px; padding: 6px 2px;
    min-height: 52px; justify-content: center; text-align: center; border-radius: 11px;
  }
  #yan nav a .ikon svg { width: 20px; height: 20px; }
  #yan nav a .etiket { font-size: 10px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  #yan nav a.aktif { background: rgba(240, 146, 74, .14); color: var(--vurgu); }

  #ana { height: 100dvh; }
  #ust { padding: 10px 14px; gap: 8px; position: sticky; top: 0; z-index: 40; flex-wrap: wrap; }
  #ust h1 { font-size: 15px; flex: 1 1 100%; order: -1; }
  #hesap-secici { flex: 1; max-width: none; font-size: 12.5px; padding: 8px 10px; }
  .gun-secici button { padding: 6px 10px; font-size: 12.5px; }
  #icerik { padding: 14px 12px calc(96px + env(safe-area-inset-bottom)); -webkit-overflow-scrolling: touch; }

  .kpi-sira { grid-template-columns: 1fr 1fr; gap: 9px; }
  .kart { padding: 13px 14px; border-radius: 12px; }
  .kpi .deger { font-size: 19px; }
  .bolum-baslik { flex-wrap: wrap; }
  .bolum-baslik .sag { margin-left: 0; width: 100%; }

  .tablo-kab { max-height: none; }
  table { font-size: 12.5px; }
  th { padding: 9px 10px; }
  td { padding: 9px 10px; }

  .btn { padding: 9px 15px; min-height: 40px; }
  .btn.kucuk { padding: 7px 11px; min-height: 34px; }
  .alan input, .alan select, .alan textarea, .sohbet-girdi input { padding: 11px 13px; font-size: 15px; }
  .mini-liste .sil { padding: 9px; }

  .sekmeler { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
  .sekmeler::-webkit-scrollbar { display: none; }
  .sekmeler button { white-space: nowrap; padding: 10px 13px; }

  .ic-izgara, .izgara-2, .form-izgara { grid-template-columns: 1fr; }
  .cubuk-satir { grid-template-columns: 64px 1fr 74px; font-size: 12px; }

  .mesaj { max-width: 90%; font-size: 13.5px; }
  .sohbet-kab { height: calc(100dvh - 122px - 96px); }
  .oneriler { overflow-x: auto; flex-wrap: nowrap; scrollbar-width: none; padding-bottom: 2px; }
  .oneriler::-webkit-scrollbar { display: none; }
  .oneriler button { white-space: nowrap; }

  #modal { width: 94vw; padding: 16px 15px; max-height: 82dvh; }
  #modal .dugmeler .btn { min-height: 44px; flex: 1; justify-content: center; }
  #bildirimler { left: 12px; right: 12px; bottom: calc(78px + env(safe-area-inset-bottom)); }
  .bildirim { max-width: none; }
}

/* ============================================================
   v2 SaaS bolumleri: giris ekrani, coklu platform, ayarlar,
   plan kartlari, sohbet oturumlari
   ============================================================ */

.gizli { display: none !important; }
#uygulama { display: flex; flex: 1; min-width: 0; height: 100%; }

/* ---------------- giris / kayit ekrani ---------------- */
#giris-ekrani { display: none; }
#giris-ekrani.acik {
  display: flex; flex: 1; align-items: center; justify-content: center;
  min-height: 100vh; padding: 20px;
  background: radial-gradient(900px 560px at 72% -10%, rgba(240, 146, 74, .1), transparent),
              radial-gradient(700px 500px at 8% 112%, rgba(109, 184, 247, .06), transparent),
              var(--bg);
}
.giris-kart {
  width: min(400px, 94vw); background: var(--yuzey); border: 1px solid var(--cizgi);
  border-radius: 18px; padding: 34px 30px; display: flex; flex-direction: column; gap: 13px;
  box-shadow: 0 18px 60px rgba(0, 0, 0, .5);
  animation: giris-gir 420ms var(--gecis);
}
@keyframes giris-gir { from { opacity: 0; transform: translateY(12px) scale(.99); } }
.giris-logo {
  font-family: "Sora", sans-serif; font-size: 23px; font-weight: 700;
  letter-spacing: -0.02em; text-align: center;
}
.giris-logo span { color: var(--vurgu); }
.giris-slogan { text-align: center; color: var(--murekkep3); font-size: 12.5px; margin-bottom: 6px; }
.giris-sekmeler { display: flex; background: var(--yuzey2); border-radius: 10px; padding: 3px; gap: 4px; margin-bottom: 6px; }
.giris-sekmeler button {
  flex: 1; border: 0; background: transparent; color: var(--murekkep2);
  padding: 8px; border-radius: 8px; font-weight: 600;
  transition: background 160ms ease, color 160ms ease;
}
.giris-sekmeler button.aktif { background: var(--vurgu); color: var(--vurgu-metin); font-weight: 700; }
.giris-btn { justify-content: center; padding: 11px; font-size: 14px; margin-top: 4px; }

/* ---------------- yan menu platform bolumleri ---------------- */
.menu-bolum {
  padding: 15px 12px 5px; font-size: 10.5px; font-weight: 700;
  letter-spacing: .9px; text-transform: uppercase; color: var(--murekkep3);
}
#yan nav { overflow-y: auto; }

/* ---------------- hesap bagla cagrisi ---------------- */
#hesap-kutu { display: inline-flex; align-items: center; }
.hesap-bagla {
  font-size: 12.5px; font-weight: 600; color: var(--vurgu);
  background: rgba(240, 146, 74, .08);
  border: 1px dashed rgba(240, 146, 74, .45); border-radius: 9px;
  padding: 7px 12px; white-space: nowrap;
  transition: border-color 150ms ease, background 150ms ease;
}
.hesap-bagla:hover { border-style: solid; background: rgba(240, 146, 74, .13); }

/* ---------------- baglanti yok / bos durum karti ---------------- */
.baglanti-uyari { text-align: center; padding: 46px 24px; display: flex; flex-direction: column; align-items: center; gap: 10px; }
.baglanti-uyari .buyuk-ikon {
  width: 64px; height: 64px; border-radius: 18px;
  background: rgba(240, 146, 74, .1); color: var(--vurgu);
  display: flex; align-items: center; justify-content: center;
  font-size: 30px; margin-bottom: 4px;
}
.baglanti-uyari .buyuk-ikon svg { width: 30px; height: 30px; }
.baglanti-uyari h2 { font-size: 18px; }
.baglanti-uyari p { color: var(--murekkep2); max-width: 460px; }

/* ---------------- sohbet oturum listesi ---------------- */
.sohbet-yerlesim { display: grid; grid-template-columns: 232px 1fr; gap: 16px; height: calc(100dvh - 175px); }
.sohbet-yerlesim .sohbet-kab { height: auto; min-height: 0; }
.oturum-liste {
  background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 14px;
  padding: 10px; overflow-y: auto; display: flex; flex-direction: column; gap: 4px;
}
.oturum-satir {
  padding: 9px 11px; border-radius: 9px; cursor: pointer; font-size: 12.5px;
  color: var(--murekkep2); display: flex; align-items: center; gap: 7px;
  transition: background 150ms ease, color 150ms ease;
}
.oturum-satir:hover { background: var(--yuzey2); color: var(--murekkep); }
.oturum-satir.aktif { background: rgba(240, 146, 74, .12); color: var(--murekkep); }
.oturum-satir .ad { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.oturum-satir .sil { color: var(--murekkep3); padding: 2px 5px; border-radius: 5px; }
.oturum-satir .sil:hover { color: var(--kotu); }

/* ---------------- ayarlar kartlari ---------------- */
.ayar-izgara { display: grid; grid-template-columns: repeat(auto-fit, minmax(310px, 1fr)); gap: 16px; align-items: start; }
.baglanti-kart {
  display: flex; align-items: center; gap: 12px; padding: 13px 15px;
  border: 1px solid var(--cizgi); border-radius: 12px; background: var(--yuzey2); margin-bottom: 9px;
}
.baglanti-kart .pikon { display: flex; color: var(--murekkep2); }
.baglanti-kart .pikon svg { width: 22px; height: 22px; }
.baglanti-kart .bilgi { flex: 1; min-width: 0; }
.baglanti-kart .bilgi b { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.baglanti-kart .bilgi small { color: var(--murekkep3); }

/* ---------------- plan kartlari + kota cubuklari ---------------- */
.plan-kartlar { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 16px; }
.plan-kart {
  border: 1px solid var(--cizgi); border-radius: 15px; background: var(--yuzey);
  padding: 22px; display: flex; flex-direction: column; gap: 9px;
}
.plan-kart.aktif { border-color: rgba(240, 146, 74, .55); background: linear-gradient(180deg, rgba(240, 146, 74, .06), var(--yuzey) 45%); }
.plan-kart .plan-ad { font-family: "Sora", sans-serif; font-weight: 700; font-size: 15px; display: flex; align-items: center; gap: 8px; }
.plan-kart .plan-fiyat { font-family: "Sora", sans-serif; font-size: 26px; font-weight: 700; font-variant-numeric: tabular-nums; }
.plan-kart .plan-fiyat small { font-size: 12px; color: var(--murekkep3); font-weight: 400; font-family: "Manrope", sans-serif; }
.plan-kart ul { list-style: none; color: var(--murekkep2); font-size: 13px; display: flex; flex-direction: column; gap: 5px; }
.plan-kart ul li::before { content: "✓ "; color: var(--iyi); }
.kota-satir { margin: 10px 0; font-size: 12.5px; }
.kota-satir .kota-ust { display: flex; justify-content: space-between; color: var(--murekkep2); margin-bottom: 4px; font-variant-numeric: tabular-nums; }
.kota-ray { background: var(--yuzey2); height: 8px; border-radius: 5px; overflow: hidden; }
.kota-dolu { height: 100%; background: var(--vurgu); border-radius: 5px; min-width: 2px; }
.kota-dolu.uyari { background: var(--uyari); }
.kota-dolu.asim { background: var(--kotu); }

/* ---------------- tablo ici kucuk secim (yonetim: plan degistirme) ---------------- */
.kucuk-secim {
  background: var(--yuzey2); border: 1px solid var(--cizgi); color: var(--murekkep);
  border-radius: 7px; padding: 4px 8px; font: inherit; font-size: 12px;
  font-weight: 600; outline: none; cursor: pointer;
  transition: border-color 150ms ease;
}
.kucuk-secim:hover { border-color: var(--cizgi2); }
.kucuk-secim:focus { border-color: var(--vurgu); }

/* ---------------- tablo genisletmeleri ---------------- */
.tablo-arac { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin-bottom: 12px; }
td .hucre-ikili b { display: block; }
td .alt-satir, .tablo-kab .alt-satir { font-size: 11px; color: var(--murekkep3); }
.tablo-kab.kisa { max-height: 46vh; }

/* ---------------- mobil duzeltmeleri (v2 kabugu) ---------------- */
@media (max-width: 900px) {
  #uygulama { flex-direction: column; height: 100dvh; }
  .menu-bolum { display: none; }
  #yan nav { overflow-x: auto; overflow-y: hidden; scrollbar-width: none; }
  #yan nav::-webkit-scrollbar { display: none; }
  #yan nav a { flex: 0 0 auto; min-width: 66px; }
  #alan-secici { max-width: 38vw; font-size: 12.5px; padding: 8px 10px; }
  #kullanici-eposta { display: none; }
  .sohbet-yerlesim { grid-template-columns: 1fr; height: auto; }
  .oturum-liste { flex-direction: row; flex-wrap: nowrap; overflow-x: auto; max-height: none; }
  .oturum-satir { flex: 0 0 auto; max-width: 180px; }
  .giris-kart { padding: 26px 20px; }
}

/* ---------------- hesap denetimi (tarama) ---------------- */
.tr-ust { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-bottom: 16px; }
.tr-secim { display: flex; gap: 4px; background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 11px; padding: 4px; }
.tr-secim button {
  background: transparent; border: 0; color: var(--murekkep2); cursor: pointer;
  font: 600 13.5px/1 "Manrope", sans-serif; padding: 9px 15px; border-radius: 8px;
  transition: background 180ms ease, color 180ms ease, transform 160ms var(--gecis);
}
.tr-secim button:active { transform: scale(0.97); }
.tr-secim button.aktif { background: var(--yuzey3); color: var(--murekkep); }
.tr-ust .btn { margin-left: auto; }
.tr-kosuyor { text-align: center; padding: 34px 22px; }
.tr-kosuyor p { color: var(--murekkep2); max-width: 46ch; margin: 14px auto 0; font-size: 13.5px; }
.tr-skor-kart { display: flex; gap: 24px; align-items: center; padding: 22px 24px; margin-bottom: 14px; }
.tr-halka { width: 116px; height: 116px; flex: none; }
.tr-skor-metin h2 { font-size: 17px; font-family: "Sora", sans-serif; letter-spacing: -0.01em; }
.tr-skor-metin p { color: var(--murekkep2); font-size: 13.5px; margin-top: 6px; max-width: 62ch; }
.tr-israf { color: var(--vurgu); font: 700 19px/1.3 "Sora", sans-serif; margin-top: 6px; font-variant-numeric: tabular-nums; }
.tr-mini { display: flex; gap: 16px; flex-wrap: wrap; margin-top: 10px; color: var(--murekkep3); font-size: 12.5px; font-variant-numeric: tabular-nums; }
.tr-mini .tr-zaman { margin-left: auto; }
.tr-bulgu { padding: 18px 20px; margin-bottom: 12px; }
.tr-bulgu-bas { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.tr-bulgu-bas h3 { font-size: 15px; font-weight: 600; letter-spacing: -0.01em; flex: 1; min-width: 200px; }
.tr-bulgu > p { color: var(--murekkep2); font-size: 13.5px; margin-top: 8px; max-width: 74ch; }
.tr-onem { flex: none; font: 700 10.5px/1 "Manrope", sans-serif; letter-spacing: .06em; text-transform: uppercase; padding: 5px 10px; border-radius: 999px; }
.tr-onem.kritik { background: rgba(245, 112, 112, .13); color: var(--kotu); }
.tr-onem.yuksek { background: rgba(240, 146, 74, .13); color: var(--vurgu); }
.tr-onem.orta { background: rgba(245, 201, 107, .13); color: var(--uyari); }
.tr-onem.bilgi { background: var(--yuzey2); color: var(--murekkep3); }
.tr-tasarruf { flex: none; color: var(--vurgu); font-weight: 700; font-size: 13.5px; font-variant-numeric: tabular-nums; }
.tr-kalemler { width: 100%; border-collapse: collapse; margin-top: 10px; font-size: 13px; }
.tr-kalemler td { padding: 7px 4px; border-bottom: 1px solid var(--cizgi); color: var(--murekkep2); }
.tr-kalemler tr:last-child td { border-bottom: 0; }
.tr-kalemler td:first-child { color: var(--murekkep); }
.tr-kalemler td.sag { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.tr-oneri { display: flex; gap: 9px; align-items: flex-start; margin-top: 12px; padding: 11px 13px; border-radius: 10px; background: rgba(240, 146, 74, .07); border: 1px solid rgba(240, 146, 74, .25); color: var(--murekkep2); font-size: 13px; }
.tr-oneri .ikn { color: var(--vurgu); margin-top: 2px; flex: none; }
.tr-gecmis-satir { display: flex; gap: 18px; padding: 9px 2px; border-bottom: 1px solid var(--cizgi); color: var(--murekkep2); font-size: 13px; font-variant-numeric: tabular-nums; }
.tr-gecmis-satir:last-child { border-bottom: 0; }
.tr-gecmis-satir .sag { margin-left: auto; }
@media (max-width: 700px) {
  .tr-skor-kart { flex-direction: column; text-align: center; }
  .tr-mini { justify-content: center; }
  .tr-mini .tr-zaman { margin-left: 0; }
  .tr-ust .btn { margin-left: 0; width: 100%; }
}

/* ---------------- başlangıç (kurulum rehberi) ---------------- */
.bs-kap { max-width: 760px; display: flex; flex-direction: column; gap: 12px; }
.bs-bas { padding: 6px 2px 10px; }
.bs-bas h2 { font-family: "Sora", sans-serif; font-size: 22px; letter-spacing: -0.02em; }
.bs-bas p { color: var(--murekkep2); margin-top: 8px; font-size: 14.5px; max-width: 58ch; }
.bs-adim { display: flex; gap: 16px; padding: 20px 22px; }
.bs-adim .bs-no {
  width: 40px; height: 40px; flex: none; border-radius: 12px;
  display: flex; align-items: center; justify-content: center;
  background: var(--yuzey2); border: 1px solid var(--cizgi2);
  font: 700 17px/1 "Sora", sans-serif; color: var(--vurgu);
}
.bs-adim.tamam .bs-no { background: rgba(125, 230, 165, .12); border-color: rgba(125, 230, 165, .35); color: var(--iyi); }
.bs-adim.tamam .bs-no .ikn { width: 20px; height: 20px; }
.bs-adim h3 { font-size: 15.5px; font-weight: 600; letter-spacing: -0.01em; }
.bs-adim p { color: var(--murekkep2); font-size: 13.5px; margin-top: 6px; max-width: 62ch; }
.bs-icerik { flex: 1; min-width: 0; }
.bs-eylemler { display: flex; gap: 9px; flex-wrap: wrap; margin-top: 12px; }
.bs-kilit { display: inline-flex; align-items: center; gap: 7px; color: var(--murekkep3); font-size: 13px; padding: 8px 0; }
@media (max-width: 700px) {
  .bs-adim { flex-direction: column; gap: 10px; }
}

/* ---------------- bütçe bekçisi ---------------- */
.bk-kural { display: flex; align-items: center; gap: 14px; padding: 10px 2px; border-bottom: 1px solid var(--cizgi); font-size: 14px; }
.bk-kural:last-of-type { border-bottom: 0; }
.bk-kural b { min-width: 200px; font-weight: 600; }
.bk-kural span { color: var(--murekkep2); font-variant-numeric: tabular-nums; }
.bk-kural .btn { margin-left: auto; }
.bk-form { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 12px; }
.bk-form select { min-width: 220px; }
.bk-form input {
  width: 120px; background: var(--yuzey2); border: 1px solid var(--cizgi);
  color: var(--murekkep); border-radius: 9px; padding: 9px 12px;
  font-variant-numeric: tabular-nums;
}
.bk-uyari { padding: 14px 18px; margin-bottom: 10px; }
.bk-uyari.yeni { border-color: rgba(240, 146, 74, .45); }
.bk-uyari-bas { display: flex; align-items: baseline; gap: 12px; }
.bk-uyari-bas b { font-size: 14.5px; }
.bk-uyari-bas .tr-zaman { margin-left: auto; color: var(--murekkep3); font-size: 12px; }
.bk-uyari p { color: var(--murekkep2); font-size: 13.5px; margin-top: 6px; }
.tr-yapildi { color: var(--iyi); font-size: 12.5px; white-space: nowrap; }
.tr-yapildi .ikn { vertical-align: -2px; }
.tr-kalemler .btn.kucuk { padding: 5px 10px; font-size: 12px; }

/* ---------------- rakip gözcüsü ---------------- */
.rk-form { display: flex; gap: 8px; flex-wrap: wrap; }
.rk-form input {
  flex: 1; min-width: 200px; background: var(--yuzey2); border: 1px solid var(--cizgi);
  color: var(--murekkep); border-radius: 9px; padding: 9px 12px;
}
.rk-rakip { padding: 16px 20px; margin-bottom: 12px; }
.rk-bas { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.rk-bas > b { font-size: 15px; }
.rk-eylemler { margin-left: auto; display: flex; gap: 8px; flex-wrap: wrap; }
.rk-sayac { color: var(--murekkep3); font-size: 12.5px; margin: 12px 0 4px; }
.rk-reklam { border: 1px solid var(--cizgi); border-radius: 12px; padding: 13px 16px; margin-top: 10px; background: var(--yuzey2); }
.rk-reklam-bas { display: flex; gap: 12px; flex-wrap: wrap; align-items: baseline; font-size: 13px; }
.rk-reklam-bas b { font-size: 13.5px; }
.rk-reklam-bas span { color: var(--murekkep3); font-size: 12px; }
.rk-reklam-bas .rk-plt { margin-left: auto; text-transform: capitalize; }
.rk-baslik { font-weight: 600; font-size: 13.5px; margin-top: 8px; }
.rk-reklam p { color: var(--murekkep2); font-size: 13px; margin-top: 6px; line-height: 1.55; }
.rk-reklam a { color: var(--vurgu-acik); font-size: 12.5px; display: inline-block; margin-top: 8px; }
@media (max-width: 700px) {
  .rk-eylemler { margin-left: 0; width: 100%; }
}

/* ---------------- haftalık patron özeti ---------------- */
.oz-bas { display: flex; align-items: flex-start; gap: 12px; flex-wrap: wrap; }
.oz-bas .btn { margin-left: auto; }
.oz-soluk { color: var(--murekkep3); font-size: 12.5px; }
.oz-vurgular { margin: 16px 0 2px; padding-left: 4px; list-style: none; }
.oz-vurgular li {
  font-size: 14.5px; line-height: 1.6; padding: 7px 0 7px 22px; position: relative;
}
.oz-vurgular li::before {
  content: ""; position: absolute; left: 4px; top: 15px; width: 7px; height: 7px;
  border-radius: 50%; background: var(--vurgu);
}
.oz-plt-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; margin-top: 12px; }
.oz-plt { padding: 18px 20px; }
.oz-plt-ad { color: var(--murekkep2); font-size: 13px; font-weight: 600; }
.oz-buyuk { font-size: 24px; font-weight: 700; font-variant-numeric: tabular-nums; margin-top: 6px; font-family: "Sora", sans-serif; letter-spacing: -0.01em; }
.oz-satir { color: var(--murekkep2); font-size: 13.5px; margin-top: 5px; font-variant-numeric: tabular-nums; }
.oz-plt .oz-soluk { margin-top: 9px; }
.oz-yon { font-size: 12px; font-weight: 700; margin-left: 4px; font-variant-numeric: tabular-nums; }
.oz-yon.iyi { color: var(--iyi); }
.oz-yon.kotu { color: var(--kotu); }
.oz-yon.notr { color: var(--murekkep3); }
.oz-denge { margin-top: 12px; }
.oz-denge p { font-size: 14px; line-height: 1.6; }
.oz-denge .oz-soluk { margin-top: 8px; display: block; }
.oz-alt { margin-top: 12px; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; font-size: 13px; padding: 14px 20px; }
.oz-alt a { color: var(--murekkep2); display: inline-flex; align-items: center; gap: 6px; }
.oz-alt a:hover { color: var(--murekkep); }
.oz-ayrac { width: 1px; height: 16px; background: var(--cizgi); }
.oz-mini { color: var(--murekkep2); font-size: 12.5px; }
.oz-hafta-grid { display: flex; gap: 8px; flex-wrap: wrap; }