/* ============================================================================
   KOYU MOD (dark) — YALNIZ /defter/ scope. defter.php yukler.
   Palet: Flutter app paritesi (theme_config.dart dark degerleri).
   Tetikleme: <html data-theme="dark|light"> — JS sistem tercihini cozer (FOUC guard).
   Varsayilan LIGHT. Token zinciri (Faz0-4): --ms-* -> --dc-* -> kurallar.
   ========================================================================== */

/* ---- DARK PALET (Material yumusak; bg #121212 — Flutter #0A0A0A'dan BILINCLI sapma, web monitor baglami. Tier kontrasti korundu.) ---- */
:root[data-theme="dark"]{
  --ms-bg:#121212;            /* Material dark surface (yumusak; Flutter app bg #0A0A0A) */
  --ms-card-surface:#1E1E1E;  /* elevated card */
  --ms-chip-surface:#2A2A2A;  /* chip/pill/hover */
  --ms-fg:#F5F5F5;            /* Flutter textPrimary dark */
  --ms-fg-secondary:#9A9A9E;  /* Flutter textSecondary dark */
  --ms-fg-muted:#6E6E72;      /* Flutter textThird dark */
  --ms-border:#333333;        /* border (lifted) */
  --ms-border-strong:#525252; /* border strong */
  /* accent'ler her iki modda SABIT (Flutter const) */
  --ms-yellow:#FFCA00;
  --ms-blue:#2563EB;
  --ms-pulse:#16A34A;
  --ms-danger:#EF4444;
  --ms-red:#D7002F;
  --ms-red-deep:#C10015;
  color-scheme:dark;
}

/* ---- DARK OVERRIDE'lar ---- */

/* 1) Sari buton uzerindeki metin KOYU kalmali (sari her modda sari) */
:root[data-theme="dark"] .hy-cta-primary,
:root[data-theme="dark"] .hy-cta-primary:hover,
:root[data-theme="dark"] .hy-defter-cta,
:root[data-theme="dark"] .hy-defter-cta:active,
:root[data-theme="dark"] .hy-defter-cta:focus,
:root[data-theme="dark"] .hy-defter-cta:hover,
:root[data-theme="dark"] .hy-drawer-item.is-highlight{ color:#0f1111 }

/* 1b) TUM sari CTA butonlari STANDART: sari uzeri KOYU metin (Flutter #0F172A; beyaz yazi YOK).
   Kok sebep: Faz4'te #0f1111->var(--dc-fg) tokenize edilince sari butonlar dark'ta beyaz yaziya dondu. */
:root[data-theme="dark"] .dc-messenger-send,
:root[data-theme="dark"] .dc-compose-btn,
:root[data-theme="dark"] .dc-fab,
:root[data-theme="dark"] .dc-composer-publish,
:root[data-theme="dark"] .dc-premium-cta,
:root[data-theme="dark"] .tc-btn-primary,
:root[data-theme="dark"] .cw-el-send{ color:#0f1111 !important }
:root[data-theme="dark"] .dc-messenger-send svg,
:root[data-theme="dark"] .dc-compose-btn svg,
:root[data-theme="dark"] .dc-fab svg,
:root[data-theme="dark"] .cw-el-send svg,
:root[data-theme="dark"] .dc-composer-publish svg{ fill:#0f1111 !important; color:#0f1111 !important }

/* 2) "Koyu-dolgulu" primary/aktif ogeler: zemin token ile aciliyor (light olur)
      -> metni koyula (ters-primary: light dolgu + koyu yazi) */
:root[data-theme="dark"] .dc-mark-given,
:root[data-theme="dark"] .dc-tab.is-active,
:root[data-theme="dark"] .dc-new-badge,
:root[data-theme="dark"] .dc-btn-primary,
:root[data-theme="dark"] .dc-rail-tab.is-active,
:root[data-theme="dark"] .dc-call.is-revealed,
:root[data-theme="dark"] .tc-teklif-default,
:root[data-theme="dark"] .tcv2-pill-call.is-revealed{ color:var(--ms-bg) }

/* 3) Gonderilen mesaj balonu -> Flutter chatBubbleMine #3A3520 (koyu hardal). NOT: class tahmini, messenger test edilince dogrulanmali */
:root[data-theme="dark"] .dc-msg-sent,
:root[data-theme="dark"] .dc-bubble-mine,
:root[data-theme="dark"] .dc-im-sent{ background:#3A3520 !important; color:#F5F5F5 }

/* 4) Yeni-post sari flash (light #fffae6) -> dark koyu hardal tint */
:root[data-theme="dark"] .dc.dc-new{ background-color:#1c1a0e !important }
:root[data-theme="dark"] #dc-feed .tcv2{ background:#1c1a0e !important }

/* Dark logo: sari-yazi varyanti brandlogo_v12_dm.png swap (content:url ile <img> kaynagi degisir) */
:root[data-theme="dark"] .hy-brand img,
:root[data-theme="dark"] .hy-brand-m img{ content:url("https://www.evdennakliyateve.com/rsm/logo/brandlogo_v12_dm.png") }

/* ============================================================
   CANLI DESTEK WIDGET — DARK OVERRIDE (marka korunur, light dokunulmaz)
   ============================================================ */
:root[data-theme="dark"] .dw-panel{ background:var(--ms-card-surface); box-shadow:0 16px 48px rgba(0,0,0,.55),0 4px 12px rgba(0,0,0,.40) }
:root[data-theme="dark"] .dw-messages{ background:var(--ms-chip-surface) }
:root[data-theme="dark"] .dw-msg-recv{ background:var(--ms-chip-surface); color:var(--ms-fg); border-color:var(--ms-border) }
:root[data-theme="dark"] .dw-msg-sent{ background:#3A3520; color:#F5F5F5 }
:root[data-theme="dark"] .dw-typing{ background:var(--ms-chip-surface); border-color:var(--ms-border) }
:root[data-theme="dark"] .dw-typing-dot{ background:var(--ms-fg-secondary) }
:root[data-theme="dark"] .dw-msg-sender{ color:var(--ms-fg-secondary) }
:root[data-theme="dark"] .dw-msg-recv .dw-msg-time{ color:var(--ms-fg-secondary) }
:root[data-theme="dark"] .dw-msg-recv .dw-msg-tick svg{ color:var(--ms-fg-secondary) }
:root[data-theme="dark"] .dw-input-wrap{ background:var(--ms-card-surface); border-top-color:var(--ms-border) }
:root[data-theme="dark"] .dw-input-text{ background:var(--ms-chip-surface); color:var(--ms-fg); border-color:var(--ms-border) }
:root[data-theme="dark"] .dw-input-text::placeholder{ color:var(--ms-fg-muted) }
:root[data-theme="dark"] .dw-input-text:focus{ background:var(--ms-card-surface) }
:root[data-theme="dark"] .dw-btn{ color:var(--ms-fg-secondary) }
:root[data-theme="dark"] .dw-btn:hover{ color:var(--ms-fg); background:var(--ms-chip-surface) }
:root[data-theme="dark"] .dw-msg-action-btn{ background:rgba(245,245,245,.10) }
:root[data-theme="dark"] .dw-msg:hover .dw-msg-action-btn:hover{ background:rgba(245,245,245,.20) }
:root[data-theme="dark"] .dw-msg-menu{ background:var(--ms-card-surface); border-color:var(--ms-border); box-shadow:0 8px 24px rgba(0,0,0,.55) }
:root[data-theme="dark"] .dw-msg-menu button{ color:var(--ms-fg) }
:root[data-theme="dark"] .dw-msg-menu button:hover{ background:var(--ms-chip-surface) }
:root[data-theme="dark"] .dw-edit-overlay{ background:rgba(0,0,0,.65) }
:root[data-theme="dark"] .dw-edit-modal{ background:var(--ms-card-surface); box-shadow:0 24px 64px rgba(0,0,0,.65) }
:root[data-theme="dark"] .dw-edit-modal h4{ color:var(--ms-fg) }
:root[data-theme="dark"] .dw-edit-modal textarea{ background:var(--ms-chip-surface); color:var(--ms-fg); border-color:var(--ms-border) }
:root[data-theme="dark"] .dw-edit-modal .dw-btn.secondary{ color:var(--ms-fg); border-color:var(--ms-border) }
:root[data-theme="dark"] .dw-empty{ color:var(--ms-fg-secondary) }
:root[data-theme="dark"] .dw-empty svg{ fill:var(--ms-border) }
:root[data-theme="dark"] .dw-empty-title{ color:var(--ms-fg) }
:root[data-theme="dark"] .dw-loading{ color:var(--ms-fg-secondary) }
:root[data-theme="dark"] .dw-status-dot{ background:var(--ms-fg-muted) }

/* ============================================================
   FIRMA-FIRMA CHAT WIDGET — DARK OVERRIDE
   (cogu kural zaten var(--ms-*) -> otomatik flip; sadece hardcoded + giden-balon bug)
   ============================================================ */
:root[data-theme="dark"] .cw-el-msg-me .cw-el-bubble{ background:#3A3520; color:#F5F5F5 }
:root[data-theme="dark"] .cw-el-msg-me .cw-el-bubble-meta{ color:var(--ms-fg-secondary,#9A9A9E) }
:root[data-theme="dark"] .cw-el-msg-me .cw-tick{ fill:var(--ms-fg-secondary,#9A9A9E) }
:root[data-theme="dark"] .cw-chat-body.is-other-read .cw-el-msg-me .cw-tick{ fill:#2563EB }
:root[data-theme="dark"] .cw-msg-action-btn{ background:rgba(245,245,245,.10) }
:root[data-theme="dark"] .cw-el-msg-other .cw-msg-action-btn{ background:rgba(245,245,245,.08) }
:root[data-theme="dark"] .cw-el-msg-other .cw-msg-action-btn:hover{ background:rgba(245,245,245,.16) }
:root[data-theme="dark"] .cw-quoted-block{ background:var(--ms-chip-surface,#1A1A1A) }
:root[data-theme="dark"] .cw-el-msg-me .cw-quoted-block{ background:rgba(245,245,245,.10) }
:root[data-theme="dark"] .cw-quoted-text{ color:var(--ms-fg-secondary,#9A9A9E) }
:root[data-theme="dark"] .cw-el-msg-me .cw-quoted-text{ color:rgba(245,245,245,.85) }
:root[data-theme="dark"] .cw-date-divider span{ background:var(--ms-chip-surface,#1A1A1A); color:var(--ms-fg-secondary,#9A9A9E) }
:root[data-theme="dark"] .cw-msg-menu{ background:var(--ms-card-surface,#141414); border-color:var(--ms-border,#2A2A2A); box-shadow:0 8px 24px rgba(0,0,0,.55) }
:root[data-theme="dark"] .cw-msg-menu button{ color:var(--ms-fg,#F5F5F5) }
:root[data-theme="dark"] .cw-msg-menu button:hover{ background:var(--ms-chip-surface,#1A1A1A) }
:root[data-theme="dark"] .cw-msg-menu button.danger{ color:#EF4444 }
:root[data-theme="dark"] .cw-edit-overlay{ background:rgba(0,0,0,.65) }
:root[data-theme="dark"] .cw-edit-modal{ background:var(--ms-card-surface,#141414); box-shadow:0 24px 64px rgba(0,0,0,.6) }
:root[data-theme="dark"] .cw-edit-modal h4{ color:var(--ms-fg,#F5F5F5) }
:root[data-theme="dark"] .cw-edit-modal textarea{ background:var(--ms-chip-surface,#1A1A1A); border-color:var(--ms-border,#2A2A2A); color:var(--ms-fg,#F5F5F5) }
:root[data-theme="dark"] .cw-edit-modal textarea::placeholder{ color:var(--ms-fg-muted,#6E6E72) }
:root[data-theme="dark"] .cw-edit-modal .btn.secondary{ background:0 0; color:var(--ms-fg,#F5F5F5); border-color:var(--ms-border,#2A2A2A) }
:root[data-theme="dark"] .cw-edit-modal .btn.primary{ background:var(--ms-yellow,#FFCA00); color:#1a1a1a }
:root[data-theme="dark"] .cw-skel-a,:root[data-theme="dark"] .cw-skel-l1,:root[data-theme="dark"] .cw-skel-l2{ background:linear-gradient(90deg,#1A1A1A 25%,#242424 37%,#1A1A1A 63%); background-size:400% 100% }
:root[data-theme="dark"] .cw-badge.cw-is-zero{ background:var(--ms-chip-surface,#1A1A1A); color:var(--ms-fg-muted,#6E6E72) }
:root[data-theme="dark"] .cw-scroll-bottom{ background:var(--ms-card-surface,#141414); box-shadow:0 4px 14px rgba(0,0,0,.5),0 1px 4px rgba(0,0,0,.4) }
:root[data-theme="dark"] .cw-typing-dot{ background:var(--ms-fg-secondary,#9A9A9E) }

/* ============================================================
   PAZARYERI (.pz-*) — DARK OVERRIDE (light dokunulmaz)
   Kartlar/input zaten var(--dc-*) -> otomatik flip; sadece hardcoded + sari CTA.
   ============================================================ */
/* Sari CTA metni KOYU (beyaz-yazi yok) */
:root[data-theme="dark"] .pz-pill-cta,
:root[data-theme="dark"] .pz-messenger-send{ color:#0f1111 !important }
:root[data-theme="dark"] .pz-pill-cta svg,
:root[data-theme="dark"] .pz-messenger-send svg{ fill:#0f1111 !important; color:#0f1111 !important }
/* Hardcoded light yuzeyler -> token */
:root[data-theme="dark"] .pz-pill:hover{ background:var(--ms-chip-surface) }
:root[data-theme="dark"] .pz-dd{ background:var(--ms-card-surface); border-color:var(--ms-border) }
/* Pembe favori (acik pembe -> koyu pembe tint, marka pembe accent korunur) */
:root[data-theme="dark"] .pz-fav-detail.is-active{ background:rgba(255,61,165,.12); border-color:rgba(255,61,165,.30) }

/* ============================================================
   EASY-surface sayfalar DARK OVERRIDE (banka/defter-sehir/destek-talebi/filo-bakim/mesafe/para-cek/odeme-gecmisi)
   ============================================================ */
:root[data-theme="dark"] .bh-actions button.primary:hover{ color:var(--ms-yellow) }
:root[data-theme="dark"] .sl-samples-cta{ color:#0f1111 }
:root[data-theme="dark"] .al-badge{ border-color:var(--dc-card-surface) }
:root[data-theme="dark"] .sl-fire{ color:#FCD34D }
:root[data-theme="dark"] .sl-locked{ color:#FBBF24 }
:root[data-theme="dark"] .dt-warn{ color:#fbbf24 }
:root[data-theme="dark"] .bk-warning{ background:rgba(220,38,38,.12); border-color:rgba(220,38,38,.35); color:#fca5a5 }
:root[data-theme="dark"] .mh-btn{ color:#0f1111 }
:root[data-theme="dark"] .mh-btn:hover{ background:var(--dc-fg-secondary) }
:root[data-theme="dark"] .mh-toggle.is-on{ color:#0f1111 }
:root[data-theme="dark"] .mh-action-primary,
:root[data-theme="dark"] .mh-action-primary:hover{ color:#0f1111 }
:root[data-theme="dark"] .pc-warn{ background:rgba(220,38,38,.12); border-color:rgba(220,38,38,.40); color:#fca5a5 }
:root[data-theme="dark"] .fv-dl-btn{ color:#0f1111 }

/* --dc-* re-assertion: sayfa inline :root{--dc-x:literal} tanimlarini dark'ta ez (specificity 0,2,0 > sayfa :root 0,1,0). Yoksa --dc-fg koyu kalip metin gorunmez olur. CSS var lazy-resolve -> konum onemsiz. */
:root[data-theme="dark"]{--dc-fg:var(--ms-fg);--dc-fg-secondary:var(--ms-fg-secondary);--dc-fg-muted:var(--ms-fg-muted);--dc-bg:var(--ms-bg);--dc-card-surface:var(--ms-card-surface);--dc-chip-surface:var(--ms-chip-surface);--dc-border:var(--ms-border);--dc-border-strong:var(--ms-border-strong);--dc-yellow:var(--ms-yellow);--dc-blue:var(--ms-blue);--dc-pulse:var(--ms-pulse);--dc-red:var(--ms-red);--dc-red-deep:var(--ms-red-deep)}

/* ===== Global: empty-state CTA (sari) beyaz-yazi fix (TUM sayfalar; alarmlarim/tekliflerim/paylasimlarim dahil) ===== */
:root[data-theme="dark"] .dc-empty-cta{ color:#0f1111 }
:root[data-theme="dark"] .dc-empty-cta svg{ fill:#0f1111 }

/* ===== MEDIUM sayfalar DARK OVERRIDE ===== */
:root[data-theme="dark"] .gt-pill:hover{ background:var(--ms-chip-surface) }
:root[data-theme="dark"] .gt-aciklama{ color:var(--ms-fg-secondary) }
:root[data-theme="dark"] .gt-empty-p,:root[data-theme="dark"] .gt-loading,:root[data-theme="dark"] .gt-error{ color:var(--ms-fg-secondary) }
:root[data-theme="dark"] .gt-empty-icon svg{ fill:var(--ms-fg-secondary) }
:root[data-theme="dark"] .pi-btn-primary{ color:#0f1111 }
:root[data-theme="dark"] .pi-sheet-btn-primary,:root[data-theme="dark"] .pi-sheet-btn-primary:hover{ background:var(--ms-yellow); color:#0f1111; border-color:var(--ms-yellow) }
:root[data-theme="dark"] .dc-filter-chip.is-active,:root[data-theme="dark"] .dc-iller-chip.is-active,:root[data-theme="dark"] .dc-search-upsell-btn,:root[data-theme="dark"] .dc-city-row-count{ color:#0f1111 }
:root[data-theme="dark"] .fs-search-btn,:root[data-theme="dark"] .fs-reset-btn{ color:#0f1111 }
:root[data-theme="dark"] .fs-search-btn:hover{ background:var(--dc-fg-secondary) }
:root[data-theme="dark"] .fs-warning-text{ color:#FCA5A5 }
:root[data-theme="dark"] .bz-field input[type=text],:root[data-theme="dark"] .bz-field textarea{ background:var(--ms-card-surface); color:var(--ms-fg); border-color:var(--ms-border) }
:root[data-theme="dark"] .bz-msg.ok{ background:rgba(27,122,61,.14); color:#6fe0a0; border-color:rgba(27,122,61,.4) }
:root[data-theme="dark"] .bz-msg.err{ background:rgba(192,57,43,.14); color:#ff9a90; border-color:rgba(192,57,43,.4) }
:root[data-theme="dark"] .bz-consent a{ color:#5aa0ff }
:root[data-theme="dark"] .yz-rail-link{ color:var(--ms-fg); border-bottom-color:var(--ms-border) }
:root[data-theme="dark"] .yz-rail-link.active{ color:var(--ms-fg-secondary) }
:root[data-theme="dark"] footer.footer{ background:var(--ms-card-surface); color:var(--ms-fg); border-top-color:var(--ms-border) }
:root[data-theme="dark"] .footer-top{ border-bottom-color:var(--ms-border) }
:root[data-theme="dark"] .footer-column h3{ color:var(--ms-fg) }
:root[data-theme="dark"] .footer-description,:root[data-theme="dark"] .footer-link{ color:var(--ms-fg-secondary) }
:root[data-theme="dark"] .social-link{ background:var(--ms-chip-surface); border-color:var(--ms-border); color:var(--ms-fg-secondary) }
:root[data-theme="dark"] .kl-btn{ color:#0f1111 }
:root[data-theme="dark"] .fb-warning{ background:rgba(220,38,38,.12); border-color:rgba(220,38,38,.35); color:#fca5a5 }

/* ===== Taramada bulunan diger bozuk butonlar (ms-rail disi) ===== */
:root[data-theme="dark"] .dc-toast,:root[data-theme="dark"] .yn-toast{ color:var(--ms-bg) }
:root[data-theme="dark"] .dc-scroll-top{ color:var(--ms-bg) }
:root[data-theme="dark"] .dc-scroll-top svg{ fill:var(--ms-bg) }
:root[data-theme="dark"] .dc-btn-yellow,:root[data-theme="dark"] .tc-empty-cta,:root[data-theme="dark"] .tcv2-messenger-send,:root[data-theme="dark"] .pup-cta{ color:#0f1111 }
:root[data-theme="dark"] .dc-btn-yellow svg,:root[data-theme="dark"] .tc-empty-cta svg,:root[data-theme="dark"] .tcv2-messenger-send svg,:root[data-theme="dark"] .pup-cta svg{ fill:#0f1111 }

/* ===== filo-haritasi (Leaflet harita) DARK ===== */
:root[data-theme="dark"] .fh-dot.inactive{ background:var(--ms-fg-secondary) }
:root[data-theme="dark"] #fh-map .leaflet-tile{ filter:brightness(.85) contrast(1.05) saturate(.9) }
:root[data-theme="dark"] .leaflet-popup-content-wrapper,:root[data-theme="dark"] .leaflet-popup-tip{ background:var(--ms-card-surface); color:var(--ms-fg) }


/* ===== guvenli-komisyon DARK MODE overrides ===== */
/* Page-local token remap (line 67 :root) — flips all var(--surface-card)/--text-*/--border-main usages */
:root[data-theme="dark"]{
  --surface-card:var(--ms-card-surface);
  --text-primary:var(--ms-fg);
  --text-secondary:var(--ms-fg-secondary);
  --text-muted:var(--ms-fg-muted);
  --border-main:var(--ms-border);
}

/* Buttons with hardcoded surfaces */
:root[data-theme="dark"] .gk-header-back:hover{border-color:var(--ms-border-strong);color:var(--ms-fg);}
:root[data-theme="dark"] .gk-btn-primary{background:var(--ms-chip-surface);color:var(--ms-fg);}
:root[data-theme="dark"] .gk-btn-yellow{background:var(--ms-yellow);color:#0f1111;}
:root[data-theme="dark"] .gk-btn-yellow:hover{background:#e0b400;color:#0f1111;}
:root[data-theme="dark"] .gk-btn-yellow:disabled{background:var(--ms-chip-surface);color:var(--ms-fg-muted);}
:root[data-theme="dark"] .gk-card:hover,
:root[data-theme="dark"] .gk-card:hover{border-color:var(--ms-border-strong);}

/* Status badges — pastel bg -> dark tint + lighter text */
:root[data-theme="dark"] .gk-badge-blue{background:rgba(37,99,235,.16);color:#93c5fd;}
:root[data-theme="dark"] .gk-badge-teal{background:rgba(13,148,136,.16);color:#5eead4;}
:root[data-theme="dark"] .gk-badge-olive{background:rgba(101,163,13,.16);color:#bef264;}
:root[data-theme="dark"] .gk-badge-green{background:rgba(22,163,74,.16);color:#6fe0a0;}
:root[data-theme="dark"] .gk-badge-orange{background:rgba(234,88,12,.16);color:#fdba74;}
:root[data-theme="dark"] .gk-badge-red{background:rgba(220,38,38,.16);color:#fca5a5;}
:root[data-theme="dark"] .gk-badge-grey{background:var(--ms-chip-surface);color:var(--ms-fg-secondary);}
:root[data-theme="dark"] .gk-badge-purple{background:rgba(147,51,234,.16);color:#d8b4fe;}

/* Timeline dots */
:root[data-theme="dark"] .gk-timeline-dot{background:var(--ms-chip-surface);}
:root[data-theme="dark"] .gk-timeline-dot.active{background:rgba(0,132,255,.12);}

/* Firma avatars/role chips (initials surfaces, not photo overlays) */
:root[data-theme="dark"] .gk-firma-avatar{background:var(--ms-chip-surface);}
:root[data-theme="dark"] .gk-firma-role{background:var(--ms-chip-surface);color:var(--ms-fg-secondary);}
:root[data-theme="dark"] .gk-firma-avatar-sm{background:var(--ms-chip-surface);border-color:var(--ms-border);}

/* Inputs / phone field */
:root[data-theme="dark"] .gk-input{background:var(--ms-card-surface);color:var(--ms-fg);}
:root[data-theme="dark"] .gk-phone-wrap{background:var(--ms-card-surface);}
:root[data-theme="dark"] .gk-phone-input::placeholder{color:var(--ms-fg-muted);}
:root[data-theme="dark"] .gk-phone-btn{background:var(--ms-chip-surface);color:var(--ms-fg);}
:root[data-theme="dark"] .gk-input:-webkit-autofill,
:root[data-theme="dark"] .gk-input:-webkit-autofill:hover,
:root[data-theme="dark"] .gk-input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 30px var(--ms-card-surface) inset!important;border:1px solid var(--ms-border)!important;-webkit-text-fill-color:var(--ms-fg)!important;}

/* Radio (selected stays blue brand accent) */
:root[data-theme="dark"] .gk-radio{background:var(--ms-card-surface);}

/* Summary / action / agree panels (light grey bg #f8fafc) */
:root[data-theme="dark"] .gk-summary,
:root[data-theme="dark"] .gk-action,
:root[data-theme="dark"] .gk-agree{background:var(--ms-chip-surface);}

/* Payment segmented control */
:root[data-theme="dark"] .gk-pay-tabs{background:var(--ms-chip-surface);}
:root[data-theme="dark"] .gk-pay-tab.active{background:var(--ms-card-surface);color:var(--ms-fg);box-shadow:none;}

/* Saved card / wallet info panels (#fff) */
:root[data-theme="dark"] .gk-saved-card,
:root[data-theme="dark"] .gk-wallet-info{background:var(--ms-card-surface);}

/* Alerts — pastel -> dark tint + lighter text */
:root[data-theme="dark"] .gk-alert-success{background:rgba(22,163,74,.12);color:#6fe0a0;border-color:rgba(22,163,74,.3);}
:root[data-theme="dark"] .gk-alert-error{background:rgba(220,38,38,.12);color:#fca5a5;border-color:rgba(220,38,38,.3);}
:root[data-theme="dark"] .gk-alert-info{background:rgba(37,99,235,.12);color:#93c5fd;border-color:rgba(37,99,235,.3);}
:root[data-theme="dark"] .gk-alert-warning{background:rgba(234,88,12,.12);color:#fdba74;border-color:rgba(234,88,12,.3);}

/* Agreement check (unchecked white circle) */
:root[data-theme="dark"] .gk-agree-check{background:var(--ms-chip-surface);border-color:var(--ms-border-strong);}

/* Doc chips */
:root[data-theme="dark"] .gk-doc-ok{background:rgba(22,163,74,.16);color:#6fe0a0;}
:root[data-theme="dark"] .gk-doc-no{background:var(--ms-chip-surface);color:var(--ms-fg-muted);}

/* Firma search result icon tiles + dividers */
:root[data-theme="dark"] .gk-fr-row{border-bottom-color:var(--ms-border);}
:root[data-theme="dark"] .gk-fr-icon{background:rgba(59,130,246,.16);color:#93c5fd;}
:root[data-theme="dark"] .gk-fr-doc{border-bottom-color:var(--ms-border);}
:root[data-theme="dark"] .gk-fr-doc-icon.ok{background:rgba(22,163,74,.16);color:#6fe0a0;}
:root[data-theme="dark"] .gk-fr-doc-icon.no{background:rgba(59,130,246,.16);color:#93c5fd;}
:root[data-theme="dark"] .gk-fr-doc-status.ok{color:#6fe0a0;}
:root[data-theme="dark"] .gk-fr-doc-status.no{color:var(--ms-fg-muted);}

/* Member tier badges */
:root[data-theme="dark"] .gk-member-1{background:var(--ms-chip-surface);color:var(--ms-fg-secondary);}
:root[data-theme="dark"] .gk-member-2{background:rgba(217,119,6,.16);color:#fcd34d;}
:root[data-theme="dark"] .gk-member-3{background:rgba(180,83,9,.18);color:#fcd34d;}
:root[data-theme="dark"] .gk-member-4{background:rgba(37,99,235,.16);color:#93c5fd;}

/* ===== Consent modal (gkc-*) ===== */
:root[data-theme="dark"] .gkc-sheet{background:var(--ms-card-surface);}
:root[data-theme="dark"] .gkc-handle{background:var(--ms-border-strong);}
:root[data-theme="dark"] .gkc-title{color:var(--ms-fg);}
:root[data-theme="dark"] .gkc-banner{background:rgba(0,132,255,.12);border-color:rgba(0,132,255,.28);color:var(--ms-fg);}
:root[data-theme="dark"] .gkc-summary{background:var(--ms-chip-surface);border-color:var(--ms-border);}
:root[data-theme="dark"] .gkc-row{color:var(--ms-fg-secondary);}
:root[data-theme="dark"] .gkc-row .v{color:var(--ms-fg);}
:root[data-theme="dark"] .gkc-row.strong{border-top-color:var(--ms-border);}
:root[data-theme="dark"] .gkc-row.strong span{color:var(--ms-fg);}
:root[data-theme="dark"] .gkc-tile{background:var(--ms-card-surface);border-color:var(--ms-border);}
:root[data-theme="dark"] .gkc-tile.on{background:rgba(0,132,255,.10);border-color:#0084ff;}
:root[data-theme="dark"] .gkc-check{background:var(--ms-chip-surface);border-color:var(--ms-border-strong);}
:root[data-theme="dark"] .gkc-tile-sub{color:var(--ms-fg-secondary);}
:root[data-theme="dark"] .gkc-disclaimer{color:var(--ms-fg-muted);}
:root[data-theme="dark"] .gkc-footer{background:var(--ms-card-surface);border-top-color:var(--ms-border);}
:root[data-theme="dark"] .gkc-btn-cancel{background:var(--ms-chip-surface);color:var(--ms-fg);}

/* BDDK footer divider */
:root[data-theme="dark"] .gk-bddk-note{border-top-color:var(--ms-border);color:var(--ms-fg-muted);}

/* ═══ firma_detay.php — dark-mode overrides ═══ */
/* fallback --dc-border tokens (defined literal in light :root at line 397) */
:root[data-theme="dark"]{--dc-border:#2A2A2A;--dc-border-strong:#484848}

/* Logo placeholder bg */
:root[data-theme="dark"] .fp-logo{background:var(--ms-chip-surface)}

/* Headline + badge text */
:root[data-theme="dark"] .fp-name{color:var(--ms-fg)}
:root[data-theme="dark"] .fp-badge{color:var(--ms-fg-secondary)}

/* Location row + description */
:root[data-theme="dark"] .fp-loc{color:var(--ms-fg)}
:root[data-theme="dark"] .fp-loc .material-symbols-rounded{color:var(--ms-fg)}
:root[data-theme="dark"] .fp-loc a:hover{border-bottom-color:var(--ms-fg-secondary);color:var(--ms-fg)}
:root[data-theme="dark"] .fp-aciklama{color:var(--ms-fg)}

/* CTA buttons */
:root[data-theme="dark"] .fp-cta-primary{color:#0f1111}
:root[data-theme="dark"] .fp-cta-primary:hover{color:#0f1111}
:root[data-theme="dark"] .fp-cta-secondary{background:var(--ms-chip-surface);color:var(--ms-fg);border-color:var(--ms-border)}
:root[data-theme="dark"] .fp-cta-secondary:hover{background:var(--ms-border);color:var(--ms-fg)}
/* revealed phone button — keep inverted look but use surfaces */
:root[data-theme="dark"] .fp-call-btn.is-revealed,
:root[data-theme="dark"] .fp-call-btn.is-revealed:hover,
:root[data-theme="dark"] .fp-call-btn.is-revealed:focus,
:root[data-theme="dark"] .fp-call-btn.is-revealed:focus-visible,
:root[data-theme="dark"] .fp-call-btn.is-revealed:active{background:var(--ms-chip-surface);color:var(--ms-fg);border-color:var(--ms-border)}
:root[data-theme="dark"] .fp-call-btn.is-revealed .material-symbols-rounded{color:var(--ms-fg)}

/* Tabs */
:root[data-theme="dark"] .fp-tabs{border-bottom-color:var(--ms-border)}
:root[data-theme="dark"] .fp-tab{color:var(--ms-fg)}
:root[data-theme="dark"] .fp-tab.active{border-bottom-color:var(--ms-fg)}
:root[data-theme="dark"] .fp-tab .material-symbols-rounded{color:var(--ms-fg)}

/* Gallery grid tile placeholder bg */
:root[data-theme="dark"] .gallery-item{background:var(--ms-chip-surface)}

/* Defter items */
:root[data-theme="dark"] .fp-defter-item{border-bottom-color:var(--ms-border)}
:root[data-theme="dark"] .fp-defter-date{color:var(--ms-fg-muted)}
:root[data-theme="dark"] .fp-defter-text{color:var(--ms-fg)}

/* Section heading + contact/doc rows */
:root[data-theme="dark"] .fp-section-h{color:var(--ms-fg);border-bottom-color:var(--ms-border)}
:root[data-theme="dark"] .fp-contact-row{color:var(--ms-fg);border-bottom-color:var(--ms-border)}
:root[data-theme="dark"] .fp-contact-row:hover{background:var(--ms-chip-surface);color:var(--ms-fg)}
:root[data-theme="dark"] .fp-contact-val{color:var(--ms-fg)}
:root[data-theme="dark"] .fp-contact-arrow{color:var(--ms-fg-muted)}
:root[data-theme="dark"] .fp-locked-pill{color:var(--ms-fg-secondary);background:var(--ms-chip-surface)}
:root[data-theme="dark"] .fp-doc-row{border-bottom-color:var(--ms-border)}
:root[data-theme="dark"] .fp-doc-ic .material-symbols-rounded{color:var(--ms-fg-muted)}
:root[data-theme="dark"] .fp-doc-label{color:var(--ms-fg-muted)}
:root[data-theme="dark"] .fp-doc-status{color:var(--ms-fg-muted)}
:root[data-theme="dark"] .fp-defcount-title{color:var(--ms-fg)}
:root[data-theme="dark"] .fp-defcount-sub{color:var(--ms-fg-secondary)}

/* Reviews summary + distribution */
:root[data-theme="dark"] .fp-rev-summary{background:var(--ms-card-surface)}
:root[data-theme="dark"] .fp-rev-avg-num{color:var(--ms-fg)}
:root[data-theme="dark"] .fp-rev-avg-total{color:var(--ms-fg-secondary)}
:root[data-theme="dark"] .fp-rev-stars .material-symbols-rounded.empty{color:var(--ms-border-strong)}
:root[data-theme="dark"] .fp-dist-label{color:var(--ms-fg)}
:root[data-theme="dark"] .fp-dist-bar{background:var(--ms-chip-surface)}
:root[data-theme="dark"] .fp-dist-count{color:var(--ms-fg-secondary)}

/* Review cards */
:root[data-theme="dark"] .fp-rev-card{border-bottom-color:var(--ms-border)}
:root[data-theme="dark"] .fp-rev-avatar{color:#0f1111}
:root[data-theme="dark"] .fp-rev-name{color:var(--ms-fg)}
:root[data-theme="dark"] .fp-rev-date{color:var(--ms-fg-muted)}
:root[data-theme="dark"] .fp-rev-text{color:var(--ms-fg)}
/* firma reply (cream amber tint) */
:root[data-theme="dark"] .fp-reply{background:rgba(255,202,0,.12);border-left-color:var(--ms-yellow)}
:root[data-theme="dark"] .fp-reply-h{color:#fcd34d}
:root[data-theme="dark"] .fp-reply-t{color:var(--ms-fg)}

/* Load more button */
:root[data-theme="dark"] .fp-loadmore{background:var(--ms-card-surface);border-color:var(--ms-border);color:var(--ms-fg)}
:root[data-theme="dark"] .fp-loadmore:hover{background:var(--ms-chip-surface)}

/* My-review banner — status tints */
:root[data-theme="dark"] .fp-my-review-st-0{background:rgba(251,204,46,.12);border-color:rgba(251,204,46,.45)}
:root[data-theme="dark"] .fp-my-review-st-1{background:rgba(22,163,74,.12);border-color:rgba(22,163,74,.45)}
:root[data-theme="dark"] .fp-my-review-st-2{background:rgba(185,28,28,.14);border-color:rgba(185,28,28,.5)}
:root[data-theme="dark"] .fp-my-review-st-0 .fp-my-review-st{color:#fcd34d}
:root[data-theme="dark"] .fp-my-review-st-1 .fp-my-review-st{color:#6fe0a0}
:root[data-theme="dark"] .fp-my-review-st-2 .fp-my-review-st{color:#fca5a5}
:root[data-theme="dark"] .fp-my-review-act{border-color:var(--ms-border);background:var(--ms-chip-surface);color:var(--ms-fg)}
:root[data-theme="dark"] .fp-my-review-act:hover{background:var(--ms-border);border-color:var(--ms-fg-muted)}
:root[data-theme="dark"] .fp-my-review-delete{color:#fca5a5;border-color:rgba(252,165,165,.5)}
:root[data-theme="dark"] .fp-my-review-delete:hover{background:rgba(185,28,28,.14);border-color:#fca5a5}
:root[data-theme="dark"] .fp-my-review-rating .off{color:var(--ms-border-strong)}
:root[data-theme="dark"] .fp-my-review-comment{color:var(--ms-fg)}
:root[data-theme="dark"] .fp-my-review-reason{background:rgba(255,255,255,.06);color:#fca5a5}
:root[data-theme="dark"] .fp-my-review-reason strong{color:#fca5a5}
:root[data-theme="dark"] .fp-my-review-firma-reply{background:rgba(255,255,255,.06);color:var(--ms-fg)}
:root[data-theme="dark"] .fp-my-review-firma-reply strong{color:var(--ms-fg-secondary)}

/* Empty state */
:root[data-theme="dark"] .fp-empty-icon{background:var(--ms-card-surface)}
:root[data-theme="dark"] .fp-empty-title{color:var(--ms-fg-secondary)}
:root[data-theme="dark"] .fp-empty-sub{color:var(--ms-fg-muted)}

/* Review submit modal/sheet */
:root[data-theme="dark"] .fp-rm-inner{background:var(--ms-card-surface)}
:root[data-theme="dark"] .fp-rm h3{color:var(--ms-fg)}
:root[data-theme="dark"] .fp-rm p.sub{color:var(--ms-fg-secondary)}
:root[data-theme="dark"] .fp-rm-star .material-symbols-rounded{color:var(--ms-border-strong)}
:root[data-theme="dark"] .fp-rm-textarea{background:var(--ms-card-surface);color:var(--ms-fg);border-color:var(--ms-border)}
:root[data-theme="dark"] .fp-rm-textarea:focus{border-color:var(--ms-fg)}
:root[data-theme="dark"] .fp-rm-count{color:var(--ms-fg-muted)}
:root[data-theme="dark"] .fp-rm-err{background:rgba(185,28,28,.14);color:#fca5a5}
:root[data-theme="dark"] .fp-rm-btn.primary{color:#0f1111}
:root[data-theme="dark"] .fp-rm-btn.primary:disabled{background:var(--ms-border-strong);color:var(--ms-fg-muted)}
:root[data-theme="dark"] .fp-rm-btn.ghost{background:var(--ms-chip-surface);color:var(--ms-fg)}

/* Guest login modal (2nd style block) */
:root[data-theme="dark"] .fp-modal{background:var(--ms-card-surface)}
:root[data-theme="dark"] .fp-modal-h{color:var(--ms-fg)}
:root[data-theme="dark"] .fp-modal-sub{color:var(--ms-fg-secondary)}
:root[data-theme="dark"] .fp-modal-btn-ghost{color:var(--ms-fg);border-color:var(--ms-border)}
:root[data-theme="dark"] .fp-modal-btn-ghost:hover{background:var(--ms-chip-surface)}
:root[data-theme="dark"] .fp-modal-btn-primary{background:var(--ms-chip-surface);color:var(--ms-fg)}
:root[data-theme="dark"] .fp-modal-btn-primary:hover{background:var(--ms-border);color:var(--ms-fg)}

/* ===== HOMEPAGE (index.php) DARK OVERRIDES — paste at end of inline <style> ===== */
/* Tokens auto-flip via :root[data-theme="dark"] (yeni-all --ms-* + components --dc-* alias).
   These rules only cover HARDCODED literals in index.php's inline <style>. */

/* Hero tint background (radial ended in #fff) -> dark, keep faint yellow glow */
:root[data-theme="dark"] .vRwZ{background:radial-gradient(rgba(255,202,0,.06),var(--ms-bg));background-repeat:no-repeat}

/* Card / panel surfaces + light #eee borders */
:root[data-theme="dark"] .JpN2,
:root[data-theme="dark"] .JnF5,
:root[data-theme="dark"] .PnF1,
:root[data-theme="dark"] .pm-card,
:root[data-theme="dark"] .pm-card--dk{background:var(--ms-card-surface);border-color:var(--ms-border)}

/* Dark navy / near-black headings & strong text (#10102b, #2f2f2f) -> primary fg */
:root[data-theme="dark"] .p2a7,
:root[data-theme="dark"] .np-seg-card strong,
:root[data-theme="dark"] .tab-content,
:root[data-theme="dark"] .title{color:var(--ms-fg)}

/* Secondary grays (#444 / #555 / #666) -> secondary fg */
:root[data-theme="dark"] .lokasyon,
:root[data-theme="dark"] .price,
:root[data-theme="dark"] .pm-desc,
:root[data-theme="dark"] .fq-body,
:root[data-theme="dark"] .il-toggle{color:var(--ms-fg-secondary)}

/* Image / thumbnail placeholder fills (#f5f5f5) -> chip surface */
:root[data-theme="dark"] .image-container,
:root[data-theme="dark"] .icnr{background:var(--ms-chip-surface)}

/* "More" card (light dashed + #f9fafb/#fff gradient) */
:root[data-theme="dark"] .more-card{border-color:var(--ms-border);background:var(--ms-chip-surface)}
:root[data-theme="dark"] .more-card-inner{border-color:var(--ms-border);background:var(--ms-card-surface)}

/* Mobile rail fade-to-white gradients -> fade to bg */
:root[data-theme="dark"] .u2v7{background:linear-gradient(to top,var(--ms-bg) 89%,transparent 100%)}

/* İl (city) pills: #222 text on #f7f7f7 -> chip surface + fg; hover yellow keeps dark text */
:root[data-theme="dark"] .btn-il{color:var(--ms-fg);background-color:var(--ms-chip-surface)}
:root[data-theme="dark"] .btn-il:hover{color:#0f1111}

/* Hairline separators (#f0f0f0) inside pm/faq lists */
:root[data-theme="dark"] .pm-item,
:root[data-theme="dark"] .fq-item{border-bottom-color:var(--ms-border)}

/* Footer (#fbfdff bg / #2f313f text / #e5e7eb borders) */
:root[data-theme="dark"] footer.footer{background:var(--ms-card-surface);color:var(--ms-fg-secondary);border-top-color:var(--ms-border)}
:root[data-theme="dark"] .footer-top{border-bottom-color:var(--ms-border)}
:root[data-theme="dark"] .footer-column h3{color:var(--ms-fg)}
:root[data-theme="dark"] .social-link{background:var(--ms-chip-surface);border-color:var(--ms-border)}

/* Pastel purple badge (#f3e8ff bg / #6b21a8 text) -> dark tint + lighter brand text */
:root[data-theme="dark"] .ene-badge{background:rgba(178,17,208,.14);color:#E2A8F0}

/* Yellow buttons: --dc-fg flips light -> force readable dark text on yellow */
:root[data-theme="dark"] .ene-std-btn{color:#0f1111}
:root[data-theme="dark"] .ene-std-btn:hover{color:#0f1111}
:root[data-theme="dark"] .ene-std-btn--dark{background:var(--ms-chip-surface);color:var(--ms-fg)}

/* ===== Donus Araclari / today-strip (.dts-*) DARK — kayan beyaz kartlar ===== */
:root[data-theme="dark"] .dts-card{ background:var(--ms-card-surface); border-color:var(--ms-border); box-shadow:none }
:root[data-theme="dark"] .dts-card:hover{ border-color:var(--ms-yellow) }
:root[data-theme="dark"] .dts-route{ color:var(--ms-fg-secondary) }
:root[data-theme="dark"] .dts-route-arrow{ color:var(--ms-fg-muted) }

/* ===== Pazaryeri Ilanlari strip (.pzr-track .card) DARK — beyaz kart wrapper (scoped, site-geneli .card guvende) ===== */
:root[data-theme="dark"] .pzr-track .card{ background:var(--ms-card-surface); border-color:var(--ms-border) }
:root[data-theme="dark"] .pzr-track .card:hover{ border-color:var(--ms-yellow) }
:root[data-theme="dark"] .pzr-track .more-card{ border-color:var(--ms-border); background:var(--ms-chip-surface) }
:root[data-theme="dark"] .pzr-track .price{ color:var(--ms-fg) }

/* ===== Pazaryeri strip baslik (Hdf4/vr-fsc5) DARK — siyah-icinde-kaybolma fix ===== */
:root[data-theme="dark"] #pazaryeri h3,:root[data-theme="dark"] #pazaryeri h3 a,:root[data-theme="dark"] #pazaryeri .vr-fsc5{ color:var(--ms-fg) }


/* ===== teklif-al.php DARK ===== */
/* ===== teklif-al.php dark overrides (uses --ms-* only; no components.css here) ===== */

/* Headings & subtitles */
:root[data-theme="dark"] .tf-title{color:var(--ms-fg)}
:root[data-theme="dark"] .tf-subtitle{color:var(--ms-fg-secondary)}
:root[data-theme="dark"] .tf-section-title{color:var(--ms-fg)}
:root[data-theme="dark"] .tf-step-label{color:var(--ms-fg-secondary)}
:root[data-theme="dark"] .tf-step-motivation{color:var(--ms-fg)}

/* Progress bars */
:root[data-theme="dark"] .tf-progress-bar{background:var(--ms-chip-surface)}
:root[data-theme="dark"] .tf-progress-bar.active{background:var(--ms-fg)}

/* Selectable cards */
:root[data-theme="dark"] .tf-card{border-color:var(--ms-border);background:var(--ms-card-surface)}
:root[data-theme="dark"] .tf-card:hover{border-color:var(--ms-border-strong)}
:root[data-theme="dark"] .tf-card.selected{border-color:var(--ms-fg);background:var(--ms-card-surface)}
:root[data-theme="dark"] .tf-card-title{color:var(--ms-fg)}
:root[data-theme="dark"] .tf-card-sub{color:var(--ms-fg-secondary)}
:root[data-theme="dark"] .tf-card-check{border-color:var(--ms-border)}
:root[data-theme="dark"] .tf-card.selected .tf-card-check,
:root[data-theme="dark"] .tf-radio-card.selected .tf-card-check{background:var(--ms-fg);border-color:var(--ms-fg)}
/* selected-check tick svg currently #fff on dark check-fill (now light fg) -> recolor to bg-dark */
:root[data-theme="dark"] .tf-card.selected .tf-card-check::after,
:root[data-theme="dark"] .tf-radio-card.selected .tf-card-check::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960' fill='%230A0A0A'%3E%3Cpath d='M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z'/%3E%3C/svg%3E")}

/* Chips */
:root[data-theme="dark"] .tf-chip{border-color:var(--ms-border);color:var(--ms-fg);background:var(--ms-card-surface)}
:root[data-theme="dark"] .tf-chip:hover{border-color:var(--ms-border-strong)}
:root[data-theme="dark"] .tf-chip.selected{border-color:var(--ms-fg);background:var(--ms-card-surface);color:var(--ms-fg)}
:root[data-theme="dark"] .tf-chip.selected::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960' fill='%23F5F5F5'%3E%3Cpath d='M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z'/%3E%3C/svg%3E")}

/* Native select */
:root[data-theme="dark"] .tf-select{border-color:var(--ms-border);color:var(--ms-fg);background-color:var(--ms-card-surface)}
:root[data-theme="dark"] .tf-select:focus{border-color:var(--ms-fg)}
:root[data-theme="dark"] .tf-select option{background:var(--ms-card-surface);color:var(--ms-fg)}
:root[data-theme="dark"] .tf-select option[value=""]{color:var(--ms-fg-muted)}

/* Inputs & textarea */
:root[data-theme="dark"] .tf-input,
:root[data-theme="dark"] .tf-textarea{border-color:var(--ms-border);color:var(--ms-fg);background:var(--ms-card-surface)}
:root[data-theme="dark"] .tf-input:focus,
:root[data-theme="dark"] .tf-textarea:focus{border-color:var(--ms-fg)}
:root[data-theme="dark"] .tf-input::placeholder,
:root[data-theme="dark"] .tf-textarea::placeholder{color:var(--ms-fg-muted)}

/* Toggle */
:root[data-theme="dark"] .tf-toggle{border-color:var(--ms-border);background:var(--ms-card-surface)}
:root[data-theme="dark"] .tf-toggle.active{border-color:var(--ms-fg);background:var(--ms-chip-surface)}
:root[data-theme="dark"] .tf-toggle-label{color:var(--ms-fg)}

/* Location group panels */
:root[data-theme="dark"] .tf-location-group{border-color:var(--ms-border)}

/* Custom dropdown */
:root[data-theme="dark"] .tf-dd-trigger{border-color:var(--ms-border);background:var(--ms-card-surface);color:var(--ms-fg)}
:root[data-theme="dark"] .tf-dd.open .tf-dd-trigger,
:root[data-theme="dark"] .tf-dd-trigger:focus-visible{border-color:var(--ms-fg)}
:root[data-theme="dark"] .tf-dd-trigger:disabled{background:var(--ms-chip-surface);color:var(--ms-fg-muted)}
:root[data-theme="dark"] .tf-dd-val.is-placeholder{color:var(--ms-fg-muted)}
:root[data-theme="dark"] .tf-dd-chev{color:var(--ms-fg-muted)}
:root[data-theme="dark"] .tf-dd-pop{background:var(--ms-card-surface);border-color:var(--ms-border);box-shadow:0 12px 32px rgba(0,0,0,.5)}
:root[data-theme="dark"] .tf-dd-sep{background:var(--ms-border)}
:root[data-theme="dark"] .tf-dd-opt{color:var(--ms-fg)}
:root[data-theme="dark"] .tf-dd-opt:hover,
:root[data-theme="dark"] .tf-dd-opt.active{background:var(--ms-chip-surface)}

/* Radio cards */
:root[data-theme="dark"] .tf-radio-card{border-color:var(--ms-border);background:var(--ms-card-surface);color:var(--ms-fg)}
:root[data-theme="dark"] .tf-radio-card:hover{border-color:var(--ms-border-strong)}
:root[data-theme="dark"] .tf-radio-card.selected{border-color:var(--ms-fg);background:var(--ms-card-surface)}

/* Photo grid / upload */
:root[data-theme="dark"] .tf-photo-item{background:var(--ms-chip-surface)}
:root[data-theme="dark"] .tf-photo-add{border-color:var(--ms-border-strong);color:var(--ms-fg-muted)}
:root[data-theme="dark"] .tf-photo-add:hover{border-color:var(--ms-fg);color:var(--ms-fg)}
:root[data-theme="dark"] .tf-photo-upload{border-color:var(--ms-border-strong);color:var(--ms-fg-muted);background:var(--ms-chip-surface)}
:root[data-theme="dark"] .tf-photo-upload:hover{border-color:var(--ms-fg);color:var(--ms-fg);background:var(--ms-card-surface)}
:root[data-theme="dark"] .tf-photo-upload small{color:var(--ms-fg-muted)}

/* Primary button: keep yellow bg, force dark text (--ms-yellow flips lighter; text stays near-black) */
:root[data-theme="dark"] .tf-btn-primary{color:#0f1111}
:root[data-theme="dark"] .tf-btn-primary:hover,
:root[data-theme="dark"] .tf-btn-primary:active{color:#0f1111}
:root[data-theme="dark"] .tf-btn-primary:focus{outline-color:var(--ms-fg)}
:root[data-theme="dark"] .tf-btn-primary:disabled{background:var(--ms-chip-surface);color:var(--ms-fg-muted)}

/* Secondary & back buttons */
:root[data-theme="dark"] .tf-btn-secondary{background:var(--ms-chip-surface);color:var(--ms-fg)}
:root[data-theme="dark"] .tf-btn-secondary:hover{background:var(--ms-border)}
:root[data-theme="dark"] .tf-btn-back{background:var(--ms-chip-surface);color:var(--ms-fg)}
:root[data-theme="dark"] .tf-btn-back:hover{background:var(--ms-border)}
:root[data-theme="dark"] .tf-btn-back svg{fill:var(--ms-fg)}

/* Auth box */
:root[data-theme="dark"] .tf-auth-box{border-color:var(--ms-border)}

/* Dynamic price card */
:root[data-theme="dark"] .tf-dynamic-price{background:var(--ms-card-surface);border-color:var(--ms-fg)}
:root[data-theme="dark"] .tf-dynamic-price .tf-dp-label{color:var(--ms-fg)}
:root[data-theme="dark"] .tf-dynamic-price .tf-dp-range{color:var(--ms-fg)}
:root[data-theme="dark"] .tf-dynamic-price .tf-dp-sub{color:var(--ms-fg-secondary)}
:root[data-theme="dark"] .tf-dynamic-price .tf-dp-conf{background:var(--ms-border-strong)}
:root[data-theme="dark"] .tf-dynamic-price .tf-dp-conf.low{background:var(--ms-border-strong)}

/* Spinner ring uses near-black border; flip to light fg */
:root[data-theme="dark"] .tf-spinner{border-color:var(--ms-fg);border-top-color:transparent}

/* Inline-styled IDs that hardcode light values */
:root[data-theme="dark"] #connectionLine{background:var(--ms-border)!important}

/* NOTE: tf-success-icon (#10b981 green) and tf-dp-conf.high/.medium status dots kept as brand/status colors.
   tf-snackbar (#0f1111 bg / white text) is a dark toast already — left as-is.
   Inline label/text colors (#6b7280, #9ca3af, #111827) on non-ID spans/labels in steps 2/4/6
   cannot be reached by class selectors and are not overridable read-only here; flagged in notes. */

/* ===== mesajlar.php DARK ===== */
/* ── mesajlar.php dark-mode overrides (uses --ms-* tokens only; page loads yeni-all.css, NOT components.css) ── */

/* Sent ("me") bubble: light page uses background:var(--ms-fg) + color:#fff.
   In dark --ms-fg flips to #F5F5F5 (a light surface), so the hardcoded white text would vanish.
   Keep the inverted-surface look but force dark text on it. */
:root[data-theme="dark"] .msg--me .bubble{
  background:var(--ms-fg);
  color:#0f1111;
  border:1px solid var(--ms-border-strong);
}
:root[data-theme="dark"] .msg--me .bubble__meta{
  color:rgba(15,17,17,.55);
}

/* Skeleton loader gradients hardcode #EAECF0 / #F5F5FA (light). Re-theme to dark surfaces. */
:root[data-theme="dark"] .skel__a,
:root[data-theme="dark"] .skel__l1,
:root[data-theme="dark"] .skel__l2{
  background:linear-gradient(90deg,var(--ms-chip-surface) 25%,var(--ms-border) 37%,var(--ms-chip-surface) 63%);
  background-size:400% 100%;
}
:root[data-theme="dark"] .skel__row{
  border-bottom:1px solid var(--ms-border);
}

/* Quote/talep banner: yellow rgba tints read fine on dark; ensure the body text uses fg token (already var, here for safety with dark surface). */
:root[data-theme="dark"] .msg-quote-banner{
  background:rgba(255,202,0,.12);
  border:1px solid rgba(255,202,0,.30);
  color:var(--ms-fg);
}

/* ===== ilan.php DARK ===== */
/* ── ilan.php dark-mode overrides ──
   This page does NOT load components.css; its inline <style> defines its OWN
   --dc-* tokens in :root with light literals. Re-point those page-local tokens
   to the dark --ms-* palette, then patch the few hardcoded literals that bypass
   the tokens (incl. the JS-injected guest-modal CSS). Photo/hero/lightbox white
   text, letter-avatar gradients and the yellow CTA bg are intentionally kept. */

/* 1) Re-map the page-local --dc-* tokens to the dark palette */
:root[data-theme="dark"]{
  --dc-fg:var(--ms-fg);
  --dc-fg-secondary:var(--ms-fg-secondary);
  --dc-fg-muted:var(--ms-fg-muted);
  --dc-border:var(--ms-border);
  --dc-border-strong:var(--ms-border-strong);
  --dc-bg:var(--ms-bg);
  --dc-card-surface:var(--ms-card-surface);
  --dc-chip-surface:var(--ms-chip-surface);
  --dc-yellow:var(--ms-yellow);
  --dc-blue:#60A5FA;          /* price/selected accent, lightened for dark */
  --dc-red:var(--ms-danger);
  --dc-pulse:#4ADE80;         /* status green accent, lightened for dark */
}

/* 2) Inverse chips: dark-fg bg gets a light glyph (was #fff) */
:root[data-theme="dark"] .dc-topbar-icon-btn.is-active{color:var(--ms-bg);}
:root[data-theme="dark"] .pz-filter-pill.is-active{color:var(--ms-bg);border-color:var(--ms-fg);}
:root[data-theme="dark"] .pz-filter-pill.is-active .pz-pill-arrow{color:var(--ms-bg);}

/* 3) Search input lifted onto a surface for field contrast */
:root[data-theme="dark"] .pz-search-input{background:var(--ms-card-surface);color:var(--ms-fg);}
:root[data-theme="dark"] .pz-search-input::placeholder{color:var(--ms-fg-muted);}

/* 4) List item border literal (rgba(234,236,240,.5)) */
:root[data-theme="dark"] .pz-item{border-color:var(--ms-border);}
:root[data-theme="dark"] .pz-item:hover{box-shadow:0 2px 8px rgba(0,0,0,.35);}

/* 5) Action pill hover literal (#EBEBF2) */
:root[data-theme="dark"] .pz-pill:hover{background:var(--ms-border);}

/* 6) Yellow CTA / send button — text was var(--dc-fg) which flips light → force dark */
:root[data-theme="dark"] .pz-pill-cta,
:root[data-theme="dark"] .pz-pill-cta:hover{color:#0f1111;}
:root[data-theme="dark"] .pz-pill-cta .material-symbols-rounded{fill:#0f1111;color:#0f1111;}
:root[data-theme="dark"] .pz-messenger-send{color:#0f1111;}

/* 7) Revealed call button — dark-fg bg, keep light glyph/text */
:root[data-theme="dark"] .pz-call-btn.is-revealed,
:root[data-theme="dark"] .pz-call-btn.is-revealed:hover,
:root[data-theme="dark"] .pz-call-btn.is-revealed:focus,
:root[data-theme="dark"] .pz-call-btn.is-revealed:active{color:var(--ms-bg);border-color:var(--ms-fg);}
:root[data-theme="dark"] .pz-call-btn.is-revealed .material-symbols-rounded{color:var(--ms-bg);}

/* 8) Inline messenger sent-state (green tint) */
:root[data-theme="dark"] .pz-messenger.is-sent .pz-messenger-send{background:rgba(74,222,128,.16);color:#4ADE80;}

/* 9) Status / sold / condition badges — re-tint pastels for dark */
:root[data-theme="dark"] .pz-badge-status{background:rgba(74,222,128,.14);color:#4ADE80;}
:root[data-theme="dark"] .pz-badge-sold{background:rgba(248,113,113,.14);color:#F87171;}

/* 10) Dropdown panel (background:#fff literal) + selected/count blue tints */
:root[data-theme="dark"] .pz-dd{background:var(--ms-card-surface);}
:root[data-theme="dark"] .pz-dd-item.is-selected{color:#60A5FA;background:rgba(96,165,250,.10);}
:root[data-theme="dark"] .pz-dd-item.is-selected .pz-dd-item-count{background:rgba(96,165,250,.18);color:#60A5FA;}

/* 11) Guest modal — JS-injected CSS (line 788) hardcodes light literals */
:root[data-theme="dark"] .pz-modal{background:var(--ms-card-surface);box-shadow:0 20px 60px rgba(0,0,0,.6);}
:root[data-theme="dark"] .pz-modal-h{color:var(--ms-fg);}
:root[data-theme="dark"] .pz-modal-sub{color:var(--ms-fg-secondary);}
:root[data-theme="dark"] .pz-modal-btn-ghost{color:var(--ms-fg);border-color:var(--ms-border);}
:root[data-theme="dark"] .pz-modal-btn-ghost:hover{background:var(--ms-chip-surface);}
:root[data-theme="dark"] .pz-modal-btn-primary{background:var(--ms-fg);color:var(--ms-bg);}
:root[data-theme="dark"] .pz-modal-btn-primary:hover{background:var(--ms-border-strong);color:var(--ms-bg);}

/* ===== ilan-ver.php DARK ===== */
:root[data-theme="dark"] .iv-img-desc{color:var(--ms-fg-secondary)}
:root[data-theme="dark"] .iv-img-counter{color:var(--ms-fg-secondary)}
:root[data-theme="dark"] .iv-img-counter strong{color:var(--ms-fg)}
:root[data-theme="dark"] .iv-char-count{color:var(--ms-fg-muted)}
:root[data-theme="dark"] .iv-input-suffix::after{color:var(--ms-fg-secondary)}
:root[data-theme="dark"] .iv-ai-btn{color:var(--ms-fg-secondary)}
:root[data-theme="dark"] .iv-ai-btn:hover{color:var(--ms-fg)}
:root[data-theme="dark"] .iv-dropdown-trigger{border-color:var(--ms-border);background:var(--ms-card-surface)}
:root[data-theme="dark"] .iv-dropdown-trigger:hover{border-color:var(--ms-border-strong)}
:root[data-theme="dark"] .iv-dropdown.open .iv-dropdown-trigger{border-color:var(--ms-border-strong);box-shadow:0 0 0 4px rgba(255,255,255,.06)}
:root[data-theme="dark"] .iv-dropdown-label{color:var(--ms-fg-secondary)}
:root[data-theme="dark"] .iv-dropdown-label.has-value{color:var(--ms-fg)}
:root[data-theme="dark"] .iv-dropdown-arrow{fill:var(--ms-fg-secondary)}
:root[data-theme="dark"] .iv-dropdown-menu{background:var(--ms-card-surface);border-color:var(--ms-border-strong);box-shadow:0 8px 24px rgba(0,0,0,.5)}
:root[data-theme="dark"] .iv-dropdown-item{color:var(--ms-fg)}
:root[data-theme="dark"] .iv-dropdown-item:hover{background:var(--ms-chip-surface)}
:root[data-theme="dark"] .iv-dropdown-item.selected{background:var(--ms-chip-surface)}
:root[data-theme="dark"] .iv-dropdown-item.selected::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960' fill='%23F5F5F5'%3E%3Cpath d='M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z'/%3E%3C/svg%3E")}
:root[data-theme="dark"] .iv-optional{color:var(--ms-fg-muted)}
:root[data-theme="dark"] .iv-success-uid-label{color:var(--ms-fg-secondary)}
:root[data-theme="dark"] .iv-success-uid-value{color:var(--ms-fg)}
:root[data-theme="dark"] .iv-ilanlarim-link{color:var(--ms-fg-secondary)}

/* ===== kiralik-asansor.php DARK ===== */
:root[data-theme="dark"] .tf-title{color:var(--ms-fg)}
:root[data-theme="dark"] .tf-subtitle{color:var(--ms-fg-secondary)}
:root[data-theme="dark"] .tf-section-title{color:var(--ms-fg)}
:root[data-theme="dark"] .tf-progress-bar{background:var(--ms-chip-surface)}
:root[data-theme="dark"] .tf-progress-bar.active{background:var(--ms-fg)}
:root[data-theme="dark"] .tf-step-label{color:var(--ms-fg-secondary)}
:root[data-theme="dark"] .tf-select{border-color:var(--ms-border);color:var(--ms-fg);background-color:var(--ms-card-surface)}
:root[data-theme="dark"] .tf-select:focus{border-color:var(--ms-border-strong)}
:root[data-theme="dark"] .tf-select option[value=""]{color:var(--ms-fg-muted)}
:root[data-theme="dark"] .tf-dd-trigger{border-color:var(--ms-border);background:var(--ms-card-surface);color:var(--ms-fg)}
:root[data-theme="dark"] .tf-dd.open .tf-dd-trigger,:root[data-theme="dark"] .tf-dd-trigger:focus-visible{border-color:var(--ms-border-strong)}
:root[data-theme="dark"] .tf-dd-trigger:disabled{background:var(--ms-chip-surface);color:var(--ms-fg-muted)}
:root[data-theme="dark"] .tf-dd-val.is-placeholder{color:var(--ms-fg-muted)}
:root[data-theme="dark"] .tf-dd-chev{color:var(--ms-fg-secondary)}
:root[data-theme="dark"] .tf-dd-pop{background:var(--ms-card-surface);border-color:var(--ms-border);box-shadow:0 12px 32px rgba(0,0,0,.5)}
:root[data-theme="dark"] .tf-dd-sep{background:var(--ms-border)}
:root[data-theme="dark"] .tf-dd-opt{color:var(--ms-fg)}
:root[data-theme="dark"] .tf-dd-opt:hover,:root[data-theme="dark"] .tf-dd-opt.active{background:var(--ms-chip-surface)}
:root[data-theme="dark"] .ka-spin{border-color:var(--ms-chip-surface);border-top-color:var(--ms-yellow)}
:root[data-theme="dark"] .ka-katchip{border-color:var(--ms-border);color:var(--ms-fg)}
:root[data-theme="dark"] .ka-katchip:hover{border-color:var(--ms-border-strong)}
:root[data-theme="dark"] .ka-katchip.selected{border-color:#10b981;background:rgba(16,185,129,.12);color:#34d399}
:root[data-theme="dark"] .tf-textarea{border-color:var(--ms-border);color:var(--ms-fg);background:var(--ms-card-surface)}
:root[data-theme="dark"] .tf-textarea:focus{border-color:var(--ms-border-strong)}
:root[data-theme="dark"] .tf-textarea::placeholder{color:var(--ms-fg-muted)}
:root[data-theme="dark"] .tf-photo-upload{border-color:var(--ms-border);color:var(--ms-fg-muted);background:var(--ms-chip-surface)}
:root[data-theme="dark"] .tf-photo-upload:hover{border-color:var(--ms-border-strong);color:var(--ms-fg);background:var(--ms-chip-surface)}
:root[data-theme="dark"] .tf-photo-upload.done{border-color:#10b981;color:#34d399;background:rgba(16,185,129,.12)}
:root[data-theme="dark"] .tf-photo-upload small{color:var(--ms-fg-muted)}
:root[data-theme="dark"] .tf-btn-primary{background:var(--ms-yellow);color:#0f1111}
:root[data-theme="dark"] .tf-btn-primary:disabled{background:var(--ms-chip-surface);color:var(--ms-fg-muted)}
:root[data-theme="dark"] .ka-choice{background:var(--ms-card-surface);border-color:var(--ms-border)}
:root[data-theme="dark"] .ka-choice:hover{border-color:var(--ms-border-strong)}
:root[data-theme="dark"] .ka-choice.sel{border-color:var(--ms-yellow);background:rgba(255,202,0,.08)}
:root[data-theme="dark"] .ka-choice-t{color:var(--ms-fg)}
:root[data-theme="dark"] .ka-radio{border-color:var(--ms-border-strong)}
:root[data-theme="dark"] .ka-choice.sel .ka-radio{border-color:var(--ms-yellow)}
:root[data-theme="dark"] .ka-choice.sel .ka-radio::after{background:var(--ms-yellow)}
:root[data-theme="dark"] .tf-btn-back{background:var(--ms-chip-surface);color:var(--ms-fg)}
:root[data-theme="dark"] .tf-btn-back:hover{background:var(--ms-border)}
:root[data-theme="dark"] .tf-btn-back svg{fill:var(--ms-fg)}
:root[data-theme="dark"] .tf-spinner{border-color:var(--ms-fg);border-top-color:transparent}
:root[data-theme="dark"] .ka-note{background:var(--ms-chip-surface);border-color:var(--ms-border);color:var(--ms-fg-secondary)}
:root[data-theme="dark"] .ka-card{border-color:var(--ms-border);background:var(--ms-card-surface)}
:root[data-theme="dark"] .ka-card-title{color:var(--ms-fg)}
:root[data-theme="dark"] .ka-matrix th{color:var(--ms-fg-secondary)}
:root[data-theme="dark"] .ka-matrix td.lbl{color:var(--ms-fg)}
:root[data-theme="dark"] .ka-cell{border-color:var(--ms-border);color:var(--ms-fg);background:var(--ms-card-surface)}
:root[data-theme="dark"] .ka-cell:focus{border-color:var(--ms-border-strong)}
:root[data-theme="dark"] .ka-tl{color:var(--ms-fg-secondary)}
:root[data-theme="dark"] .ka-reject{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.4)}
:root[data-theme="dark"] .ka-reject-title{color:#fca5a5}
:root[data-theme="dark"] .ka-reject-note{color:#f3c7c7}
:root[data-theme="dark"] .ka-reject-foot{color:#fca5a5}
:root[data-theme="dark"] .ka-sum{border-color:var(--ms-border)}
:root[data-theme="dark"] .ka-sum-row{border-bottom-color:var(--ms-border)}
:root[data-theme="dark"] .ka-sum-row .k{color:var(--ms-fg-secondary)}
:root[data-theme="dark"] .ka-sum-row .v{color:var(--ms-fg)}

/* ===== nakliyat-fiyatlari.php DARK ===== */
/* ===== nakliyat-fiyatlari.php dark-mode overrides ===== */
/* Page is heavily tokenized with var(--ms-*, fallback); those auto-flip via defter-dark.css.
   Only the hardcoded literals / token-misuse cases below need explicit overrides. */

/* Yellow icon badge: --ms-fg flips to light (#F5F5F5) but sits on yellow bg → force dark glyph */
:root[data-theme="dark"] .nf-factor-icon svg{fill:#0f1111}

/* Yellow CTA button: text + svg use --ms-fg which flips light on yellow bg → force dark */
:root[data-theme="dark"] .nf-cta,
:root[data-theme="dark"] .nf-cta:hover{color:#0f1111}
:root[data-theme="dark"] .nf-cta svg{fill:#0f1111}

/* FAQ chevron data-URI has baked fill='%230f1111' (dark) → invisible on dark; swap to light-fill icon */
:root[data-theme="dark"] .nf-faq summary::after{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960' fill='%23F5F5F5'><path d='M480-344 240-584l56-56 184 184 184-184 56 56-240 240Z'/></svg>")}

/* Factor card hover shadow is near-invisible on dark; lift border instead */
:root[data-theme="dark"] .nf-factor:hover{box-shadow:0 2px 8px rgba(0,0,0,.35)}

/* ===== sehirler.php DARK ===== */
:root[data-theme="dark"]{--dc-border:var(--ms-border);}

/* Hero */
:root[data-theme="dark"] .yn-hero h1{color:var(--ms-fg);}
:root[data-theme="dark"] .yn-hero .sub{color:var(--ms-fg-secondary);}
:root[data-theme="dark"] .yn-hero .count{color:var(--ms-fg);}

/* Toolbar */
:root[data-theme="dark"] .yn-count-label{color:var(--ms-fg-secondary);}
:root[data-theme="dark"] .yn-count-label b{color:var(--ms-fg);}
:root[data-theme="dark"] .yn-view-toggle{background:var(--ms-chip-surface);}
:root[data-theme="dark"] .yn-view-btn{color:var(--ms-fg-muted);}
:root[data-theme="dark"] .yn-view-btn.active{background:var(--ms-card-surface);color:var(--ms-fg);box-shadow:0 1px 3px rgba(0,0,0,.4);}
:root[data-theme="dark"] .yn-view-btn:hover{color:var(--ms-fg);}

/* Card */
:root[data-theme="dark"] .yn-card{background:var(--ms-card-surface);border-color:var(--ms-border);}
:root[data-theme="dark"] a.yn-card:hover{border-color:var(--ms-yellow);box-shadow:0 4px 14px rgba(0,0,0,.5);}
:root[data-theme="dark"] .yn-card-name{color:var(--ms-fg);}
:root[data-theme="dark"] .yn-card-badge{color:var(--ms-fg-secondary);}
:root[data-theme="dark"] .yn-card-loc{color:var(--ms-fg-muted);}

/* Load more */
:root[data-theme="dark"] .yn-loadmore{background:var(--ms-card-surface);border-color:var(--ms-border);color:var(--ms-fg);}
:root[data-theme="dark"] .yn-loadmore:hover{background:var(--ms-chip-surface);border-color:var(--ms-border-strong);}

/* District chips */
:root[data-theme="dark"] .yn-chip{background:var(--ms-chip-surface);border-color:var(--ms-border);color:var(--ms-fg-secondary);}
:root[data-theme="dark"] .yn-chip b{color:var(--ms-fg);}
:root[data-theme="dark"] .yn-chip-count{color:var(--ms-fg-muted);}

/* SEO intro */
:root[data-theme="dark"] .yn-intro{background:var(--ms-card-surface);border-color:var(--ms-border);color:var(--ms-fg-secondary);}
:root[data-theme="dark"] .yn-intro.collapsed::after{background:linear-gradient(to bottom,rgba(20,20,20,0) 0%,rgba(20,20,20,.9) 55%,rgba(20,20,20,1) 100%);}
:root[data-theme="dark"] .yn-intro-toggle:hover{background:rgba(30,136,229,.14);color:#90caf9;}

/* FAQ */
:root[data-theme="dark"] .yn-faq{border-top-color:var(--ms-border);}
:root[data-theme="dark"] .yn-faq h2{color:var(--ms-fg);}
:root[data-theme="dark"] .yn-faq-item{border-bottom-color:var(--ms-border);}
:root[data-theme="dark"] .yn-faq-q{color:var(--ms-fg);}
:root[data-theme="dark"] .yn-faq-q .material-symbols-rounded{color:var(--ms-fg-muted);}
:root[data-theme="dark"] .yn-faq-a{color:var(--ms-fg-secondary);}

/* Empty state */
:root[data-theme="dark"] .yn-empty{color:var(--ms-fg-muted);}
:root[data-theme="dark"] .yn-empty .material-symbols-rounded{color:var(--ms-border);}
:root[data-theme="dark"] .yn-empty h3{color:var(--ms-fg-secondary);}

/* "Diğer firmalar" section header — inline styles, need !important to win */
:root[data-theme="dark"] .yn-section-h{border-bottom-color:var(--ms-border)!important;}
:root[data-theme="dark"] .yn-section-h h2{color:var(--ms-fg)!important;}
:root[data-theme="dark"] .yn-section-h p{color:var(--ms-fg-secondary)!important;}

/* ===== hesap-silme.php DARK ===== */
/* ===== hesap-silme — dark mode overrides ===== */
/* This page is already fully tokenized with var(--ms-*) (hardcoded values
   appear only as var() fallbacks, which are unused once the dark palette
   defines the tokens). So all surfaces/text/borders auto-flip. The only
   fixes needed are: keep DARK text on the brand-yellow badge/button (their
   text uses var(--ms-fg) which would otherwise flip to near-white on yellow),
   and soften the black hover shadow. Brand yellow bg + blue link are KEPT. */

/* Yellow step-number badge: text must stay dark on yellow (not flip to #F5F5F5) */
:root[data-theme="dark"] .hs-step::before{color:#0f1111}

/* Yellow CTA button: dark text + dark icon on yellow (auto-flip would whiten both) */
:root[data-theme="dark"] .hs-cta,
:root[data-theme="dark"] .hs-cta:hover,
:root[data-theme="dark"] .hs-cta:active{color:#0f1111}
:root[data-theme="dark"] .hs-cta svg{fill:#0f1111}

/* Card hover shadow: black @ .04 is invisible/wrong on dark — use a deeper, darker shadow */
:root[data-theme="dark"] .hs-step:hover{box-shadow:0 2px 8px rgba(0,0,0,.35)}

/* ===== uyelik-islemleri.php DARK ===== */
:root[data-theme="dark"]{
  --bg:var(--ms-bg);
  --bg2:var(--ms-chip-surface);
  --card:var(--ms-card-surface);
  --t1:var(--ms-fg);
  --t2:var(--ms-fg-secondary);
  --t3:var(--ms-fg-muted);
  --border:var(--ms-border);
}
:root[data-theme="dark"] .v-bar{background-color:var(--ms-card-surface);border-bottom:1px solid var(--ms-border)}
:root[data-theme="dark"] .k-field input,
:root[data-theme="dark"] .k-field select,
:root[data-theme="dark"] .k-field textarea{background:var(--ms-card-surface);color:var(--ms-fg);border-color:var(--ms-border)}
:root[data-theme="dark"] .k-field input::placeholder,
:root[data-theme="dark"] .k-field textarea::placeholder{color:var(--ms-fg-muted)}
:root[data-theme="dark"] .k-field input:disabled,
:root[data-theme="dark"] .k-field select:disabled{background:var(--ms-chip-surface);color:var(--ms-fg-muted)}
:root[data-theme="dark"] .k-field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath fill='%239A9A9E' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E")}
:root[data-theme="dark"] .k-list-btn{border-color:var(--ms-border)}
:root[data-theme="dark"] .k-list-btn:hover{border-color:var(--ms-border-strong);color:var(--ms-fg)}
:root[data-theme="dark"] .k-back:hover{border-color:var(--ms-border-strong);color:var(--ms-fg)}
:root[data-theme="dark"] .k-avatar{background:var(--ms-chip-surface);border-color:var(--ms-border)}
:root[data-theme="dark"] .k-avatar-fallback{background:linear-gradient(135deg,var(--ms-chip-surface),var(--ms-card-surface))}
:root[data-theme="dark"] .k-avatar-fallback svg{fill:var(--ms-fg-muted)}
:root[data-theme="dark"] .k-avatar-btn{border-color:var(--ms-card-surface)}
:root[data-theme="dark"] .k-avatar-spinner{background:rgba(20,20,20,.6)}
:root[data-theme="dark"] .k-btn-primary{background:var(--ms-yellow);color:#0f1111}
:root[data-theme="dark"] .k-btn-primary:hover{background:#e0b400}
:root[data-theme="dark"] .k-doc{background:var(--ms-card-surface);border-color:var(--ms-border)}
:root[data-theme="dark"] .k-doc:hover{border-color:var(--ms-border-strong)}
:root[data-theme="dark"] .k-badge{background:var(--ms-card-surface);border-color:var(--ms-border)}
:root[data-theme="dark"] .k-badge.pending{color:#fb923c;border-color:rgba(249,115,22,.3);background:rgba(249,115,22,.12)}
:root[data-theme="dark"] .k-badge.approved,
:root[data-theme="dark"] .k-badge.uploaded{color:#4ade80;border-color:rgba(22,163,74,.3);background:rgba(22,163,74,.12)}
:root[data-theme="dark"] .k-badge.rejected{color:#f87171;border-color:rgba(215,0,47,.3);background:rgba(215,0,47,.12)}
:root[data-theme="dark"] .k-change-btn{background:var(--ms-card-surface);border-color:var(--ms-border);color:var(--ms-fg-secondary)}
:root[data-theme="dark"] .k-change-btn:hover{border-color:var(--ms-border-strong);color:var(--ms-fg)}
:root[data-theme="dark"] .k-reject{background:var(--ms-card-surface)}
:root[data-theme="dark"] .k-reject-item-note{color:var(--ms-fg-secondary)}
:root[data-theme="dark"] .k-info{background:rgba(16,185,129,.12);border-color:rgba(16,185,129,.3);color:#34d399}
:root[data-theme="dark"] .k-info svg{fill:#34d399}
:root[data-theme="dark"] .k-map{border-color:var(--ms-border)}
:root[data-theme="dark"] .k-addr-input{background:var(--ms-card-surface);border-color:var(--ms-border);color:var(--ms-fg)}
:root[data-theme="dark"] .k-addr-input::placeholder{color:var(--ms-fg-muted)}
:root[data-theme="dark"] .k-suggestions{background:var(--ms-card-surface);border-color:var(--ms-border)}
:root[data-theme="dark"] .k-suggestions li{color:var(--ms-fg);border-bottom-color:var(--ms-border)}
:root[data-theme="dark"] .k-suggestions li:hover{background:var(--ms-chip-surface)}
:root[data-theme="dark"] .k-suggestions li small{color:var(--ms-fg-muted)}
:root[data-theme="dark"] .k-dialog{background:var(--ms-card-surface)}
:root[data-theme="dark"] .k-dialog h3{color:var(--ms-fg)}
:root[data-theme="dark"] .k-dialog p{color:var(--ms-fg-secondary)}
:root[data-theme="dark"] body.k-readonly .k-field input,
:root[data-theme="dark"] body.k-readonly .k-field select,
:root[data-theme="dark"] body.k-readonly .k-field textarea,
:root[data-theme="dark"] body.k-readonly .k-addr-input,
:root[data-theme="dark"] body.k-readonly input.k-search{background:var(--ms-chip-surface) !important}
:root[data-theme="dark"] .k-readonly-banner{background:rgba(22,163,74,.12);border-color:rgba(22,163,74,.3);color:#86efac}
:root[data-theme="dark"] .k-readonly-banner svg{fill:#4ade80}
:root[data-theme="dark"] .k-readonly-banner b{color:#bbf7d0}

/* ===== giris.php DARK ===== */
/* ===== /giris dark-mode overrides (uses --ms-* tokens; page loads yeni-all.css only) ===== */
:root[data-theme="dark"] .tf-title{color:var(--ms-fg)}
:root[data-theme="dark"] .tf-subtitle{color:var(--ms-fg-secondary)}

/* progress bars */
:root[data-theme="dark"] .tf-progress-bar{background:var(--ms-chip-surface)}
:root[data-theme="dark"] .tf-progress-bar.active{background:var(--ms-yellow)}

/* primary button: keep yellow bg + dark text (brand accent) */
:root[data-theme="dark"] .tf-btn-primary{color:#0f1111}
:root[data-theme="dark"] .tf-btn-primary:hover{color:#0f1111}
:root[data-theme="dark"] .tf-btn-primary:disabled{background:var(--ms-chip-surface);color:var(--ms-fg-muted)}
:root[data-theme="dark"] .tf-btn-primary.loading::after{border-color:#0f1111;border-top-color:transparent}

/* back button (gray pill) */
:root[data-theme="dark"] .tf-btn-back{background:var(--ms-chip-surface);color:var(--ms-fg)}
:root[data-theme="dark"] .tf-btn-back:hover{background:var(--ms-border)}
:root[data-theme="dark"] .tf-btn-back svg{fill:var(--ms-fg)}

/* link button */
:root[data-theme="dark"] .tf-btn-link{color:var(--ms-fg)}

/* phone input group */
:root[data-theme="dark"] .tf-phone-wrap{border-color:var(--ms-border);background:var(--ms-card-surface)}
:root[data-theme="dark"] .tf-phone-wrap:focus-within{border-color:var(--ms-yellow);box-shadow:0 0 0 4px rgba(255,202,0,.10)}
:root[data-theme="dark"] .tf-phone-pre{color:var(--ms-fg-secondary)}
:root[data-theme="dark"] .tf-phone-sep{background:var(--ms-border-strong)}
:root[data-theme="dark"] .tf-phone-input{color:var(--ms-fg)}
:root[data-theme="dark"] .tf-phone-input::placeholder{color:var(--ms-fg-muted)}

/* OTP inputs */
:root[data-theme="dark"] .otp-input{border-color:var(--ms-border);background:var(--ms-card-surface);color:var(--ms-fg)}
:root[data-theme="dark"] .otp-input:focus{border-color:var(--ms-yellow);box-shadow:0 0 0 4px rgba(255,202,0,.12)}
:root[data-theme="dark"] .otp-timer{color:var(--ms-fg-secondary)}
:root[data-theme="dark"] .otp-resend{color:var(--ms-fg)}
:root[data-theme="dark"] .otp-resend.disabled{color:var(--ms-fg-muted)}

/* password input group */
:root[data-theme="dark"] .tf-pass-wrap{border-color:var(--ms-border);background:var(--ms-card-surface)}
:root[data-theme="dark"] .tf-pass-wrap:focus-within{border-color:var(--ms-yellow);box-shadow:0 0 0 4px rgba(255,202,0,.10)}
:root[data-theme="dark"] .tf-pass-input{color:var(--ms-fg)}
:root[data-theme="dark"] .tf-pass-input::placeholder{color:var(--ms-fg-muted)}
:root[data-theme="dark"] .tf-pass-toggle{color:var(--ms-fg-secondary)}
:root[data-theme="dark"] .tf-pass-toggle:hover{color:var(--ms-fg)}

/* forgot-password link */
:root[data-theme="dark"] .tf-forgot-link{color:var(--ms-fg-secondary)}
:root[data-theme="dark"] .tf-forgot-link:hover{color:var(--ms-fg)}

/* inline-styled hint + otp phone display (style="" attrs need !important) */
:root[data-theme="dark"] #step-phone div[style*="#9ca3af"]{color:var(--ms-fg-muted) !important}
:root[data-theme="dark"] #step-otp p[style*="#6b7280"]{color:var(--ms-fg-secondary) !important}
:root[data-theme="dark"] #otp-phone-display[style*="#0f1111"]{color:var(--ms-fg) !important}

/* ===== uyeol.php DARK ===== */
/* ===== uyeol.php dark-mode overrides (uses var(--ms-*) only; page has no components.css) ===== */

/* Title / subtitle / headings */
:root[data-theme="dark"] .tf-title{color:var(--ms-fg)}
:root[data-theme="dark"] .tf-subtitle{color:var(--ms-fg-secondary)}
:root[data-theme="dark"] .tf-section-title{color:var(--ms-fg)}
:root[data-theme="dark"] .tf-field-label{color:var(--ms-fg)}

/* Progress bars */
:root[data-theme="dark"] .tf-progress-bar{background:var(--ms-chip-surface)}
:root[data-theme="dark"] .tf-progress-bar.active{background:var(--ms-fg)}

/* Primary button: keep yellow bg, dark text on it */
:root[data-theme="dark"] .tf-btn-primary{background:var(--ms-yellow);color:#0f1111}
:root[data-theme="dark"] .tf-btn-primary:hover{background:#e0b400;color:#0f1111}
:root[data-theme="dark"] .tf-btn-primary:disabled{background:var(--ms-chip-surface);color:var(--ms-fg-muted);box-shadow:none}

/* Back button (was light gray pill) */
:root[data-theme="dark"] .tf-btn-back{background:var(--ms-chip-surface);color:var(--ms-fg)}
:root[data-theme="dark"] .tf-btn-back:hover{background:var(--ms-border)}
:root[data-theme="dark"] .tf-btn-back svg{fill:var(--ms-fg)}

/* Link button */
:root[data-theme="dark"] .tf-btn-link{color:var(--ms-fg)}

/* Selection cards */
:root[data-theme="dark"] .tf-card{background:var(--ms-card-surface);border-color:var(--ms-border)}
:root[data-theme="dark"] .tf-card:hover{border-color:var(--ms-border-strong);box-shadow:0 4px 12px rgba(0,0,0,.4)}
:root[data-theme="dark"] .tf-card.selected{border-color:var(--ms-fg);background:var(--ms-card-surface);box-shadow:0 0 0 1px var(--ms-fg) inset,0 4px 12px rgba(0,0,0,.4)}
:root[data-theme="dark"] .tf-card-title{color:var(--ms-fg)}
:root[data-theme="dark"] .tf-card-sub{color:var(--ms-fg-secondary)}
:root[data-theme="dark"] .tf-card-check{border-color:var(--ms-border)}
:root[data-theme="dark"] .tf-card.selected .tf-card-check{background:var(--ms-fg);border-color:var(--ms-fg)}
/* selected check tick data-URI is white (%23fff) over the now-light var(--ms-fg) circle — leave white */

/* Text inputs */
:root[data-theme="dark"] .tf-input{background:var(--ms-card-surface);color:var(--ms-fg);border-color:var(--ms-border)}
:root[data-theme="dark"] .tf-input:hover{border-color:var(--ms-border-strong)}
:root[data-theme="dark"] .tf-input:focus{border-color:var(--ms-fg);box-shadow:0 0 0 4px rgba(245,245,245,.08)}
:root[data-theme="dark"] .tf-input::placeholder{color:var(--ms-fg-muted)}
:root[data-theme="dark"] .tf-input:disabled{background:var(--ms-chip-surface);color:var(--ms-fg-muted)}
:root[data-theme="dark"] .tf-input[readonly]{background:var(--ms-card-surface)}

/* Floating label */
:root[data-theme="dark"] .tf-float-label{color:var(--ms-fg-muted);background:var(--ms-card-surface)}
:root[data-theme="dark"] .tf-float .tf-input:focus ~ .tf-float-label,
:root[data-theme="dark"] .tf-float .tf-input:not(:placeholder-shown) ~ .tf-float-label,
:root[data-theme="dark"] .tf-float.tf-float-active .tf-float-label{color:var(--ms-fg)}
:root[data-theme="dark"] .tf-float-helper{color:var(--ms-fg-muted)}

/* Autofill */
:root[data-theme="dark"] .tf-input:-webkit-autofill,
:root[data-theme="dark"] .tf-input:-webkit-autofill:hover,
:root[data-theme="dark"] .tf-input:-webkit-autofill:focus,
:root[data-theme="dark"] .tf-input:-webkit-autofill:active{-webkit-text-fill-color:var(--ms-fg)!important;-webkit-box-shadow:0 0 0 1000px var(--ms-card-surface) inset!important;box-shadow:0 0 0 1000px var(--ms-card-surface) inset!important;border:1px solid var(--ms-border)!important}
:root[data-theme="dark"] .tf-input:-webkit-autofill:focus{border:1px solid var(--ms-fg)!important}

/* Phone input group */
:root[data-theme="dark"] .tf-phone-wrap{border-color:var(--ms-border);background:var(--ms-card-surface)}
:root[data-theme="dark"] .tf-phone-wrap:focus-within{border-color:var(--ms-fg)}
:root[data-theme="dark"] .tf-phone-pre{color:var(--ms-fg-secondary)}
:root[data-theme="dark"] .tf-phone-sep{background:var(--ms-border)}
:root[data-theme="dark"] .tf-phone-input{color:var(--ms-fg)}
:root[data-theme="dark"] .tf-phone-input::placeholder{color:var(--ms-fg-muted)}

/* OTP */
:root[data-theme="dark"] .otp-input{border-color:var(--ms-border);color:var(--ms-fg);background:var(--ms-card-surface)}
:root[data-theme="dark"] .otp-input:focus{border-color:var(--ms-fg);box-shadow:0 0 0 4px rgba(245,245,245,.10)}
:root[data-theme="dark"] .otp-timer{color:var(--ms-fg-secondary)}
:root[data-theme="dark"] .otp-resend{color:var(--ms-fg)}
:root[data-theme="dark"] .otp-resend.disabled{color:var(--ms-fg-muted)}
:root[data-theme="dark"] #otp-phone-display{color:var(--ms-fg)}

/* Snackbar — already dark surface; keep elevated dark + white text/strokes */
:root[data-theme="dark"] .tf-snackbar{background:var(--ms-chip-surface);color:var(--ms-fg)}
:root[data-theme="dark"] .tf-snackbar.tf-snack-error,
:root[data-theme="dark"] .tf-snackbar.tf-snack-success,
:root[data-theme="dark"] .tf-snackbar.tf-snack-warn,
:root[data-theme="dark"] .tf-snackbar.tf-snack-info{background:var(--ms-chip-surface);color:var(--ms-fg)}

/* Avatar */
:root[data-theme="dark"] .avatar-circle{background:var(--ms-chip-surface);border-color:var(--ms-border)}
:root[data-theme="dark"] .avatar-circle svg{fill:var(--ms-fg-muted)}
:root[data-theme="dark"] .avatar-edit-btn{background:var(--ms-fg);border-color:var(--ms-bg)}
:root[data-theme="dark"] .avatar-edit-btn svg{fill:var(--ms-bg)}
:root[data-theme="dark"] .avatar-label{color:var(--ms-fg-secondary)}

/* Owner-note info box (inline-styled in markup) */
:root[data-theme="dark"] #field-owner-note{background:var(--ms-chip-surface)!important;border-color:var(--ms-border)!important;color:var(--ms-fg-secondary)!important}
:root[data-theme="dark"] #field-owner-note svg{fill:var(--ms-fg-muted)!important}

/* Address / map */
:root[data-theme="dark"] #gmp-map{border-color:var(--ms-border)}
:root[data-theme="dark"] #addr-input{border-color:var(--ms-border);background:var(--ms-card-surface);color:var(--ms-fg)}
:root[data-theme="dark"] #addr-input:focus{border-color:var(--ms-fg)}
:root[data-theme="dark"] #addr-input::placeholder{color:var(--ms-fg-muted)}
:root[data-theme="dark"] .addr-suggestions{background:var(--ms-card-surface);border-color:var(--ms-border)}
:root[data-theme="dark"] .addr-suggestions li{color:var(--ms-fg);border-bottom-color:var(--ms-border)}
:root[data-theme="dark"] .addr-suggestions li:hover,
:root[data-theme="dark"] .addr-suggestions li.active{background:var(--ms-chip-surface)}
:root[data-theme="dark"] .addr-suggestions li small{color:var(--ms-fg-muted)}
:root[data-theme="dark"] .addr-confirmed{background:rgba(16,185,129,.12);border-color:rgba(16,185,129,.3);color:#34D399}
:root[data-theme="dark"] .addr-confirmed svg{fill:#34D399}

/* Document cards */
:root[data-theme="dark"] .doc-card{background:var(--ms-card-surface);border-color:var(--ms-border)}
:root[data-theme="dark"] .doc-card .d-icon{background:var(--ms-chip-surface)}
:root[data-theme="dark"] .doc-card .d-icon svg{fill:var(--ms-fg-secondary)}
:root[data-theme="dark"] .doc-card .d-title{color:var(--ms-fg)}
:root[data-theme="dark"] .doc-card .d-desc{color:var(--ms-fg-secondary)}
:root[data-theme="dark"] .doc-card .d-btn.empty{background:var(--ms-fg);color:var(--ms-bg)}
:root[data-theme="dark"] .doc-card .d-status{color:#34D399}
:root[data-theme="dark"] .doc-card .d-status svg{fill:#34D399}
:root[data-theme="dark"] .doc-card .d-change{color:var(--ms-fg-secondary)}

/* Upload progress */
:root[data-theme="dark"] .upload-progress .up-bar{background:var(--ms-chip-surface)}
:root[data-theme="dark"] .upload-progress .up-text{color:var(--ms-fg-secondary)}

/* Success state */
:root[data-theme="dark"] .tf-success-title{color:var(--ms-fg)}
:root[data-theme="dark"] .tf-success-desc{color:var(--ms-fg-secondary)}
:root[data-theme="dark"] .tf-success-redirect{color:var(--ms-fg-muted)}

/* ===== sifremi-unuttum.php DARK ===== */
:root[data-theme="dark"] .tf-title{color:var(--ms-fg)}
:root[data-theme="dark"] .tf-subtitle{color:var(--ms-fg-secondary)}
:root[data-theme="dark"] .tf-progress-bar{background:var(--ms-border)}
:root[data-theme="dark"] .tf-progress-bar.active{background:var(--ms-fg)}
:root[data-theme="dark"] .tf-btn-primary:disabled{background:var(--ms-chip-surface);color:var(--ms-fg-muted)}
:root[data-theme="dark"] .tf-btn-back{background:var(--ms-chip-surface);color:var(--ms-fg)}
:root[data-theme="dark"] .tf-btn-back:hover{background:var(--ms-border)}
:root[data-theme="dark"] .tf-btn-back svg{fill:var(--ms-fg)}
:root[data-theme="dark"] .tf-btn-link{color:var(--ms-fg)}
:root[data-theme="dark"] .tf-phone-wrap{border-color:var(--ms-border);background:var(--ms-card-surface)}
:root[data-theme="dark"] .tf-phone-wrap:focus-within{border-color:var(--ms-border-strong);box-shadow:0 0 0 4px rgba(255,255,255,.06)}
:root[data-theme="dark"] .tf-phone-pre{color:var(--ms-fg-secondary)}
:root[data-theme="dark"] .tf-phone-sep{background:var(--ms-border)}
:root[data-theme="dark"] .tf-phone-input{color:var(--ms-fg)}
:root[data-theme="dark"] .tf-phone-input::placeholder{color:var(--ms-fg-muted)}
:root[data-theme="dark"] .otp-input{border-color:var(--ms-border);background:var(--ms-card-surface);color:var(--ms-fg)}
:root[data-theme="dark"] .otp-input:focus{border-color:var(--ms-border-strong);box-shadow:0 0 0 4px rgba(255,255,255,.08)}
:root[data-theme="dark"] .otp-timer{color:var(--ms-fg-secondary)}
:root[data-theme="dark"] .otp-resend{color:var(--ms-fg)}
:root[data-theme="dark"] .otp-resend.disabled{color:var(--ms-fg-muted)}
:root[data-theme="dark"] .tf-success-icon{background:rgba(16,185,129,.12)}
:root[data-theme="dark"] .tf-success-title{color:var(--ms-fg)}
:root[data-theme="dark"] .tf-success-desc{color:var(--ms-fg-secondary)}
:root[data-theme="dark"] .tf-snackbar,
:root[data-theme="dark"] .tf-snackbar.tf-snack-error,
:root[data-theme="dark"] .tf-snackbar.tf-snack-success,
:root[data-theme="dark"] .tf-snackbar.tf-snack-warn,
:root[data-theme="dark"] .tf-snackbar.tf-snack-info{background:var(--ms-card-surface);color:var(--ms-fg);border:1px solid var(--ms-border)}
:root[data-theme="dark"] .tf-snackbar a{color:var(--ms-fg)}
:root[data-theme="dark"] .checkmark,
:root[data-theme="dark"] .wmark{stroke:var(--ms-fg)}
:root[data-theme="dark"] .checkmark__circle,
:root[data-theme="dark"] .wmark__circle,
:root[data-theme="dark"] .checkmark__check,
:root[data-theme="dark"] .wmark__check{stroke:var(--ms-fg)}
:root[data-theme="dark"] #otp-phone-display{color:var(--ms-fg)!important}

/* ===== blog.php DARK ===== */
:root[data-theme="dark"] .HnDf{color:var(--ms-fg)}
:root[data-theme="dark"] a{color:var(--ms-fg)}
:root[data-theme="dark"] .breadcrumb{background-color:var(--ms-card-surface)}
:root[data-theme="dark"] .bl-rail-post{border-bottom-color:var(--ms-border)}
:root[data-theme="dark"] .bl-rail-post-title{color:var(--ms-fg)}
:root[data-theme="dark"] .bl-rail-post-date{color:var(--ms-fg-secondary)}
:root[data-theme="dark"] ::selection{background-color:rgba(37,99,235,.30);color:var(--ms-fg)}
:root[data-theme="dark"] body ::-webkit-scrollbar-track{background:rgba(255,255,255,.06)}
:root[data-theme="dark"] body ::-webkit-scrollbar-thumb{background:rgba(255,255,255,.20)}
:root[data-theme="dark"] body ::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.35)}

/* ===== firmam-base token remap (FIRMAM sayfalari: uyelik-yukselt/abonelik/odeme-yontemi-ekle) ===== */
:root[data-theme="dark"]{--primary-bg:var(--ms-bg);--secondary-bg:var(--ms-bg);--surface-card:var(--ms-card-surface);--text-primary:var(--ms-fg);--text-secondary:var(--ms-fg-secondary);--text-muted:var(--ms-fg-muted);--border-light:var(--ms-border);--border-main:var(--ms-border);--accent-green-light:rgba(22,163,74,.14);--accent-red-light:rgba(215,0,47,.14)}
/* firmam form inputs (literal beyaz) + gap-scan: tcv2-premium-cta white-on-yellow */
:root[data-theme="dark"] .fm-field input,:root[data-theme="dark"] .fm-field select,:root[data-theme="dark"] .fm-field textarea{background:var(--ms-card-surface);color:var(--ms-fg);border-color:var(--ms-border)}
:root[data-theme="dark"] .fm-field input::placeholder,:root[data-theme="dark"] .fm-field textarea::placeholder{color:var(--ms-fg-muted)}
:root[data-theme="dark"] .tcv2-premium-cta{color:#0f1111}
:root[data-theme="dark"] .tcv2-premium-cta svg{fill:#0f1111}

/* ===== uyelik-yukselt.php DARK ===== */
:root[data-theme="dark"]{--dc-fg:var(--ms-fg);--dc-border:var(--ms-border)}
:root[data-theme="dark"] .live-help-cta{background:var(--ms-card-surface);border-color:var(--ms-border);color:var(--ms-fg)}
:root[data-theme="dark"] .live-help-cta:hover{background:var(--ms-chip-surface);color:var(--ms-fg)}
:root[data-theme="dark"] .live-help-cta strong{color:var(--ms-fg)}
:root[data-theme="dark"] .info-box{background:rgba(33,150,243,.12);color:#90caf9}
:root[data-theme="dark"] .error-box{background:rgba(229,57,53,.12);color:#ef9a9a}
:root[data-theme="dark"] .success-box{background:rgba(67,160,71,.12);color:#a5d6a7}
:root[data-theme="dark"] .current-sub-box{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.32)}
:root[data-theme="dark"] .current-sub-box h3{color:#86efac}
:root[data-theme="dark"] .current-sub-box p{color:var(--ms-fg-secondary)}
:root[data-theme="dark"] .current-sub-box .btn-cancel{background:var(--ms-card-surface);border-color:rgba(220,38,38,.45);color:#f87171}
:root[data-theme="dark"] .current-sub-box .btn-cancel:hover{background:rgba(220,38,38,.18);border-color:#dc2626}
:root[data-theme="dark"] .current-sub-box .btn-card-update{background:var(--ms-card-surface);border-color:var(--ms-border);color:var(--ms-fg-secondary)}
:root[data-theme="dark"] .current-sub-box .btn-card-update:hover{background:var(--ms-chip-surface);border-color:var(--ms-fg-muted);color:var(--ms-fg)}
:root[data-theme="dark"] .btn-revert-scheduled{background:var(--ms-card-surface);border-color:#1565c0;color:#90caf9}
:root[data-theme="dark"] .btn-revert-scheduled:hover{background:rgba(21,101,192,.18)}
:root[data-theme="dark"] .iyz-addons-box{background:var(--ms-card-surface);border-color:var(--ms-border)}
:root[data-theme="dark"] .iyz-addons-title{color:var(--ms-fg-secondary)}
:root[data-theme="dark"] .iyz-addon-row{border-top-color:var(--ms-border)}
:root[data-theme="dark"] .iyz-addon-label{color:var(--ms-fg)}
:root[data-theme="dark"] .iyz-addon-price{color:var(--ms-fg-secondary)}
:root[data-theme="dark"] .iyz-addon-scheduled{color:#fbbf24}
:root[data-theme="dark"] .iyz-addon-btn-remove{background:var(--ms-card-surface);border-color:rgba(220,38,38,.45);color:#f87171}
:root[data-theme="dark"] .iyz-addon-btn-remove:hover{background:rgba(220,38,38,.18);border-color:#dc2626}
:root[data-theme="dark"] .package-card{background:var(--ms-card-surface);border-color:var(--ms-border)}
:root[data-theme="dark"] .intro-note{color:var(--ms-fg-secondary)}
:root[data-theme="dark"] .intro-note strong{color:var(--ms-fg)}
:root[data-theme="dark"] .btn-subscribe{background:var(--ms-chip-surface);color:var(--ms-fg)}
:root[data-theme="dark"] .info-section{background:var(--ms-card-surface);border-color:var(--ms-border)}
:root[data-theme="dark"] .slider{background-color:var(--ms-chip-surface)}
:root[data-theme="dark"] .iyz-modal{background:var(--ms-card-surface)}
:root[data-theme="dark"] .iyz-modal-title{color:var(--ms-fg)}
:root[data-theme="dark"] .iyz-modal-summary{color:var(--ms-fg-secondary)}
:root[data-theme="dark"] .iyz-modal-summary strong{color:var(--ms-fg)}
:root[data-theme="dark"] .iyz-close{color:var(--ms-fg-muted)}
:root[data-theme="dark"] .iyz-close:hover{color:var(--ms-fg)}
:root[data-theme="dark"] .iyz-loading{background:var(--ms-card-surface);color:var(--ms-fg-secondary)}
:root[data-theme="dark"] .iyz-spinner{border-color:var(--ms-border);border-top-color:#16a34a}
:root[data-theme="dark"] .iyz-secure-foot{border-top-color:var(--ms-border);color:var(--ms-fg-muted);background:var(--ms-chip-surface)}
:root[data-theme="dark"] #iyz-tab-credit-card{border-color:var(--ms-border)!important;color:var(--ms-fg)!important}
:root[data-theme="dark"] #iyz-tab-credit-card span{color:var(--ms-fg)!important}
:root[data-theme="dark"] .confirm-modal{background:var(--ms-card-surface)}
:root[data-theme="dark"] .confirm-modal h3{color:var(--ms-fg)}
:root[data-theme="dark"] .confirm-modal p{color:var(--ms-fg-secondary)}
:root[data-theme="dark"] .btn-c-cancel{background:var(--ms-chip-surface);color:var(--ms-fg)}
:root[data-theme="dark"] footer.footer{background:var(--ms-card-surface);color:var(--ms-fg-secondary);border-top-color:var(--ms-border)}
:root[data-theme="dark"] .footer-top{border-bottom-color:var(--ms-border)}
:root[data-theme="dark"] .footer-description{color:var(--ms-fg-secondary)}
:root[data-theme="dark"] .footer-column h3{color:var(--ms-fg)}
:root[data-theme="dark"] .footer-link{color:var(--ms-fg-secondary)}
:root[data-theme="dark"] .social-link{background:var(--ms-chip-surface);border-color:var(--ms-border);color:var(--ms-fg-secondary)}

/* ===== abonelik-islemleri.php DARK ===== */
:root[data-theme="dark"] .info-box{background:rgba(33,150,243,.12);color:#7Fb6f0}
:root[data-theme="dark"] .error-box{background:rgba(219,40,40,.12);color:#f08a8a}
:root[data-theme="dark"] .success-box{background:rgba(33,186,69,.12);color:#7fd49a}
:root[data-theme="dark"] .subscription-box{background:var(--ms-card-surface)}
:root[data-theme="dark"] .slider{background-color:var(--ms-chip-surface)}
:root[data-theme="dark"] .slider:before{background-color:var(--ms-fg)}
:root[data-theme="dark"] .package-card{background:var(--ms-card-surface)}
:root[data-theme="dark"] .price-original{color:var(--ms-fg-muted)}
:root[data-theme="dark"] .recurring-note{background:rgba(22,163,74,.12)}
:root[data-theme="dark"] .package-highlight{color:#0f1111}
:root[data-theme="dark"] .modal-content-custom{background:var(--ms-card-surface)}
:root[data-theme="dark"] .btn-modal-cancel:hover{background:var(--ms-chip-surface)}
:root[data-theme="dark"] .info-section{background:var(--ms-card-surface)}
:root[data-theme="dark"] .silver-trial-title{color:var(--ms-fg)}
:root[data-theme="dark"] .silver-trial-sub{color:var(--ms-fg-secondary)}

/* ===== odeme-yontemi-ekle.php DARK ===== */
:root[data-theme="dark"]{--dc-fg:var(--ms-fg)}
:root[data-theme="dark"] .info-box{background:rgba(33,150,243,.12);color:#7fb8f5}
:root[data-theme="dark"] .error-box{background:rgba(244,67,54,.12);color:#f0928c}
:root[data-theme="dark"] .success-box{background:rgba(76,175,80,.12);color:#7fc98a}
:root[data-theme="dark"] .card-section{background:var(--ms-card-surface)}
:root[data-theme="dark"] .fm-oy-current{background:var(--ms-chip-surface)}
:root[data-theme="dark"] .fm-oy-brand-box{background:var(--ms-chip-surface)}
:root[data-theme="dark"] .fm-oy-brand-text{color:var(--ms-fg-secondary)}
:root[data-theme="dark"] .fm-oy-card-active{color:#7fc98a;background:rgba(34,197,94,.16)}
:root[data-theme="dark"] .no-card{background:rgba(245,158,11,.12);border-color:#f59e0b;color:#e0b569}
:root[data-theme="dark"] .iyz-modal{background:var(--ms-card-surface)}
:root[data-theme="dark"] .iyz-modal-head{border-bottom-color:var(--ms-border)}
:root[data-theme="dark"] .iyz-modal-title{color:var(--ms-fg)}
:root[data-theme="dark"] .iyz-modal-summary{color:var(--ms-fg-secondary)}
:root[data-theme="dark"] .iyz-close{color:var(--ms-fg-secondary)}
:root[data-theme="dark"] .iyz-close:hover{background:var(--ms-chip-surface)}
:root[data-theme="dark"] .iyz-loading{background:var(--ms-card-surface);color:var(--ms-fg-secondary)}
:root[data-theme="dark"] .iyz-spinner{border-color:var(--ms-border);border-top-color:#16a34a}
:root[data-theme="dark"] .iyz-secure-foot{border-top-color:var(--ms-border);color:var(--ms-fg-muted);background:var(--ms-chip-surface)}
:root[data-theme="dark"] footer.footer{background:var(--ms-card-surface);color:var(--ms-fg);border-top-color:var(--ms-border)}
:root[data-theme="dark"] .footer-top{border-bottom-color:var(--ms-border)}
:root[data-theme="dark"] .footer-description{color:var(--ms-fg-secondary)}
:root[data-theme="dark"] .footer-column h3{color:var(--ms-fg)}
:root[data-theme="dark"] .footer-link{color:var(--ms-fg-secondary)}
:root[data-theme="dark"] .social-link{background:var(--ms-chip-surface);border-color:var(--ms-border);color:var(--ms-fg-secondary)}

/* ===== KOYU MOD toggle (desktop header + mobil drawer) — /defter/ ===== */
/* Ay/gunes ikon swap — tema'ya gore (light: ay goster=koyuya gec, dark: gunes) */
.np-theme-toggle svg{ width:22px; height:22px }
.np-theme-toggle .npt-moon{ display:block }
.np-theme-toggle .npt-sun{ display:none }
:root[data-theme="dark"] .np-theme-toggle .npt-moon{ display:none }
:root[data-theme="dark"] .np-theme-toggle .npt-sun{ display:block }

/* Desktop: Hesabim solunda hafif yuvarlak ikon buton */
.hy-top-d-right .np-theme-toggle{
  width:40px; height:40px; border-radius:var(--ms-radius-md,12px);
  display:inline-flex; align-items:center; justify-content:center;
  border:0; background:0 0; color:var(--ms-fg,#0f1111);
  cursor:pointer; flex-shrink:0; padding:0; transition:background .15s ease;
}
.hy-top-d-right .np-theme-toggle:hover{ background:var(--ms-chip-surface,#f5f5fa) }

/* Mobil drawer item (Ayarlar alti); desktop'ta header'da oldugu icin gizli */
.hy-drawer-nav .np-theme-toggle{ width:100%; background:0 0; border:0; cursor:pointer; text-align:left; font:inherit }
@media (min-width:641px){ .hy-drawer-nav .np-theme-toggle{ display:none } }
