/* cloudflare/promosyon/assets/sade.css — sade yüz (1 Kas 2026, Emre).
   Uygulamadan ve telefondan gelen kişi kök öğede data-yuz="sade" taşır (baş betiği seçer). Bilgisayardaki
   tam sayfa bu dosyadan etkilenmez; tek istisna ödülü kapanan kişiye çıkan .sd-serit satırıdır.
   Ekranlar pano öğesindeki data-ekran ile seçilir: durum · planla · ayrinti.
   İlk ekran üç soruya cevap verir: kaç hedef tuttum, şimdi ne yapmalıyım, ne alırım. Yüzdeler ve aylar ikinci ekranda. */

.sd, .sd-cipler, .sd-suz, .sd-kirilim, .p-cumle { display: none; }

.sd-serit { margin: 0 0 16px; padding: 10px 14px; font-size: .9rem; line-height: 1.5;
  color: var(--ink-soft); background: var(--surface); border: 1px solid var(--border-strong); border-radius: 12px; }
.sd-serit b { color: var(--ink); }
:root[data-yuz="sade"] .sd-serit { display: none; }

/* ── Ekran seçimi ── */
:root[data-yuz="sade"] [data-ekran="durum"] .sd-durum,
:root[data-yuz="sade"] [data-ekran="planla"] .sd-planla,
:root[data-yuz="sade"] [data-ekran="ayrinti"] .sd-ayrinti { display: block; }
:root[data-yuz="sade"] [data-ekran="ayrinti"] .sd-ayar { display: flex; }

:root[data-yuz="sade"] [data-ekran="durum"] > :not(.sd-durum, .uye-baslik),
:root[data-yuz="sade"] [data-ekran="planla"] > :not(.sd-planla, .uye-baslik, .ozet-bar, .hero, .senaryolar, .min-not, .karsilastir, .sade-gorsel, .plan-strip, .wa-grup),
:root[data-yuz="sade"] [data-ekran="ayrinti"] > :not(.sd-ayrinti, .sd-ayar, .uye-baslik, .rules) { display: none; }

/* Plan ekranı: tek kaydırıcı, tek rakam. Hazır planlar, grafik ve ay ay kartlar "Detaylı görünüm"de. */
:root[data-yuz="sade"]:not([data-yogunluk="detay"]) [data-ekran="planla"] > :is(.senaryolar, .min-not, .karsilastir, .sade-gorsel) { display: none; }
:root[data-yuz="sade"] [data-ekran="planla"] .sd-kirilim { display: block; margin: 6px 0 0; font-size: .86rem; color: var(--ink-soft); font-variant-numeric: tabular-nums; }
:root[data-yuz="sade"] [data-ekran="planla"] .sim-katla > summary,
:root[data-yuz="sade"] [data-ekran="planla"] .plan-uyari .count { display: none; }

/* Planla yalnız plan söyler: gerçek durum, tazelik ve öneriler ilk ekranda. */
:root[data-yuz="sade"] [data-ekran="planla"] .hero :is(.bugun-satir, .plan-izleme, .kutlama-yeri, .tazelik, .kil-payi, .oneri, .hedef-atama, .yl-not) { display: none !important; }

:root[data-yuz="sade"] body::before { display: none; }
:root[data-yuz="sade"] .sim-hero { background-image: none; }
:root[data-yuz="sade"] .sim-hero::before, :root[data-yuz="sade"] .sim-hero::after { display: none; }

/* Kapatma düğmesi yok: kırmızı uyarı tek satır ve hep yerinde. */
:root[data-yuz="sade"] .uyari-bar .in { padding-right: 16px; }

/* Alt çubuk: iki sekme. Detaylı görünüm yalnız Planla'da, tema ve dil Ayrıntılar'ın dibinde. */
:root[data-yuz="sade"] .yog-toggle,
:root[data-yuz="sade"] .tabs .tema-toggle,
:root[data-yuz="sade"] .tabs .dil-toggle,
:root[data-yuz="sade"] .ub-kapat { display: none; }
:root[data-yuz="sade"][data-plan-acik] .yog-toggle { display: inline-flex; }
:root[data-yuz="sade"] .tabs .tab { min-height: 44px; }

/* ── Ortak yazı ── */
:root[data-yuz="sade"] .sd-ad { margin: 0 0 6px; font-size: .92rem; font-weight: 600; color: var(--ink-soft); }
:root[data-yuz="sade"] .sd-bas { margin: 0; font-size: 1.75rem; line-height: 1.15; font-weight: 800; letter-spacing: -.02em; text-wrap: balance; }
:root[data-yuz="sade"] .sd-cumle { margin: 8px 0 0; color: var(--ink-soft); line-height: 1.5; text-wrap: pretty; }
:root[data-yuz="sade"] .sd-cumle b { color: var(--ink); }
:root[data-yuz="sade"] .sd-not { margin: 10px 0 0; font-size: .84rem; line-height: 1.45; color: var(--ink-muted); }
:root[data-yuz="sade"] .sd-kart .sd-not, :root[data-yuz="sade"] .sd-kart .sd-cumle { margin: 0; }
:root[data-yuz="sade"] .sd-ayrinti > .sd-cumle { margin-bottom: 4px; }
:root[data-yuz="sade"] .sd-alt { margin: 18px 0 8px; font-size: .95rem; font-weight: 700; }
:root[data-yuz="sade"] .sd-planla, :root[data-yuz="sade"] .sd-ayrinti { margin-bottom: 14px; }

/* ── Kaç hedef tutuldu ── */
:root[data-yuz="sade"] .sd-seri { display: flex; align-items: center; gap: 12px; margin-top: 14px; font-size: .92rem; font-weight: 600; color: var(--ink-soft); font-variant-numeric: tabular-nums; }
:root[data-yuz="sade"] .sd-seri span { flex: none; }
:root[data-yuz="sade"] .sd-hedef { flex: 1 1 auto; list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
:root[data-yuz="sade"] .sd-hedef li { height: 8px; border-radius: 4px; background: var(--border-strong); }
:root[data-yuz="sade"] .sd-hedef li.oldu { background: var(--success); }
:root[data-yuz="sade"] .sd-durum > .sd-cumle { margin-top: 12px; }

/* ── Bu ay ── */
:root[data-yuz="sade"] .sd-kart { margin-top: 14px; padding: 12px 14px; display: flex; flex-direction: column; gap: 9px;
  background: var(--surface); border: 1px solid var(--border); border-radius: 14px; }
:root[data-yuz="sade"] .sd-kart-bas { display: flex; justify-content: space-between; gap: 10px; font-size: .84rem; color: var(--ink-muted); }
:root[data-yuz="sade"] .sd-olcu { display: flex; flex-direction: column; gap: 4px; font-variant-numeric: tabular-nums; }
:root[data-yuz="sade"] .sd-olcu > div:first-child { display: flex; justify-content: space-between; gap: 10px; font-size: .92rem; }
:root[data-yuz="sade"] .sd-cubuk { height: 6px; border-radius: 3px; background: var(--border); overflow: hidden; }
:root[data-yuz="sade"] .sd-cubuk i { display: block; height: 100%; background: var(--brand-dolgu); }
:root[data-yuz="sade"] .sd-para { margin: 12px 0 0; font-size: .92rem; color: var(--ink-soft); }
:root[data-yuz="sade"] .sd-para b { color: var(--brand); font-variant-numeric: tabular-nums; }
:root[data-yuz="sade"] .sd-kutlama:not(:empty) { margin-top: 12px; }

/* ── Satırlar ── */
:root[data-yuz="sade"] .sd-liste { margin-top: 14px; display: flex; flex-direction: column; }
:root[data-yuz="sade"] .sd-satir { display: flex; justify-content: space-between; align-items: center; gap: 10px; width: 100%; min-height: 48px; padding: 0;
  font: inherit; font-weight: 600; font-size: .95rem; text-align: start; color: var(--ink); cursor: pointer;
  background: none; border: 0; border-top: 1px solid var(--border); }
:root[data-yuz="sade"] .sd-satir[hidden] { display: none; }
:root[data-yuz="sade"] .sd-satir i { font-style: normal; font-weight: 400; color: var(--ink-muted); }

/* ── Hedefler ve aylar ── */
:root[data-yuz="sade"] .sd-aylar { list-style: none; margin: 0; padding: 0; background: var(--surface); border: 1px solid var(--border); border-radius: 14px; overflow: hidden; }
:root[data-yuz="sade"] .sd-aylar li { display: grid; grid-template-columns: 1fr auto; gap: 2px 10px; padding: 10px 14px; border-top: 1px solid var(--border); }
:root[data-yuz="sade"] .sd-aylar li:first-child { border-top: 0; }
:root[data-yuz="sade"] .sd-aylar span { grid-column: 1 / -1; font-size: .86rem; color: var(--ink-soft); font-variant-numeric: tabular-nums; }
:root[data-yuz="sade"] .sd-aylar em { grid-column: 2; grid-row: 1; font-style: normal; font-size: .8rem; color: var(--ink-muted); text-align: end; }
:root[data-yuz="sade"] .sd-hedefler li.oldu em { font-weight: 600; color: var(--success); }
:root[data-yuz="sade"] .sd-ayar { gap: 8px; justify-content: flex-end; margin-top: 16px; }

/* ── Ekibim ── */
:root[data-yuz="sade"] #pane-team:not([data-ekran]) :is(#board, .durum-serit, .team-ozet, .gorunumler, .tazelik, #team-rank, #team-sort, #odag-pill, #kpalet-ac, .risky-note, .team-count) { display: none; }
:root[data-yuz="sade"] #pane-team.suz-acik:not([data-ekran]) :is(#board, .durum-serit, .gorunumler, .tazelik) { display: block; }
:root[data-yuz="sade"] #pane-team.suz-acik:not([data-ekran]) :is(#team-rank, #team-sort, .team-count) { display: inline-block; }

:root[data-yuz="sade"] .sd-cipler { display: flex; gap: 8px; margin-bottom: 10px; }
:root[data-yuz="sade"] .sd-cip { flex: 1 1 0; min-width: 0; min-height: 44px; padding: 6px 8px; font: inherit; font-size: .88rem; color: var(--ink-soft); cursor: pointer;
  background: var(--surface); border: 1px solid var(--border); border-radius: 12px; }
:root[data-yuz="sade"] .sd-cip b { color: var(--ink); font-variant-numeric: tabular-nums; }
:root[data-yuz="sade"] .sd-cip.sec { color: var(--ink); font-weight: 600; background: var(--brand-soft); border-color: var(--brand-dolgu); }
:root[data-yuz="sade"] .sd-suz { display: inline-flex; align-items: center; min-height: 44px; padding: 0 14px; font: inherit; font-size: .9rem; font-weight: 600; color: var(--ink); cursor: pointer;
  background: var(--surface); border: 1px solid var(--border); border-radius: 12px; }
:root[data-yuz="sade"] .sd-suz[aria-expanded="true"] { background: var(--brand-soft); border-color: var(--brand-dolgu); }
:root[data-yuz="sade"] .team-head input { min-height: 44px; border-radius: 12px; }

/* Kişi satırı: ad + tek cümle. Rozet, çubuk, eğri ve yıldız kişinin sayfasında. */
:root[data-yuz="sade"] .p-pin, :root[data-yuz="sade"] .p-more, :root[data-yuz="sade"] .p .mono, :root[data-yuz="sade"] .p-bar, :root[data-yuz="sade"] .p-spark,
:root[data-yuz="sade"] .p-cip, :root[data-yuz="sade"] .p .rk-badge, :root[data-yuz="sade"] .p-micro, :root[data-yuz="sade"] .p-l2 .mom, :root[data-yuz="sade"] .p-leg { display: none; }
:root[data-yuz="sade"] .p-cumle { display: block; min-width: 0; font-size: .84rem; color: var(--ink-muted); overflow-wrap: anywhere; }
:root[data-yuz="sade"] #team-list { background: var(--surface); border: 1px solid var(--border); border-radius: 14px; overflow: hidden; }
:root[data-yuz="sade"] #team-list .prow { margin: 0; border-bottom: 1px solid var(--border); }
:root[data-yuz="sade"] #team-list .prow:last-child { border-bottom: 0; }
:root[data-yuz="sade"] #team-list .p { grid-template-columns: minmax(0, 1fr) auto; min-height: 56px; padding: 9px 14px; background: none; border: 0; border-radius: 0; box-shadow: none; transform: none; }
:root[data-yuz="sade"] #team-list .empty { padding: 28px 16px; }