/* ════════════════════════════════════════════════════════════
 * JIIN FİLDİŞİ KLASİK TEMASI — fildişi kâğıt + altın vurgu (eski, bombeli Fildişi)
 * themes-fildisi.css'in BİREBİR türevi: yalnız seçici anahtarı (fildisi→hardal) ve
 * bombe işaretçisinin adı değişir. test_hardal_tema.py bu türevi kilitler; bu dosya
 * ELLE düzenlenmez — kaynak değişirse aynı iki değişimle yeniden üretilir.
 * 18 Eyl 2026 (Betül): fildisi anahtarı mat temaya dönünce eski Fildişi bu yuvaya
 * alındı; hardal (mustard) paleti, fontları ve özel ana ekran bloğu kaldırıldı.
 * data-tema="hardal" ile aktif olur (anahtar, kayıtlı tema tercihleri için korundu).
 * ════════════════════════════════════════════════════════════ */

html[data-tema="hardal"] { background: #f7f2e7; }
html[data-tema="hardal"] body { background: #f7f2e7; }

#home-screen[data-tema="hardal"],
#home-screen.chatting[data-tema="hardal"],
#home-screen.dark-mode[data-tema="hardal"] {
  --c-bg: #f7f2e7;
  --c-bg-chat: #f7f2e7;
  --c-header-bg: #f7f2e7;
  --c-header-border: rgba(41,36,27,0.07);
  --c-input-bg: #fffdf8;
  --c-input-border: rgba(41,36,27,0.10);
  --c-input-focus: rgba(154,116,44,0.50);
  --c-input-text: #29241b;
  --c-placeholder: rgba(41,36,27,0.40);
  --c-title: #29241b;
  --c-back: rgba(41,36,27,0.70);
  --c-back-border: rgba(41,36,27,0.06);
  --c-back-hover: rgba(41,36,27,0.92);
  --c-send-bg: #29241b;
  --c-send-hover: #1c1710;
  --c-send-shadow: rgba(41,36,27,0.28);
  --c-bubble-ai-bg: transparent;
  --c-bubble-ai-border: transparent;
  --c-bubble-ai-text: #29241b;
  --c-bubble-user-bg: #ede2ca;            /* warm paper */
  --c-bubble-user-border: rgba(41,36,27,0.14);
  --c-bubble-user-text: #29241b;
  --c-time: rgba(41,36,27,0.32);
  --c-menu-bg: rgba(247,242,231,0.96);
  --c-menu-hover: rgba(237,226,202,0.6);
  --c-orb1: rgba(154,116,44,0.10);
  --c-orb2: rgba(154,116,44,0.06);
  --c-orb3: rgba(41,36,27,0.03);
  --c-spark: rgba(154,116,44,0.16);
  --c-scrollbar-track: rgba(237,226,202,0.4);
  --c-scrollbar-thumb: rgba(41,36,27,0.15);
  --c-typing-dot: rgba(41,36,27,0.30);
  --c-app-bg: rgba(255,253,248,0.7);
  --c-app-border: rgba(41,36,27,0.06);
  --c-app-hover-bg: rgba(255,253,248,0.9);
  --c-app-hover-border: rgba(154,116,44,0.50);
  --c-app-label: #29241b;
  --c-belge-bg: rgba(255,253,248,0.7);
  --c-belge-border: rgba(41,36,27,0.06);
  --c-belge-text: #29241b;
  --c-accent: #9a742c;
  --c-accent-rgb: 13,138,106;
  --c-home-orb1: rgba(154,116,44,0.18);
  --c-home-orb2: rgba(154,116,44,0.08);
  --chat-baslik: #29241b;
  --chat-vurgu: #29241b;
  --chat-metin: #29241b;
  --chat-muted: rgba(41,36,27,0.68);
  --chat-soft: rgba(41,36,27,0.42);
  --chat-em: rgba(41,36,27,0.75);
  --chat-marker: rgba(154,116,44,0.55);
  --chat-link: #9a742c;
  --chat-link-hover: #7a5b20;
  --chat-link-border: rgba(154,116,44,0.45);
  --chat-link-border-hover: #9a742c;
  --chat-inline-code-text: #B23B2C;
  --chat-inline-code-bg: #f1e9d6;
  --chat-inline-code-border: rgba(41,36,27,0.06);
  --chat-pre-text: #29241b;
  --chat-pre-bg: #e9dcc0;
  --chat-pre-border: rgba(41,36,27,0.20);
  --chat-quote-text: rgba(41,36,27,0.75);
  --chat-quote-bg: rgba(154,116,44,0.045);
  --chat-quote-border: #9a742c;
  --chat-table-border: rgba(41,36,27,0.08);
  --chat-table-head-bg: #f1e9d6;
  --chat-row-hover: rgba(154,116,44,0.045);
  --chat-rule: rgba(41,36,27,0.10);
  --chat-pill-text: rgba(41,36,27,0.72);
  --chat-pill-text-hover: #29241b;
  --chat-pill-bg: #fffdf8;
  --chat-pill-bg-hover: #f1e9d6;
  --chat-pill-border: rgba(41,36,27,0.12);
  --chat-pill-border-hover: rgba(154,116,44,0.35);
  --chat-callout-bg: rgba(154,116,44,0.035);
  --chat-callout-border: rgba(154,116,44,0.16);
  --chat-mark-bg: rgba(154,116,44,0.18);
  --chat-kbd-bg: #fffdf8;
  --chat-kbd-border: rgba(41,36,27,0.16);
}

/* ─── Paper Grain Atmosphere (subtle, editorial) ─── */
html[data-tema="hardal"] body::before {
  content: '';
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.10 0 0 0 0 0.10 0 0 0 0 0.10 0 0 0 0.5 0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)' opacity='0.45'/%3E%3C/svg%3E");
  background-size: 240px 240px;
  opacity: 0.55;
  mix-blend-mode: multiply;
}

#home-screen[data-tema="hardal"] .chat-mobile-menu-btn {
  background: #fffdf8;
  border-color: rgba(41,36,27,0.12);
  color: rgba(41,36,27,0.65);
}
#home-screen[data-tema="hardal"] .chat-mobile-menu-btn:hover {
  background: #f1e9d6;
  border-color: rgba(154,116,44,0.45);
  color: #29241b;
}

/* ─── Header (display: Fraunces italic, sharp) ─── */
#home-screen[data-tema="hardal"] .chat-header-title {
  color: #29241b;
  font-family: "Fraunces", "Iowan Old Style", Georgia, serif;
  font-weight: 500;
  font-style: italic;
  font-variation-settings: "opsz" 144, "SOFT" 30;
  letter-spacing: -0.01em;
}
#home-screen[data-tema="hardal"] .chat-brand-lumen {
  color: #29241b;
  font-family: 'Playfair Display', 'Iowan Old Style', Georgia, serif;
  font-weight: 900;
  font-style: normal;
  font-variation-settings: normal;
  letter-spacing: -0.025em;
}
#home-screen[data-tema="hardal"] .chat-header-title::before {
  background: #9a742c;
  box-shadow: 0 0 6px rgba(154,116,44,0.55);
}

#home-screen[data-tema="hardal"] .chat-back-btn {
  background: #fffdf8; color: rgba(41,36,27,0.70); border: 1px solid rgba(41,36,27,0.12);
}
#home-screen[data-tema="hardal"] .chat-back-btn:hover { background: #f1e9d6; color: #29241b; }

#home-screen[data-tema="hardal"] .notif-btn {
  background: #fffdf8; border-color: rgba(41,36,27,0.08); color: rgba(41,36,27,0.55);
}
#home-screen[data-tema="hardal"] .notif-btn:hover {
  border-color: rgba(154,116,44,0.45); color: #29241b;
}
#home-screen[data-tema="hardal"] .notif-badge { background: #9a742c; color: #f7f2e7; }

#home-screen[data-tema="hardal"] .chat-new-btn {
  background: #fffdf8; border-color: rgba(41,36,27,0.08); color: rgba(41,36,27,0.55);
}
#home-screen[data-tema="hardal"] .chat-new-btn:hover {
  border-color: rgba(154,116,44,0.45); color: #29241b;
}

#home-screen[data-tema="hardal"] .chat-panel-back-btn {
  background: #fffdf8; border-color: rgba(41,36,27,0.08); color: rgba(41,36,27,0.55);
}
#home-screen[data-tema="hardal"] .chat-panel-back-btn:hover {
  border-color: rgba(154,116,44,0.45); color: #29241b;
}

/* ─── İkon kutuları: fildişi'de AÇIK (8 Tem — beyaz'ın koyu kutuları Betül isteğiyle kreme çevrildi) ─── */
#home-screen[data-tema="hardal"] .chat-voice-call-btn {
  background: #fffdf8;
  border-color: rgba(41,36,27,0.12);
  color: rgba(41,36,27,0.65);
}
#home-screen[data-tema="hardal"] .chat-voice-call-btn:hover {
  background: #f1e9d6;
  border-color: rgba(154,116,44,0.45);
  color: #29241b;
}

#home-screen[data-tema="hardal"] .chat-menu-btn {
  background: #fffdf8;
  border: 1px solid rgba(41,36,27,0.12);
  color: rgba(41,36,27,0.65);
}
#home-screen[data-tema="hardal"] .chat-menu-btn:hover {
  background: #f1e9d6;
  color: #29241b;
}
#home-screen[data-tema="hardal"] .chat-menu-btn.active {
  background: #9a742c;
  color: #f7f2e7;
}

#home-screen[data-tema="hardal"] .chat-mic-btn {
  background: #f1e9d6;
  border: 1px solid rgba(41,36,27,0.10);
  color: rgba(41,36,27,0.70);
}
#home-screen[data-tema="hardal"] .chat-mic-btn:hover {
  background: #e9dcc0;
  color: #29241b;
}

#home-screen[data-tema="hardal"] .chat-attach-btn {
  background: #f1e9d6;
  border: 1px solid rgba(41,36,27,0.10);
  color: rgba(41,36,27,0.70);
}
#home-screen[data-tema="hardal"] .chat-attach-btn:hover {
  background: #e9dcc0;
  color: #29241b;
}

/* ─── Input ─── */
#home-screen[data-tema="hardal"] .chat-input-area-wrap { background: transparent; }

/* Alt bar daraltılır (ChatGPT tarzı kompakt) — textarea flex:1 olduğu için
   typing alanı orantılı küçülür ama yine yeterli alan kalır */
#home-screen[data-tema="hardal"] .chat-input-area {
  max-width: 560px !important;
}

/* Beyaz temanın bilinçli KOYU input kapsülü fildişi'de kreme çevrildi
 * (8 Tem "input konteyner siyah" vakası — mockup: kâğıt kapsül + altın gönder) */
#home-screen[data-tema="hardal"] .chat-input-outer {
  background: #fffdf8;
  border: 1px solid rgba(41,36,27,0.14);
  border-radius: 22px;
  padding: 8px 8px;
  gap: 6px;
  box-shadow: 0 1px 3px rgba(60,50,30,0.08);
}

#home-screen[data-tema="hardal"] .chat-input-wrapper {
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
}
#home-screen[data-tema="hardal"] .chat-input-wrapper:focus-within {
  background: transparent;
  border: none;
  box-shadow: none;
}

#home-screen[data-tema="hardal"] .chat-input {
  background: transparent;
  color: #29241b;
}
#home-screen[data-tema="hardal"] .chat-input::placeholder {
  color: rgba(41,36,27,0.42);
  font-style: italic;
}

#home-screen[data-tema="hardal"] .chat-send-btn {
  background: #9a742c; color: #fff8ea;
  box-shadow: 0 2px 8px rgba(154,116,44,0.30);
}
#home-screen[data-tema="hardal"] .chat-send-btn:hover {
  background: #7a5b20; box-shadow: 0 4px 14px rgba(154,116,44,0.40);
}

/* ─── Typography overrides ─── */
#home-screen[data-tema="hardal"] .notif-btn,
#home-screen[data-tema="hardal"] .chat-new-btn {
  font-family: "Geist", "Söhne", -apple-system, BlinkMacSystemFont, sans-serif;
  letter-spacing: -0.005em;
}

#home-screen[data-tema="hardal"] .chat-input::placeholder {
  font-family: "Fraunces", Georgia, serif;
  font-style: italic;
  font-weight: 300;
}

#home-screen[data-tema="hardal"] .home-bg-system::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image: none;
  pointer-events: none;
  z-index: 1;
  opacity: 0;
}

/* Tema kart dot — beyaz dairesi koyu ring ile görünür kılınır */
.tema-kart-dot[data-tema="hardal"] {
  background: linear-gradient(135deg, #f7f2e7 45%, #c8a24a 55%);
  border: 1px solid rgba(41,36,27,0.18);
  box-shadow: inset 0 0 0 2px rgba(41,36,27,0.04);
}
.tema-kart-dot[data-tema="hardal"].aktif {
  box-shadow: inset 0 0 0 2px rgba(41,36,27,0.04), 0 0 0 2px #29241b, 0 0 0 4px rgba(41,36,27,0.10);
}

/* ─── User bubble (warm paper, refined) ─── */
#home-screen[data-tema="hardal"] .user-bubble-wrap > .chat-msg.user {
  background: #ede2ca;
  border: 1px solid rgba(41,36,27,0.06);
  color: #29241b;
  border-radius: 18px;
  box-shadow: 0 1px 0 rgba(41,36,27,0.02);
}

#home-screen[data-tema="hardal"] .thought-bubble-wrap > .chat-msg.bilinc {
  background: rgba(154,116,44,0.04);
  border-color: rgba(154,116,44,0.18);
  color: rgba(41,36,27,0.72);
  font-family: "Fraunces", Georgia, serif;
  font-style: italic;
  font-weight: 300;
}
#home-screen[data-tema="hardal"] .thought-bubble-wrap::after {
  background: rgba(154,116,44,0.04);
  border-color: rgba(154,116,44,0.18);
  box-shadow:
    -12px 9px 0 -2px rgba(154,116,44,0.18),
    -12px 9px 0 -3.5px rgba(154,116,44,0.04);
}

#home-screen[data-tema="hardal"] .chat-voice-indicator { color: rgba(41,36,27,0.7); }
#home-screen[data-tema="hardal"] .chat-voice-indicator[data-state="listening"] .cvi-wave span,
#home-screen[data-tema="hardal"] .cvi-wave span { background: rgba(154,116,44,0.6); }
#home-screen[data-tema="hardal"] .chat-voice-indicator[data-state="speaking"] .cvi-wave span {
  background: rgba(41,36,27,0.55);
}

/* ─── Cüzdan panel ─── */
#home-screen.chatting[data-tema="hardal"] .cuzdan-panel { background: #f7f2e7; }
#home-screen.chatting[data-tema="hardal"] .cuzdan-header {
  background: #fffdf8;
  border-bottom-color: rgba(41,36,27,0.07);
  padding-left: 72px;
}
#home-screen.chatting[data-tema="hardal"] .cuzdan-title { color: #29241b; font-family: "Fraunces", serif; font-style: italic; font-weight: 500; }
#home-screen.chatting[data-tema="hardal"] .cuzdan-close { color: rgba(41,36,27,0.55); }
#home-screen.chatting[data-tema="hardal"] .cuzdan-close:hover { background: rgba(154,116,44,0.08); color: #29241b; }
#home-screen.chatting[data-tema="hardal"] .cuzdan-bakiye { background: #fffdf8; }
#home-screen.chatting[data-tema="hardal"] .cuzdan-bakiye-label { color: rgba(41,36,27,0.55); text-transform: uppercase; letter-spacing: 0.08em; font-size: 0.78em; }
#home-screen.chatting[data-tema="hardal"] .cuzdan-bakiye-tutar { color: #29241b; font-family: "Fraunces", serif; font-weight: 500; }
#home-screen.chatting[data-tema="hardal"] .cuzdan-tabs { background: #fffdf8; border-bottom-color: rgba(41,36,27,0.07); }
#home-screen.chatting[data-tema="hardal"] .cuzdan-tab { color: rgba(41,36,27,0.55); }
#home-screen.chatting[data-tema="hardal"] .cuzdan-tab.active { color: #29241b; border-bottom-color: #29241b; }
#home-screen.chatting[data-tema="hardal"] .cuzdan-islem { background: #fffdf8; border-color: rgba(41,36,27,0.07); }
#home-screen.chatting[data-tema="hardal"] .cuzdan-islem-kat { color: #29241b; }
#home-screen.chatting[data-tema="hardal"] .cuzdan-islem-tarih,
#home-screen.chatting[data-tema="hardal"] .cuzdan-islem-aciklama { color: rgba(41,36,27,0.55); }
#home-screen.chatting[data-tema="hardal"] .cuzdan-bos { color: rgba(41,36,27,0.45); }
#home-screen.chatting[data-tema="hardal"] .cuzdan-tip-btn { background: #fffdf8; border-color: rgba(41,36,27,0.10); color: rgba(41,36,27,0.55); }
#home-screen.chatting[data-tema="hardal"] .cuzdan-tutar-input,
#home-screen.chatting[data-tema="hardal"] .cuzdan-aciklama-input { background: #fffdf8; border-color: rgba(41,36,27,0.10); color: #29241b; }
#home-screen.chatting[data-tema="hardal"] .cuzdan-kat-btn { background: #fffdf8; border-color: rgba(41,36,27,0.10); color: rgba(41,36,27,0.55); }
#home-screen.chatting[data-tema="hardal"] .cuzdan-kat-btn.selected { background: rgba(154,116,44,0.08); border-color: rgba(154,116,44,0.35); color: #29241b; }

/* ─── Kamera panel ─── */
#home-screen.chatting[data-tema="hardal"] .kamera-panel { background: #f7f2e7; }
#home-screen.chatting[data-tema="hardal"] .kamera-header {
  background: #fffdf8;
  border-bottom-color: rgba(41,36,27,0.07);
  padding-left: 72px;
}
#home-screen.chatting[data-tema="hardal"] .kamera-title { color: #29241b; font-family: "Fraunces", serif; font-style: italic; font-weight: 500; }
#home-screen.chatting[data-tema="hardal"] .kamera-geri-btn { background: rgba(154,116,44,0.08); color: #29241b; }
#home-screen.chatting[data-tema="hardal"] .kamera-geri-btn:hover { background: #B23B2C; color: #f7f2e7; }
#home-screen.chatting[data-tema="hardal"] .kamera-tabs { background: #fffdf8; border-bottom-color: rgba(41,36,27,0.07); }
#home-screen.chatting[data-tema="hardal"] .kamera-tab { color: rgba(41,36,27,0.55); }
#home-screen.chatting[data-tema="hardal"] .kamera-tab.active { color: #29241b; border-bottom-color: #29241b; }
#home-screen.chatting[data-tema="hardal"] .kamera-item { background: #fffdf8; border-color: rgba(41,36,27,0.07); }
#home-screen.chatting[data-tema="hardal"] .kamera-bos { color: rgba(41,36,27,0.45); }
#home-screen.chatting[data-tema="hardal"] .kamera-item-ad { color: #29241b; }
#home-screen.chatting[data-tema="hardal"] .kamera-input { background: #fffdf8; border-color: rgba(41,36,27,0.10); color: #29241b; }
#home-screen.chatting[data-tema="hardal"] .kamera-input:focus { border-color: #9a742c; box-shadow: 0 0 0 3px rgba(154,116,44,0.10); }
#home-screen.chatting[data-tema="hardal"] .kamera-kaydet-btn { background: #9a742c; }

/* ─── Konum panel ─── */
#home-screen.chatting[data-tema="hardal"] .konum-panel { background: #f7f2e7; }
#home-screen.chatting[data-tema="hardal"] .konum-header {
  background: #fffdf8;
  border-bottom-color: rgba(41,36,27,0.07);
  padding-left: 72px;  /* chat-panel-back-btn ile çakışma çözümü */
}
#home-screen.chatting[data-tema="hardal"] .konum-title { color: #29241b; font-family: "Fraunces", serif; font-style: italic; font-weight: 500; }
#home-screen.chatting[data-tema="hardal"] .konum-close { color: rgba(41,36,27,0.55); }
#home-screen.chatting[data-tema="hardal"] .konum-adres-bar { background: #fffdf8; border-bottom-color: rgba(41,36,27,0.07); color: #29241b; }
#home-screen.chatting[data-tema="hardal"] .konum-loading { color: rgba(41,36,27,0.55); }
#home-screen.chatting[data-tema="hardal"] .konum-content { background: #f7f2e7; }
#home-screen.chatting[data-tema="hardal"] .konum-kat-btn { background: #fffdf8; border-color: rgba(41,36,27,0.08); color: rgba(41,36,27,0.55); }
#home-screen.chatting[data-tema="hardal"] .konum-kat-btn:hover { border-color: rgba(154,116,44,0.45); background: rgba(154,116,44,0.06); }
#home-screen.chatting[data-tema="hardal"] .konum-sonuc-baslik { color: #29241b; border-bottom-color: rgba(41,36,27,0.07); font-family: "Fraunces", serif; font-style: italic; font-weight: 500; }
#home-screen.chatting[data-tema="hardal"] .konum-sonuc-item { background: #fffdf8; border-color: rgba(41,36,27,0.07); }
#home-screen.chatting[data-tema="hardal"] .konum-sonuc-ad { color: #29241b; }
#home-screen.chatting[data-tema="hardal"] .konum-sonuc-detay,
#home-screen.chatting[data-tema="hardal"] .konum-sonuc-mesafe { color: rgba(41,36,27,0.55); }
#home-screen.chatting[data-tema="hardal"] .konum-geri-btn { border-color: rgba(41,36,27,0.10); color: rgba(41,36,27,0.55); }
#home-screen.chatting[data-tema="hardal"] .konum-geri-btn:hover { background: rgba(154,116,44,0.06); }
#home-screen.chatting[data-tema="hardal"] .konum-yakit-tablo { color: #29241b; }

#home-screen.chatting[data-tema="hardal"] #ceviri-kamera-panel,
body[data-tema="hardal"] #ceviri-kamera-panel { background: #f7f2e7; color: #29241b; }
#home-screen.chatting[data-tema="hardal"] .ceviri-kamera-header,
body[data-tema="hardal"] .ceviri-kamera-header { background: #fffdf8; border-bottom-color: rgba(41,36,27,0.07); color: #29241b; }
body[data-tema="hardal"] .ceviri-kamera-kapat {
  color: #29241b !important;
  background: #f1e9d6;
  border-radius: 8px;
  width: 32px; height: 32px;
  display: flex; align-items: center; justify-content: center;
  padding: 0;
  font-size: 1.05rem;
}
body[data-tema="hardal"] .ceviri-kamera-kapat:hover {
  background: #29241b;
  color: #f7f2e7 !important;
}

/* ─── WS Modal ─── */
body[data-tema="hardal"] .ws-modal-overlay { background: rgba(41,36,27,0.40); backdrop-filter: blur(8px); }
body[data-tema="hardal"] .ws-modal { background: #f7f2e7; border-color: rgba(41,36,27,0.08); }
body[data-tema="hardal"] .ws-modal-title { color: #29241b; font-family: "Fraunces", serif; font-style: italic; font-weight: 500; }
body[data-tema="hardal"] .ws-modal-close { color: rgba(41,36,27,0.55); }
body[data-tema="hardal"] .ws-modal-close:hover { background: rgba(154,116,44,0.10); color: #29241b; }
body[data-tema="hardal"] .ws-modal-input { background: #fffdf8; border-color: rgba(41,36,27,0.10); color: #29241b; }
body[data-tema="hardal"] .ws-modal-input:focus { border-color: #9a742c; }
body[data-tema="hardal"] .ws-modal-btn-primary { background: #29241b; color: #f7f2e7; border-color: #29241b; }
body[data-tema="hardal"] .ws-modal-btn-primary:hover { background: #1c1710; }

/* ─── Work Agent modal ─── */
#home-screen.chatting[data-tema="hardal"] .work-agent-modal { background: #f7f2e7; border-color: rgba(41,36,27,0.08); }
#home-screen.chatting[data-tema="hardal"] .wa-header { background: #fffdf8; border-bottom-color: rgba(41,36,27,0.07); }
#home-screen.chatting[data-tema="hardal"] .wa-title { color: #29241b; font-family: "Fraunces", serif; font-style: italic; font-weight: 500; }
#home-screen.chatting[data-tema="hardal"] .wa-label { color: #29241b; }
#home-screen.chatting[data-tema="hardal"] .wa-input { background: #fffdf8; border-color: rgba(41,36,27,0.10); color: #29241b; }
#home-screen.chatting[data-tema="hardal"] .wa-input:focus { border-color: #9a742c; }
#home-screen.chatting[data-tema="hardal"] .wa-btn-primary { background: #29241b; color: #f7f2e7; }
#home-screen.chatting[data-tema="hardal"] .wa-btn-secondary { background: #fffdf8; color: rgba(41,36,27,0.55); }
#home-screen.chatting[data-tema="hardal"] .wa-btn-komut { background: #fffdf8; color: rgba(41,36,27,0.55); }
#home-screen.chatting[data-tema="hardal"] .wa-btn-komut:hover { background: #f1e9d6; }
#home-screen.chatting[data-tema="hardal"] .wa-btn-icon { background: #fffdf8; color: #29241b; }
#home-screen.chatting[data-tema="hardal"] .wa-komut-sonuc { background: #fffdf8; border-color: rgba(41,36,27,0.07); color: rgba(41,36,27,0.55); font-family: "Geist Mono", monospace; }
#home-screen.chatting[data-tema="hardal"] .wa-hint { color: rgba(41,36,27,0.55); font-style: italic; }
#home-screen.chatting[data-tema="hardal"] .wa-close { color: rgba(41,36,27,0.55); }
#home-screen.chatting[data-tema="hardal"] .wa-close:hover { background: #f1e9d6; color: #29241b; }

/* ─── Bahçe ─── */
#home-screen.chatting[data-tema="hardal"] .bahce-opt { background: #fffdf8; border-color: rgba(41,36,27,0.10); color: rgba(41,36,27,0.55); }
#home-screen.chatting[data-tema="hardal"] .bahce-opt:hover { border-color: #9a742c; color: #29241b; }
#home-screen.chatting[data-tema="hardal"] .bahce-opt.active { background: rgba(154,116,44,0.08); border-color: #9a742c; color: #29241b; }
#home-screen.chatting[data-tema="hardal"] .bahce-bitki-kart { background: #fffdf8; border-color: rgba(41,36,27,0.07); }
#home-screen.chatting[data-tema="hardal"] .bahce-bitki-kart .bk-isim { color: #29241b; font-family: "Fraunces", serif; font-weight: 500; }
#home-screen.chatting[data-tema="hardal"] .bahce-journal-satir { color: rgba(41,36,27,0.55); border-bottom-color: rgba(41,36,27,0.06); }

/* ─── YouTube + Arcade panel ─── */
body[data-tema="hardal"] #youtube-panel { background: #f7f2e7; }
body[data-tema="hardal"] .yt-panel-header { background: none; }
body[data-tema="hardal"] .yt-panel-header h2 { color: #29241b; font-family: "Fraunces", serif; font-style: italic; font-weight: 500; letter-spacing: -0.01em; }
body[data-tema="hardal"] .yt-panel-close { background: #fffdf8; color: rgba(41,36,27,0.55); border-color: rgba(41,36,27,0.10); }
body[data-tema="hardal"] .yt-panel-close:hover { background: #29241b; color: #f7f2e7; border-color: #29241b; }
body[data-tema="hardal"] .yt-mode-tabs { border-color: rgba(41,36,27,0.07); background: #fffdf8; }
body[data-tema="hardal"] .yt-mode-tab { background: #fffdf8; color: rgba(41,36,27,0.55); }
body[data-tema="hardal"] .yt-mode-tab:first-child { border-right-color: rgba(41,36,27,0.07); }
body[data-tema="hardal"] .yt-mode-tab.active { background: #f7f2e7; color: #29241b; }
body[data-tema="hardal"] .yt-mode-tab:hover:not(.active) { background: #f1e9d6; color: #29241b; }

body[data-tema="hardal"] #arcade-panel { background: #f7f2e7; }
body[data-tema="hardal"] .arcade-panel-header { background: #fffdf8; border-bottom-color: rgba(41,36,27,0.07); color: #29241b; }
body[data-tema="hardal"] .arcade-panel-header h2 { color: #29241b; font-family: "Fraunces", serif; font-style: italic; font-weight: 500; letter-spacing: -0.01em; }
body[data-tema="hardal"] .arcade-panel-close { background: #fffdf8; color: rgba(41,36,27,0.55); border-color: rgba(41,36,27,0.10); }
body[data-tema="hardal"] .arcade-panel-close:hover { background: #29241b; color: #f7f2e7; }

/* ─── Bahçe panel (modal) ─── */
body[data-tema="hardal"] #bahce-panel { background: rgba(41,36,27,0.30) !important; backdrop-filter: blur(6px); }
body[data-tema="hardal"] #bahce-panel > div { background: #f7f2e7 !important; border-color: rgba(41,36,27,0.08) !important; }
body[data-tema="hardal"] #bahce-panel div,
body[data-tema="hardal"] #bahce-panel span { color: #29241b !important; }
body[data-tema="hardal"] #bahce-panel label { color: rgba(41,36,27,0.55) !important; text-transform: uppercase; letter-spacing: 0.08em; font-size: 0.78em; }
body[data-tema="hardal"] #bahce-panel input[type="text"],
body[data-tema="hardal"] #bahce-panel input[type="number"] { background: #fffdf8 !important; border-color: rgba(41,36,27,0.10) !important; color: #29241b !important; }
body[data-tema="hardal"] #bahce-panel .bahce-opt { background: #fffdf8 !important; border-color: rgba(41,36,27,0.10) !important; color: rgba(41,36,27,0.55) !important; }
body[data-tema="hardal"] #bahce-panel .bahce-opt:hover { border-color: #9a742c !important; color: #29241b !important; }
body[data-tema="hardal"] #bahce-panel .bahce-opt.active { background: rgba(154,116,44,0.08) !important; border-color: #9a742c !important; color: #29241b !important; }
body[data-tema="hardal"] #bahce-panel .bahce-bitki-kart { background: #fffdf8 !important; border-color: rgba(41,36,27,0.07) !important; }
body[data-tema="hardal"] #bahce-panel .bk-isim { color: #29241b !important; font-family: "Fraunces", serif !important; font-weight: 500 !important; }
body[data-tema="hardal"] #bahce-panel .bk-kalan { color: rgba(41,36,27,0.55) !important; }
body[data-tema="hardal"] #bahce-panel .bk-hasat-btn { border-color: #9a742c !important; color: #9a742c !important; background: transparent !important; }
body[data-tema="hardal"] #bahce-panel .bk-hasat-btn:hover { background: rgba(154,116,44,0.08) !important; }
body[data-tema="hardal"] #bahce-panel .bahce-journal-satir { color: rgba(41,36,27,0.55) !important; border-bottom-color: rgba(41,36,27,0.07) !important; }
body[data-tema="hardal"] #bahce-panel .bahce-ektim-btn { border-color: #9a742c !important; color: #9a742c !important; background: transparent !important; }
body[data-tema="hardal"] #bahce-panel .bahce-ektim-btn.eklendi { color: rgba(41,36,27,0.55) !important; border-color: rgba(41,36,27,0.10) !important; }
body[data-tema="hardal"] #bahce-panel #bahce-profil-ozet { background: #fffdf8 !important; color: rgba(41,36,27,0.55) !important; }
body[data-tema="hardal"] #bahce-panel #bahce-bos-mesaj { color: rgba(41,36,27,0.55) !important; font-style: italic; }
body[data-tema="hardal"] #bahce-panel #bahce-sonuc-metin { color: #29241b !important; }
body[data-tema="hardal"] #bahce-panel button[onclick="bahceAnaliz()"],
body[data-tema="hardal"] #bahce-panel button[onclick="bahceYeniOneri()"] { background: #29241b !important; color: #f7f2e7 !important; border-color: transparent !important; }
body[data-tema="hardal"] #bahce-panel button[onclick="bahceBahcemGoster()"] { border-color: #9a742c !important; color: #9a742c !important; background: transparent !important; }
body[data-tema="hardal"] #bahce-panel button[onclick="bahceFormGoster()"],
body[data-tema="hardal"] #bahce-panel button[onclick="bahceKapat()"] { color: rgba(41,36,27,0.55) !important; border-color: rgba(41,36,27,0.10) !important; background: transparent !important; }

/* ─── Workspace ─── */
body[data-tema="hardal"] #workspace-screen { background: #f7f2e7 !important; }
body[data-tema="hardal"] .ws-header { background: #fffdf8 !important; border-bottom-color: rgba(41,36,27,0.07) !important; }
body[data-tema="hardal"] .ws-back-btn { color: #29241b !important; }
body[data-tema="hardal"] .ws-header-title { color: #29241b !important; font-family: "Fraunces", serif !important; font-style: italic; font-weight: 500; }
body[data-tema="hardal"] .ws-header-btn { background: rgba(154,116,44,0.06) !important; border-color: rgba(154,116,44,0.22) !important; color: rgba(41,36,27,0.55) !important; }
body[data-tema="hardal"] .ws-header-btn:hover { background: rgba(154,116,44,0.12) !important; color: #29241b !important; }
body[data-tema="hardal"] .ws-doc-bar { background: #fffdf8 !important; border-bottom-color: rgba(41,36,27,0.07) !important; }
body[data-tema="hardal"] .ws-doc-select { background: #f7f2e7 !important; border-color: rgba(41,36,27,0.10) !important; color: #29241b !important; }
body[data-tema="hardal"] .ws-doc-select option { background: #fffdf8 !important; }
body[data-tema="hardal"] .ws-doc-upload-btn { background: #29241b !important; color: #f7f2e7 !important; }
body[data-tema="hardal"] .ws-mobile-tabs { background: #fffdf8 !important; border-bottom-color: rgba(41,36,27,0.07) !important; }
body[data-tema="hardal"] .ws-mobile-tab { color: rgba(41,36,27,0.40) !important; }
body[data-tema="hardal"] .ws-mobile-tab.active { color: #29241b !important; border-bottom-color: #29241b !important; }
body[data-tema="hardal"] .ws-ai-panel { border-right-color: rgba(41,36,27,0.07) !important; }
body[data-tema="hardal"] .ws-ai-messages { background: #f7f2e7 !important; }
body[data-tema="hardal"] .ws-chat-panel-header { background: #fffdf8 !important; border-bottom-color: rgba(41,36,27,0.07) !important; color: rgba(41,36,27,0.55) !important; }
body[data-tema="hardal"] .ws-chat-messages { background: #f7f2e7 !important; }
body[data-tema="hardal"] .ws-chat-input-area .ws-input-wrapper { background: #fffdf8 !important; border-color: rgba(41,36,27,0.10) !important; border-radius: 18px !important; }
body[data-tema="hardal"] .ws-chat-input-area .ws-input-wrapper:focus-within { border-color: rgba(154,116,44,0.45) !important; }
body[data-tema="hardal"] .ws-ai-input-area .ws-input-wrapper { background: #fffdf8 !important; border-color: rgba(41,36,27,0.10) !important; border-radius: 18px !important; }
body[data-tema="hardal"] .ws-ai-input-area .ws-input-wrapper:focus-within { border-color: rgba(154,116,44,0.45) !important; }
body[data-tema="hardal"] .ws-input { color: #29241b !important; }
body[data-tema="hardal"] .ws-input::placeholder { color: rgba(41,36,27,0.42) !important; font-style: italic; }
body[data-tema="hardal"] .ws-send-btn { background: #29241b !important; color: #f7f2e7 !important; }
body[data-tema="hardal"] .ws-send-btn:hover { background: #1c1710 !important; }
body[data-tema="hardal"] .ws-bottom-bar { background: #fffdf8 !important; border-top-color: rgba(41,36,27,0.07) !important; }
body[data-tema="hardal"] .ws-bottom-btn { color: rgba(41,36,27,0.55) !important; border-right-color: rgba(41,36,27,0.07) !important; }
body[data-tema="hardal"] .ws-bottom-btn:hover { color: #29241b !important; background: rgba(154,116,44,0.06) !important; }
body[data-tema="hardal"] .ws-msg-user { background: #ede2ca !important; color: #29241b !important; }
body[data-tema="hardal"] .ws-msg-self { background: rgba(154,116,44,0.10) !important; color: #29241b !important; }
body[data-tema="hardal"] .ws-msg-ai { background: #fffdf8 !important; border-color: rgba(41,36,27,0.07) !important; color: #29241b !important; }
body[data-tema="hardal"] .ws-msg-ai strong { color: #29241b !important; }
body[data-tema="hardal"] .ws-msg-system { color: rgba(41,36,27,0.40) !important; font-style: italic; }
body[data-tema="hardal"] .ws-msg-ts { color: rgba(41,36,27,0.35) !important; }
body[data-tema="hardal"] .ws-typing { color: rgba(41,36,27,0.40) !important; }
body[data-tema="hardal"] .ws-lang-dropdown { background: #f7f2e7 !important; border-color: rgba(41,36,27,0.08) !important; }
body[data-tema="hardal"] .ws-lang-item { color: #29241b !important; }
body[data-tema="hardal"] .ws-lang-item:hover { background: rgba(154,116,44,0.08) !important; }
body[data-tema="hardal"] .ws-lang-item.active { background: rgba(154,116,44,0.16) !important; color: #29241b !important; }

/* ─── AI mesajı markdown elementleri ─── */
#home-screen[data-tema="hardal"] .ai-bubble-wrap > .chat-msg.assistant a,
#home-screen[data-tema="hardal"] .ai-bubble-wrap > .chat-msg.assistant a:visited {
    color: #9a742c !important;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    text-decoration-color: rgba(154,116,44,0.45);
}
#home-screen[data-tema="hardal"] .ai-bubble-wrap > .chat-msg.assistant a:hover {
    color: #7a5b20 !important;
    text-decoration-color: #9a742c;
}
#home-screen[data-tema="hardal"] .ai-bubble-wrap > .chat-msg.assistant blockquote {
    color: rgba(41,36,27,0.75) !important;
    border-left: 2px solid #9a742c !important;
    background: rgba(154,116,44,0.045) !important;
    font-family: "Fraunces", Georgia, serif !important;
    font-style: italic !important;
    font-weight: 300 !important;
    font-size: 1.05em;
    padding: 0.35em 0.85em 0.35em 1.2em !important;
    margin: 0.85em 0 0.85em 0.2em !important;
}
#home-screen[data-tema="hardal"] .ai-bubble-wrap > .chat-msg.assistant hr {
    border: none !important;
    height: 1px !important;
    background: rgba(41,36,27,0.10) !important;
    margin: 1.4em 0 !important;
}
#home-screen[data-tema="hardal"] .ai-bubble-wrap > .chat-msg.assistant ul,
#home-screen[data-tema="hardal"] .ai-bubble-wrap > .chat-msg.assistant ol {
    color: #29241b !important;
}
#home-screen[data-tema="hardal"] .ai-bubble-wrap > .chat-msg.assistant table {
    border-collapse: collapse !important;
}
#home-screen[data-tema="hardal"] .ai-bubble-wrap > .chat-msg.assistant table,
#home-screen[data-tema="hardal"] .ai-bubble-wrap > .chat-msg.assistant td,
#home-screen[data-tema="hardal"] .ai-bubble-wrap > .chat-msg.assistant th {
    color: #29241b !important;
    border-color: rgba(41,36,27,0.08) !important;
}
#home-screen[data-tema="hardal"] .ai-bubble-wrap > .chat-msg.assistant th {
    background: #f1e9d6 !important;
    font-family: "Geist", sans-serif !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-size: 0.82em;
}

/* AI mesajı içinde başlıklar: Fraunces italic (editorial) */
#home-screen[data-tema="hardal"] .ai-bubble-wrap > .chat-msg.assistant h1,
#home-screen[data-tema="hardal"] .ai-bubble-wrap > .chat-msg.assistant h2,
#home-screen[data-tema="hardal"] .ai-bubble-wrap > .chat-msg.assistant h3 {
    font-family: "Fraunces", Georgia, serif !important;
    font-weight: 500 !important;
    font-style: italic !important;
    letter-spacing: -0.01em !important;
    font-variation-settings: "opsz" 144, "SOFT" 40 !important;
}
#home-screen[data-tema="hardal"] .ai-bubble-wrap > .chat-msg.assistant h4 {
    font-family: "Geist", sans-serif !important;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 0.85em;
    font-weight: 600 !important;
}

/* "Düşünüyor" dalga efekti (.pulse) — beyaz tema'da koyu noktalar */
/* Parıltı göstergesi (27 Tem): eski nokta arka planları KALDIRILDI —
   ana CSS ✦ parıltısı çiziyor, buradaki !important kutu bırakıyordu. */
#home-screen[data-tema="hardal"] .pulse span { background: none !important; }
#home-screen[data-tema="hardal"] .pulse span i::before,
#home-screen[data-tema="hardal"] .pulse span::after {
  color: #a87b1f;
  text-shadow: 0 0 6px rgba(168,123,31,.45), 0 0 14px rgba(168,123,31,.22);
}

/* Mesaj altı "Kopyala" butonu (msg-copy-btn) — beyaz tema'da görünür kıl */
#home-screen[data-tema="hardal"] .msg-copy-btn {
  background: #fffdf8 !important;
  color: rgba(41,36,27,0.65) !important;
  border: 1px solid rgba(41,36,27,0.12) !important;
  box-shadow: 0 1px 0 rgba(41,36,27,0.03);
}
#home-screen[data-tema="hardal"] .ai-bubble-wrap:hover .msg-copy-btn { opacity: 1 !important; }
#home-screen[data-tema="hardal"] .msg-copy-btn:hover {
  background: #f1e9d6 !important;
  color: #29241b !important;
  border-color: rgba(41,36,27,0.25) !important;
}
#home-screen[data-tema="hardal"] .msg-copy-btn.copied {
  opacity: 1 !important;
  color: #9a742c !important;
  border-color: rgba(154,116,44,0.45) !important;
  background: rgba(154,116,44,0.10) !important;
}

/* Kod bloğu Kopyala butonu */
#home-screen[data-tema="hardal"] .code-copy-btn {
    background: #f7f2e7 !important;
    color: rgba(41,36,27,0.55) !important;
    border: 1px solid rgba(41,36,27,0.10) !important;
    font-family: "Geist Mono", monospace !important;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 0.72em;
}
#home-screen[data-tema="hardal"] .code-copy-btn:hover {
    background: #fffdf8 !important;
    color: #29241b !important;
}
#home-screen[data-tema="hardal"] .code-copy-btn.copied {
    background: rgba(154,116,44,0.10) !important;
    color: #9a742c !important;
    border-color: #9a742c !important;
}

/* Kod bloğu — açık kağıt + ince hairline border */
#home-screen[data-tema="hardal"] pre,
#home-screen[data-tema="hardal"] pre code,
#home-screen[data-tema="hardal"] pre code *,
#home-screen[data-tema="hardal"] pre.hljs,
#home-screen[data-tema="hardal"] pre.hljs * {
    color: #29241b !important;
    background: #e9dcc0 !important;
    font-family: "Geist Mono", "JetBrains Mono", "SF Mono", monospace !important;
}
#home-screen[data-tema="hardal"] pre {
    background: #e9dcc0 !important;
    border: 1px solid rgba(41,36,27,0.20) !important;
    border-radius: 10px !important;
}
#home-screen[data-tema="hardal"] code:not(pre code) {
    color: #B23B2C !important;
    background: #f1e9d6 !important;
    border: 1px solid rgba(41,36,27,0.06) !important;
    border-radius: 4px;
    padding: 1px 5px;
    font-family: "Geist Mono", "JetBrains Mono", monospace !important;
    font-size: 0.92em;
}

/* AI mesajı text rengi */
#home-screen[data-tema="hardal"] .ai-bubble-wrap > .chat-msg.assistant,
#home-screen[data-tema="hardal"] .ai-bubble-wrap > .chat-msg.assistant.markdown,
#home-screen[data-tema="hardal"] .ai-bubble-wrap > .chat-msg.assistant p,
#home-screen[data-tema="hardal"] .ai-bubble-wrap > .chat-msg.assistant li,
#home-screen[data-tema="hardal"] .ai-bubble-wrap > .chat-msg.assistant strong,
#home-screen[data-tema="hardal"] .ai-bubble-wrap > .chat-msg.assistant em {
    color: #29241b !important;
}

/* Beyaz tema font sistemi: Geist body + Fraunces display */
html[data-tema="hardal"] body,
html[data-tema="hardal"] #chat-messages,
html[data-tema="hardal"] #chat-input,
html[data-tema="hardal"] .chat-msg,
html[data-tema="hardal"] .ws-msg-text {
    font-family: "Geist", "Söhne", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    font-feature-settings: "ss01", "cv11";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html[data-tema="hardal"] #chat-messages {
    position: relative;
}

/* Scrollbar — incele, sade */
html[data-tema="hardal"] *::-webkit-scrollbar { width: 8px; height: 8px; }
html[data-tema="hardal"] *::-webkit-scrollbar-track { background: transparent; }
html[data-tema="hardal"] *::-webkit-scrollbar-thumb { background: rgba(41,36,27,0.15); border-radius: 4px; }
html[data-tema="hardal"] *::-webkit-scrollbar-thumb:hover { background: rgba(41,36,27,0.30); }

/* Tüm interaktif element transition */
html[data-tema="hardal"] button {
    transition: all 0.18s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Selection rengi */
html[data-tema="hardal"] ::selection { background: rgba(154,116,44,0.20); color: #29241b; }

/* ─── Fildişi tema kaçak inline renk düzeltmeleri ───
   DİKKAT: attribute-selector JS'teki GERÇEK inline literal'i hedeflemeli
   (#f0ece4) — tema paletine uyarlanmış hayali renk (#ede2ca) HİÇ eşleşmez
   (17 Tem vakası: mesaj_onay/YT kart yazıları kremde görünmezdi). */
html[data-tema="hardal"] .rich-card [style*="color:#f0ece4"],
html[data-tema="hardal"] .rich-card [style*="color: #f0ece4"] {
  color: #29241b !important;
}

/* YT kart başlığı CSS sınıfından #f0ece4 alır (inline değil) — ayrı ez */
html[data-tema="hardal"] .yt-result-title {
  color: #29241b !important;
}

/* mesaj_onay taslak kutusu (inline açık-renk stiller) */
html[data-tema="hardal"] .mesaj-onay-input {
  color: #29241b !important;
  background: rgba(41,36,27,0.05) !important;
  border-color: rgba(41,36,27,0.22) !important;
}

html[data-tema="hardal"] .rich-card [style*="color:#888"],
html[data-tema="hardal"] .rich-card [style*="color: #888"],
html[data-tema="hardal"] .yt-result-channel,
html[data-tema="hardal"] .yt-loading,
html[data-tema="hardal"] .yt-empty,
html[data-tema="hardal"] #rd-status,
html[data-tema="hardal"] #rd-no-agent,
html[data-tema="hardal"] #sanal-tarayici-durum {
  color: rgba(41,36,27,0.68) !important;
}

html[data-tema="hardal"] #rd-no-agent [style*="color:#555"],
html[data-tema="hardal"] #rd-no-agent [style*="color: #555"] {
  color: rgba(41,36,27,0.62) !important;
}

html[data-tema="hardal"] .ws-friend-name,
html[data-tema="hardal"] .ws-modal-title,
html[data-tema="hardal"] .ws-list-item-name {
  color: #29241b !important;
}

html[data-tema="hardal"] .ws-friend-tag,
html[data-tema="hardal"] .ws-section-label,
html[data-tema="hardal"] .ws-modal-subtitle,
html[data-tema="hardal"] .ws-modal-loading,
html[data-tema="hardal"] .ws-empty-state,
html[data-tema="hardal"] .ws-davet-info .ws-davet-sub,
html[data-tema="hardal"] .ws-translated-hint.open .ws-translated-text {
  color: rgba(41,36,27,0.62) !important;
}

html[data-tema="hardal"] .ws-section-rule {
  background: rgba(41,36,27,0.12) !important;
}

html[data-tema="hardal"] .ws-friend-pill,
html[data-tema="hardal"] [style*="background:rgba(255,255,255,0.05)"] {
  background: #fffdf8 !important;
  border-color: rgba(41,36,27,0.08) !important;
  box-shadow: 0 3px 9px rgba(41,36,27,0.06) !important;
}

html[data-tema="hardal"] .bahce-bitki-kart .bk-kalan,
html[data-tema="hardal"] .bahce-bitki-kart .bk-kalan span,
html[data-tema="hardal"] .bahce-journal-satir span,
html[data-tema="hardal"] .bahce-journal-satir [style*="color:#555"],
html[data-tema="hardal"] .bahce-journal-satir [style*="color:#888"] {
  color: rgba(41,36,27,0.66) !important;
}

html[data-tema="hardal"] .sk-giris-logo p,
html[data-tema="hardal"] .sk-login-hint,
html[data-tema="hardal"] .sk-input::placeholder,
html[data-tema="hardal"] .sk-uye-role,
html[data-tema="hardal"] .sk-belge-meta,
html[data-tema="hardal"] .sk-mesaj-zaman,
html[data-tema="hardal"] .sk-card [style*="color:#64748b"],
html[data-tema="hardal"] .sk-card [style*="color:#475569"] {
  color: rgba(41,36,27,0.64) !important;
}

/* ════════════════════════════════════════════════════════════
 * FİLDİŞİ GÜNDÜZ — mockup stili ekleri (8 Tem 2026)
 * Kâğıt üstünde kartvizit baloncuklar + fildişi sohbet zemini
 * + açık DM paleti + açık tema popup'ı.
 * ════════════════════════════════════════════════════════════ */

/* Sohbet zemin katmanı — bu satır olmadan default #1f1f1f gri kalıyordu */
html[data-tema="hardal"] #gradient-bg.tur-sohbet { background: #f7f2e7; }

/* AI balonu: kâğıt üstünde hafif gölgeli kart */
#home-screen[data-tema="hardal"] .ai-bubble-wrap > .chat-msg.assistant,
#home-screen[data-tema="hardal"] .ai-bubble-wrap > .chat-msg.assistant.markdown {
  background: #fffdf8;
  border: 1px solid rgba(41,36,27,0.08);
  border-radius: 18px;
  border-bottom-left-radius: 6px;
  padding: 11px 15px;
  box-shadow: 0 1px 3px rgba(60,50,30,0.08);
}

/* User balonu: asimetrik köşe + aynı kart gölgesi */
#home-screen[data-tema="hardal"] .user-bubble-wrap > .chat-msg.user {
  border-radius: 18px;
  border-bottom-right-radius: 6px;
  box-shadow: 0 1px 3px rgba(60,50,30,0.06);
}

/* DM penceresi paleti — tanımsızken varsayılan koyu sete düşüyordu
   (arkadas-mode = tam ekran arkadaş paneli, aynı token setini kullanır) */
html[data-tema="hardal"] .ws-modal.dm-mode,
html[data-tema="hardal"] .ws-modal.arkadas-mode{
  --dm-bg0:#efe7d5; --dm-bg1:#f7f2e7; --dm-surface:#fffdf8;
  --dm-ink:#29241b; --dm-ink-soft:#6f6555; --dm-ink-dim:#a3987f;
  --dm-accent:#9a742c; --dm-hair:rgba(41,36,27,.10);
}

/* Tema popup — açık zemin */
html[data-tema="hardal"] .tema-popup-box {
  background: #f7f2e7;
  border-color: rgba(41,36,27,0.12);
}
html[data-tema="hardal"] .tema-popup-baslik { color: rgba(41,36,27,0.55); }
html[data-tema="hardal"] .tema-popup-kapat { color: rgba(41,36,27,0.55); }
html[data-tema="hardal"] .tema-popup-kapat:hover { color: #29241b; }

/* 🌙 Gece efekti / vibe duvar kağıdı açıkken input kutusu ezilmesin —
 * index.html'deki .gece-aktif/.vibe-aktif !important kuralları tema
 * renklerini siliyordu (8 Tem, Betül "input kutusu değişmemiş" vakası). */
#home-screen.gece-aktif[data-tema="hardal"] .chat-input-outer,
#home-screen.vibe-aktif[data-tema="hardal"] .chat-input-outer {
  background: rgba(255,253,248,0.94) !important;
  border-color: rgba(41,36,27,0.12) !important;
}

/* ════════════════════════════════════════════════════════════
 * FİLDİŞİ — eksik kalan parçalar (8 Tem gece 3)
 * 1) 🌙 gece efekti fildişi'de ETKİSİZ: siyah yıldızlı zemin açık
 *    temayı komple eziyordu ("diğeri olmamış" vakası).
 * 2) Arkadaş/workspace modal içi açık-tema incelikleri (beyaz'ın
 *    index.html'de kalan bloğunun fildişi çevirisi).
 * ════════════════════════════════════════════════════════════ */

#home-screen.gece-aktif[data-tema="hardal"] {
  background: #f7f2e7 !important;
  animation: none;
}
#home-screen.gece-aktif[data-tema="hardal"] .gece-deco { display: none !important; }
#home-screen.gece-aktif[data-tema="hardal"] .chat-header {
  background: #f7f2e7 !important;
  border-bottom: 1px solid rgba(41,36,27,0.08) !important;
}

/* ── Arkadaş/workspace modal — açık tema metin kontrastı ── */
html[data-tema="hardal"] .ws-modal:not(.dm-mode) .wsf-row:hover { background: rgba(154,116,44,0.05); }
html[data-tema="hardal"] .ws-modal:not(.dm-mode) .wsf-row + .wsf-row::before { background: rgba(41,36,27,0.09); }
html[data-tema="hardal"] .ws-modal:not(.dm-mode) .wsf-actions button { background: rgba(154,116,44,0.08); }
html[data-tema="hardal"] .wsf-badge { color: #fff; }
html[data-tema="hardal"] .ws-modal:not(.dm-mode):not(.arkadas-mode) {
  background: #fffdf8;
  border-color: rgba(41,36,27,0.10);
  color: #29241b;
}
html[data-tema="hardal"] .ws-modal:not(.dm-mode) .ws-modal-title,
html[data-tema="hardal"] .ws-modal:not(.dm-mode) .ws-friend-name {
  color: #29241b !important;
}
html[data-tema="hardal"] .ws-modal:not(.dm-mode) .ws-modal-subtitle,
html[data-tema="hardal"] .ws-modal:not(.dm-mode) .ws-modal-loading,
html[data-tema="hardal"] .ws-modal:not(.dm-mode) .ws-friend-tag,
html[data-tema="hardal"] .ws-modal:not(.dm-mode) .ws-empty-state,
html[data-tema="hardal"] .ws-modal:not(.dm-mode) .qi-hint {
  color: #6f6555 !important;
}
html[data-tema="hardal"] .ws-modal:not(.dm-mode) .ws-section-label { color: #8a7f6c !important; }
html[data-tema="hardal"] .ws-modal:not(.dm-mode) .ws-section-rule { background: rgba(41,36,27,0.12) !important; }
html[data-tema="hardal"] .ws-modal:not(.dm-mode) .ws-list-item {
  background: rgba(41,36,27,0.035);
  border-color: rgba(41,36,27,0.10);
}
html[data-tema="hardal"] .ws-modal:not(.dm-mode) .ws-list-item:hover {
  background: rgba(154,116,44,0.055);
  border-color: rgba(154,116,44,0.22);
}
html[data-tema="hardal"] .ws-modal:not(.dm-mode) .ws-list-item-name {
  color: #29241b !important;
  font-weight: 650;
}
html[data-tema="hardal"] .ws-modal:not(.dm-mode) .ws-list-item-sub { color: #6f6555 !important; }
html[data-tema="hardal"] .ws-modal:not(.dm-mode) .ws-modal-input {
  background: #fffdf8;
  border-color: rgba(41,36,27,0.14);
  color: #29241b;
}
html[data-tema="hardal"] .ws-modal:not(.dm-mode) .ws-modal-input::placeholder { color: #8a7f6c; }
html[data-tema="hardal"] .ws-modal:not(.dm-mode) .qi-block {
  background: rgba(154,116,44,0.035) !important;
  border-color: rgba(154,116,44,0.16) !important;
}
html[data-tema="hardal"] .ws-modal:not(.dm-mode) .qi-input-wrap {
  background: rgba(154,116,44,0.045) !important;
  border-color: rgba(154,116,44,0.22) !important;
}
html[data-tema="hardal"] .ws-modal:not(.dm-mode) .qi-textarea { color: #29241b !important; }
html[data-tema="hardal"] .ws-modal:not(.dm-mode) .qi-textarea::placeholder { color: #8a7f6c; }
html[data-tema="hardal"] .ws-modal:not(.dm-mode) .ws-friend-pill {
  background: #fffdf8 !important;
  border-color: rgba(41,36,27,0.10) !important;
  box-shadow: 0 6px 18px rgba(41,36,27,0.10) !important;
}
html[data-tema="hardal"] .ws-modal:not(.dm-mode) .ws-modal-close {
  background: rgba(41,36,27,0.04);
  color: #6f6555;
}
html[data-tema="hardal"] .ws-modal:not(.dm-mode) .ws-modal-close:hover {
  background: rgba(41,36,27,0.08);
  color: #29241b;
}

/* KLASIK_BOMBE_V1_START
 * 29 Ağu 2026 — yalnız Fildişi Gündüz için yumuşak dışbükey yüzey dili.
 * Her seçici tema kapsamını bilinçli olarak tekrar eder: diğer temalara sızmaz.
 */
html[data-tema="hardal"] #home-screen[data-tema="hardal"] {
  --fi-bombe-yuzey: linear-gradient(145deg, #fcf8ee 0%, #f7efdf 56%, #eadcc3 100%);
  --fi-bombe-yuzey-sade: #fbf7ee;
  --fi-bombe-kenar: rgba(103, 78, 35, 0.15);
  --fi-bombe-altin: #9a742c;
  --fi-bombe-golge: 0 4px 9px rgba(82, 63, 30, 0.18), 0 1px 2px rgba(82, 63, 30, 0.08);
  --fi-bombe-golge-buyuk: 0 8px 18px rgba(82, 63, 30, 0.20), 0 2px 4px rgba(82, 63, 30, 0.08);
  --fi-bombe-golge-kucuk: 0 3px 7px rgba(82, 63, 30, 0.18), 0 1px 2px rgba(82, 63, 30, 0.06);
  --fi-bombe-baski: inset 2px 2px 4px rgba(82, 63, 30, 0.15), inset -1px -1px 3px rgba(255, 255, 255, 0.58);
}

html[data-tema="hardal"] #gradient-bg.tur-sohbet {
  background:
    radial-gradient(circle at 42% 88%, rgba(218, 195, 149, 0.16), transparent 38%),
    #f7f2e7;
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] #dt-sidebar {
  background: linear-gradient(105deg, #fbf7ee 0%, #f7f2e7 76%, #f1e8d7 100%);
  border-right-color: rgba(103, 78, 35, 0.12);
  box-shadow: 7px 0 16px rgba(82, 63, 30, 0.10), inset -1px 0 rgba(255, 255, 255, 0.44);
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .dt-sb-brand {
  border-bottom-color: rgba(154, 116, 44, 0.18);
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .dt-sb-item {
  transition: transform 0.18s ease, color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .dt-sb-item:hover {
  background: linear-gradient(145deg, rgba(255, 254, 251, 0.88), rgba(241, 231, 211, 0.72));
  border-color: rgba(154, 116, 44, 0.14);
  box-shadow: var(--fi-bombe-golge-kucuk);
  transform: translateY(-1px);
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .dt-sb-item.active {
  background: linear-gradient(145deg, #fffdf8, #eee1c8);
  border-color: rgba(154, 116, 44, 0.30);
  box-shadow: var(--fi-bombe-baski), 0 1px 5px rgba(82, 63, 30, 0.08);
  transform: none;
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .dt-sb-alt {
  border-top-color: rgba(154, 116, 44, 0.18);
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .dt-sb-profil {
  background: rgba(255, 253, 248, 0.58);
  border-color: rgba(103, 78, 35, 0.10);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.48);
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .dt-sb-profil-btn {
  background: var(--fi-bombe-yuzey);
  border: 1px solid var(--fi-bombe-kenar);
  box-shadow: var(--fi-bombe-golge-kucuk);
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .dt-ayarlar-menu {
  background: linear-gradient(150deg, rgba(255, 254, 251, 0.98), rgba(245, 237, 221, 0.98));
  border-color: var(--fi-bombe-kenar);
  box-shadow: var(--fi-bombe-golge-buyuk);
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .notif-btn,
html[data-tema="hardal"] #home-screen[data-tema="hardal"] .chat-new-btn,
html[data-tema="hardal"] #home-screen[data-tema="hardal"] .chat-voice-call-btn,
html[data-tema="hardal"] #home-screen[data-tema="hardal"] .chat-menu-btn {
  background: var(--fi-bombe-yuzey);
  border-color: var(--fi-bombe-kenar);
  box-shadow: var(--fi-bombe-golge-kucuk), inset 0 1px rgba(255, 255, 255, 0.48);
  transition: transform 0.18s ease, box-shadow 0.18s ease, color 0.18s ease, border-color 0.18s ease;
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .notif-btn:hover,
html[data-tema="hardal"] #home-screen[data-tema="hardal"] .chat-new-btn:hover,
html[data-tema="hardal"] #home-screen[data-tema="hardal"] .chat-voice-call-btn:hover,
html[data-tema="hardal"] #home-screen[data-tema="hardal"] .chat-menu-btn:hover {
  border-color: rgba(154, 116, 44, 0.38);
  box-shadow: 0 4px 8px rgba(82, 63, 30, 0.20);
  transform: translateY(-1px);
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .notif-btn:active,
html[data-tema="hardal"] #home-screen[data-tema="hardal"] .chat-new-btn:active,
html[data-tema="hardal"] #home-screen[data-tema="hardal"] .chat-voice-call-btn:active,
html[data-tema="hardal"] #home-screen[data-tema="hardal"] .chat-menu-btn:active,
html[data-tema="hardal"] #home-screen[data-tema="hardal"] .chat-menu-btn.active {
  box-shadow: var(--fi-bombe-baski);
  transform: translateY(1px);
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .chat-menu-dropdown,
html[data-tema="hardal"] #home-screen[data-tema="hardal"] .notif-dropdown {
  background: linear-gradient(150deg, rgba(255, 254, 251, 0.98), rgba(244, 235, 218, 0.98));
  border-color: var(--fi-bombe-kenar);
  box-shadow: var(--fi-bombe-golge-buyuk);
  backdrop-filter: blur(6px);
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .chat-menu-dropdown::before {
  background: #fffdf8;
  border-color: rgba(103, 78, 35, 0.12);
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .chat-menu-item,
html[data-tema="hardal"] #home-screen[data-tema="hardal"] .notif-item {
  color: rgba(41, 36, 27, 0.76);
  border: 1px solid transparent;
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .chat-menu-item:hover,
html[data-tema="hardal"] #home-screen[data-tema="hardal"] .notif-item:hover {
  background: rgba(255, 253, 248, 0.86);
  border-color: rgba(154, 116, 44, 0.13);
  box-shadow: var(--fi-bombe-golge-kucuk);
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .ai-bubble-wrap > .chat-msg.assistant,
html[data-tema="hardal"] #home-screen[data-tema="hardal"] .ai-bubble-wrap > .chat-msg.assistant.markdown {
  background: var(--fi-bombe-yuzey-sade);
  border-color: rgba(103, 78, 35, 0.12);
  border-radius: 22px;
  border-bottom-left-radius: 9px;
  box-shadow: var(--fi-bombe-golge);
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .user-bubble-wrap > .chat-msg.user {
  background: linear-gradient(145deg, #f4ead3, #e7d7b8);
  border-color: rgba(154, 116, 44, 0.16);
  border-radius: 22px;
  border-bottom-right-radius: 9px;
  box-shadow: 0 4px 9px rgba(82, 63, 30, 0.17), inset 0 1px rgba(255, 255, 255, 0.30);
}

/* Fotoğraflı kullanıcı mesajları (geçmişten yüklenenler dahil) genel stilde
 * şeffaf bırakılıyor. Fildişi'nde fotoğrafı ve açıklamayı sağa yaslı, içerik
 * kadar geniş iki yüzey olarak çiz; uzun açıklama bütün satırı kaplamasın. */
html[data-tema="hardal"] #home-screen[data-tema="hardal"] .user-bubble-wrap:has(> .chat-msg.user.foto) {
  inline-size: fit-content;
  max-inline-size: min(75%, 420px);
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .user-bubble-wrap > .chat-msg.user.foto {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  inline-size: fit-content;
  max-inline-size: 100%;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0;
  padding: 0 !important;
  box-shadow: none;
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .user-bubble-wrap > .chat-msg.user.foto > img,
html[data-tema="hardal"] #home-screen[data-tema="hardal"] .user-bubble-wrap > .chat-msg.user.foto > .foto-grid {
  align-self: flex-end;
  border: 1px solid rgba(103, 78, 35, 0.14);
  border-radius: 18px;
  box-shadow: var(--fi-bombe-golge);
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .user-bubble-wrap > .chat-msg.user.foto > img {
  display: block;
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .user-bubble-wrap > .chat-msg.user.foto > p {
  align-self: flex-end;
  inline-size: fit-content;
  max-inline-size: min(100%, 360px);
  box-sizing: border-box;
  margin: 8px 0 0 !important;
  padding: 10px 14px;
  background: linear-gradient(145deg, #f4ead3, #e7d7b8);
  border: 1px solid rgba(154, 116, 44, 0.16);
  border-radius: 18px;
  border-bottom-right-radius: 7px;
  box-shadow: 0 3px 7px rgba(82, 63, 30, 0.16), inset 0 1px rgba(255, 255, 255, 0.28);
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .thought-bubble-wrap > .chat-msg.bilinc {
  background: linear-gradient(145deg, rgba(255, 253, 248, 0.82), rgba(237, 226, 202, 0.70));
  border-color: rgba(154, 116, 44, 0.18);
  box-shadow: var(--fi-bombe-golge-kucuk);
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .msg-copy-btn {
  background: var(--fi-bombe-yuzey);
  border: 1px solid var(--fi-bombe-kenar);
  box-shadow: var(--fi-bombe-golge-kucuk);
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .rich-card:not(.rich-card-gorsel):not(.rich-card-video) {
  background: var(--fi-bombe-yuzey-sade);
  border-color: rgba(103, 78, 35, 0.12);
  box-shadow: var(--fi-bombe-golge);
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .rich-card.rich-card-medya_stil_secimi {
  background: linear-gradient(148deg, rgba(255, 254, 251, 0.78) 0%, rgba(251, 246, 236, 0.70) 62%, rgba(238, 226, 203, 0.58) 100%);
  border-color: rgba(154, 116, 44, 0.14);
  border-radius: 24px;
  box-shadow: 0 4px 10px rgba(82, 63, 30, 0.15), inset 0 1px rgba(255, 255, 255, 0.32);
  overflow: hidden;
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .msc-header {
  border-bottom-color: rgba(154, 116, 44, 0.15);
  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.42);
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .msc-auto,
html[data-tema="hardal"] #home-screen[data-tema="hardal"] .msc-hareket-btn {
  background: linear-gradient(145deg, #fcf8ee, #eadcc3);
  border-color: rgba(103, 78, 35, 0.15);
  border-radius: 999px;
  box-shadow: 0 3px 8px rgba(82, 63, 30, 0.18), inset 0 1px rgba(255, 255, 255, 0.32);
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .msc-auto:hover,
html[data-tema="hardal"] #home-screen[data-tema="hardal"] .msc-hareket-btn:hover {
  border-color: rgba(154, 116, 44, 0.36);
  transform: translateY(-1px);
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .msc-auto.aktif,
html[data-tema="hardal"] #home-screen[data-tema="hardal"] .msc-hareket-btn.aktif {
  background: #eee0c3;
  border-color: rgba(154, 116, 44, 0.56);
  box-shadow: inset 3px 4px 7px rgba(82, 63, 30, 0.22), inset -1px -1px 4px rgba(255, 255, 255, 0.46), 0 0 0 2px rgba(154, 116, 44, 0.14);
  transform: translateY(1px);
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .msc-rail {
  padding-top: 10px;
  padding-bottom: 13px;
  scrollbar-color: rgba(103, 78, 35, 0.48) rgba(154, 116, 44, 0.08);
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .msc-rail::-webkit-scrollbar {
  height: 7px;
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .msc-rail::-webkit-scrollbar-track {
  background: rgba(154, 116, 44, 0.08);
  border-radius: 999px;
  box-shadow: inset 1px 2px 4px rgba(82, 63, 30, 0.10);
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .msc-rail::-webkit-scrollbar-thumb {
  background: rgba(103, 78, 35, 0.48);
  border-radius: 999px;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.42);
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .msc-stil {
  background: linear-gradient(145deg, #fcf8ee 0%, #f4ead8 55%, #e7d6b8 100%);
  border-color: rgba(103, 78, 35, 0.13);
  border-radius: 18px;
  box-shadow: 0 5px 11px rgba(82, 63, 30, 0.19), inset 0 1px rgba(255, 255, 255, 0.32);
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .msc-stil:hover {
  border-color: rgba(154, 116, 44, 0.38);
  box-shadow: 0 5px 10px rgba(82, 63, 30, 0.21);
  transform: translateY(-2px);
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .msc-stil.aktif {
  background: linear-gradient(145deg, #ead9b9, #f5ead5);
  border-color: var(--fi-bombe-altin);
  box-shadow: inset 4px 5px 9px rgba(82, 63, 30, 0.22), inset -2px -2px 5px rgba(255, 255, 255, 0.48), 0 0 0 2px rgba(154, 116, 44, 0.24), 0 3px 6px rgba(82, 63, 30, 0.12);
  transform: translateY(1px);
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .msc-onizleme {
  border: 1px solid rgba(103, 78, 35, 0.20);
  box-shadow: var(--fi-bombe-baski), 0 1px 2px rgba(82, 63, 30, 0.08);
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .msc-stil.aktif .msc-onizleme {
  box-shadow: inset 3px 4px 9px rgba(35, 26, 13, 0.30), inset -2px -2px 5px rgba(255, 255, 255, 0.28);
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .msc-uret {
  border: 1px solid rgba(255, 255, 255, 0.42);
  border-radius: 18px;
  background: linear-gradient(105deg, #c7982f 0%, #ae7e30 42%, #936d7c 100%);
  box-shadow: inset 0 2px 2px rgba(255, 255, 255, 0.28), inset 0 -3px 5px rgba(73, 47, 20, 0.22), 0 7px 14px rgba(82, 63, 30, 0.29);
  transition: transform 0.18s ease, filter 0.18s ease, box-shadow 0.18s ease;
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .msc-uret:hover {
  filter: brightness(1.05);
  transform: translateY(-1px);
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.48), inset 0 -2px 4px rgba(73, 47, 20, 0.16), 0 11px 24px rgba(82, 63, 30, 0.29);
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .msc-uret:active {
  transform: translateY(2px);
  box-shadow: inset 4px 5px 10px rgba(73, 47, 20, 0.34), inset -2px -2px 5px rgba(255, 255, 255, 0.24), 0 3px 8px rgba(82, 63, 30, 0.16);
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .msc-uret:disabled,
html[data-tema="hardal"] #home-screen[data-tema="hardal"] .msc-uret.yukleniyor {
  box-shadow: var(--fi-bombe-baski);
  transform: none;
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .rich-card.rich-card-gorsel,
html[data-tema="hardal"] #home-screen[data-tema="hardal"] .rich-card.rich-card-video {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
  overflow: visible;
}

/* Medya 512px iken blok kartın bütün sohbet satırına yayılması sağda dev bir
 * boş yüzey bırakıyordu. Video sabit güvenli genişlikte, görsel ise portre
 * ekran görüntülerinde doğal genişliğinde küçülür; ikisi de mobilde taşmaz. */
html[data-tema="hardal"] #home-screen[data-tema="hardal"] .rich-card.rich-card-video {
  inline-size: min(100%, 512px);
  max-inline-size: 512px;
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .rich-card.rich-card-gorsel {
  inline-size: fit-content;
  max-inline-size: min(100%, 524px);
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .rich-card.rich-card-video > div {
  inline-size: 100%;
  box-sizing: border-box;
  padding: 0 !important;
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .rich-card.rich-card-gorsel > div {
  inline-size: fit-content;
  max-inline-size: 100%;
  box-sizing: border-box;
  padding: 0 !important;
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .rich-card-gorsel-img,
html[data-tema="hardal"] #home-screen[data-tema="hardal"] video.rich-card-video {
  border: 1px solid rgba(103, 78, 35, 0.14);
  border-radius: 20px;
  box-sizing: border-box;
  box-shadow: var(--fi-bombe-golge), inset 0 0 0 1px rgba(255, 255, 255, 0.20);
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .rich-card-gorsel-img {
  inline-size: auto !important;
  max-inline-size: 100% !important;
  block-size: auto;
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .rich-card-video-konusma,
html[data-tema="hardal"] #home-screen[data-tema="hardal"] a.rich-card-video-indir {
  background: var(--fi-bombe-yuzey);
  border: 1px solid var(--fi-bombe-kenar);
  box-shadow: var(--fi-bombe-golge-kucuk);
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] a.rich-card-video-indir {
  margin-top: 10px !important;
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .chat-input-area-wrap {
  background: transparent;
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .chat-input-outer {
  background: linear-gradient(148deg, #fcf8ee 0%, #f8f0e1 66%, #eaddc5 100%);
  border-color: rgba(103, 78, 35, 0.16);
  border-radius: 28px;
  box-shadow: var(--fi-bombe-golge-buyuk), inset 0 1px 1px rgba(255, 255, 255, 0.48);
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .chat-input-outer:focus-within {
  border-color: rgba(154, 116, 44, 0.44);
  box-shadow: 0 8px 18px rgba(82, 63, 30, 0.22), 0 0 0 3px rgba(154, 116, 44, 0.10), inset 0 1px rgba(255, 255, 255, 0.32);
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .chat-input-wrapper {
  background: transparent;
  box-shadow: none;
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .chat-mic-btn,
html[data-tema="hardal"] #home-screen[data-tema="hardal"] .chat-attach-btn,
html[data-tema="hardal"] #home-screen[data-tema="hardal"] #emoji-oneri-chip,
html[data-tema="hardal"] #home-screen[data-tema="hardal"] .cvi-close,
html[data-tema="hardal"] #home-screen[data-tema="hardal"] .chat-app-icon {
  background: var(--fi-bombe-yuzey) !important;
  border: 1px solid var(--fi-bombe-kenar) !important;
  color: rgba(41, 36, 27, 0.67);
  box-shadow: var(--fi-bombe-golge-kucuk);
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .chat-mic-btn:hover,
html[data-tema="hardal"] #home-screen[data-tema="hardal"] .chat-attach-btn:hover,
html[data-tema="hardal"] #home-screen[data-tema="hardal"] #emoji-oneri-chip:hover,
html[data-tema="hardal"] #home-screen[data-tema="hardal"] .cvi-close:hover,
html[data-tema="hardal"] #home-screen[data-tema="hardal"] .chat-app-icon:hover {
  border-color: rgba(154, 116, 44, 0.38) !important;
  color: #29241b;
  transform: translateY(-1px);
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .chat-mic-btn:active,
html[data-tema="hardal"] #home-screen[data-tema="hardal"] .chat-attach-btn:active,
html[data-tema="hardal"] #home-screen[data-tema="hardal"] #emoji-oneri-chip:active,
html[data-tema="hardal"] #home-screen[data-tema="hardal"] .cvi-close:active,
html[data-tema="hardal"] #home-screen[data-tema="hardal"] .chat-app-icon:active {
  box-shadow: var(--fi-bombe-baski);
  transform: translateY(1px);
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .chat-send-btn {
  background: linear-gradient(145deg, #b78a33, #88641f);
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 16px;
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.30), inset 0 -2px 3px rgba(73, 47, 20, 0.22), 0 6px 11px rgba(116, 82, 25, 0.34);
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .chat-send-btn:hover {
  background: linear-gradient(145deg, #c1943b, #916a20);
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.34), inset 0 -2px 3px rgba(73, 47, 20, 0.20), 0 8px 14px rgba(116, 82, 25, 0.40);
  transform: translateY(-1px) scale(1.02);
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .chat-send-btn:active {
  box-shadow: inset 2px 3px 7px rgba(73, 47, 20, 0.30), inset -1px -1px 3px rgba(255, 255, 255, 0.20);
  transform: translateY(1px) scale(0.98);
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .chat-send-btn:disabled {
  background: linear-gradient(145deg, #d7c8a7, #b8a47d);
  box-shadow: var(--fi-bombe-baski);
  opacity: 0.55;
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .chat-foto-chip-band,
html[data-tema="hardal"] #home-screen[data-tema="hardal"] .chat-foto-chip-item,
html[data-tema="hardal"] #home-screen[data-tema="hardal"] .chat-voice-indicator,
html[data-tema="hardal"] #home-screen[data-tema="hardal"] .chat-belge-bar,
html[data-tema="hardal"] #home-screen[data-tema="hardal"] .chat-apps-popup {
  background: linear-gradient(145deg, rgba(255, 254, 251, 0.94), rgba(239, 228, 207, 0.90));
  border-color: rgba(103, 78, 35, 0.14);
  box-shadow: var(--fi-bombe-golge-kucuk);
}

/* Belirli mesaja yanıt — yalnız Fildişi'nin kutulu sohbet dilinde görünür. */
html[data-tema="hardal"] #home-screen[data-tema="hardal"] .ai-bubble-wrap,
html[data-tema="hardal"] #home-screen[data-tema="hardal"] .user-bubble-wrap,
html[data-tema="hardal"] #home-screen[data-tema="hardal"] .thought-bubble-wrap {
  position: relative;
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .chat-msg[data-message-id] {
  position: relative;
  touch-action: pan-y;
  transition: transform 0.18s ease, box-shadow 0.22s ease;
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .chat-reply-quote {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  inline-size: 100%;
  min-inline-size: 0;
  box-sizing: border-box;
  margin: 0 0 9px;
  padding: 8px 11px;
  border: 0;
  border-inline-start: 3px solid rgba(154, 116, 44, 0.72);
  border-radius: 12px;
  background: linear-gradient(145deg, rgba(255, 253, 247, 0.72), rgba(222, 207, 178, 0.54));
  color: #3f3729;
  text-align: start;
  box-shadow: inset 2px 3px 6px rgba(82, 63, 30, 0.12), inset -1px -1px 3px rgba(255, 255, 255, 0.34);
  cursor: pointer;
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .chat-reply-quote strong {
  color: #8f681f;
  font-size: 11.5px;
  line-height: 1.25;
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .chat-reply-quote span {
  display: block;
  overflow: hidden;
  max-inline-size: 100%;
  color: rgba(41, 36, 27, 0.72);
  font-size: 12.5px;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .chat-reply-quote.is-deleted {
  cursor: default;
  opacity: 0.66;
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .chat-reply-preview[hidden] {
  display: none !important;
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .chat-reply-preview {
  display: grid;
  grid-template-columns: 4px minmax(0, 1fr) 32px;
  align-items: center;
  gap: 9px;
  min-block-size: 48px;
  padding: 7px 7px 7px 5px;
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(255, 254, 250, 0.72), rgba(232, 219, 195, 0.64));
  box-shadow: inset 2px 3px 7px rgba(82, 63, 30, 0.12), inset -1px -1px 4px rgba(255, 255, 255, 0.42);
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .chat-reply-preview-accent {
  align-self: stretch;
  border-radius: 999px;
  background: linear-gradient(#c39a45, #8c6420);
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .chat-reply-preview-body {
  display: flex;
  flex-direction: column;
  min-inline-size: 0;
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .chat-reply-preview-body strong {
  color: #8b641e;
  font-size: 12px;
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .chat-reply-preview-body > span {
  overflow: hidden;
  color: rgba(41, 36, 27, 0.68);
  font-size: 12.5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .chat-reply-preview-close,
html[data-tema="hardal"] #home-screen[data-tema="hardal"] .chat-reply-action {
  display: grid;
  place-items: center;
  border: 1px solid rgba(103, 78, 35, 0.14);
  background: linear-gradient(145deg, #fbf7ee, #e8dcc4);
  color: rgba(41, 36, 27, 0.72);
  box-shadow: var(--fi-bombe-golge-kucuk);
  cursor: pointer;
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .chat-reply-preview-close {
  inline-size: 30px;
  block-size: 30px;
  border-radius: 11px;
  font-size: 20px;
  line-height: 1;
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .chat-reply-action {
  position: absolute;
  z-index: 3;
  inset-block-start: 8px;
  inline-size: 30px;
  block-size: 30px;
  border-radius: 11px;
  opacity: 0;
  pointer-events: none;
  transform: translateY(2px);
  transition: opacity 0.16s ease, transform 0.16s ease;
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] :is(.ai-bubble-wrap,.thought-bubble-wrap) > .chat-msg > .chat-reply-action {
  inset-inline-end: -30px;
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .user-bubble-wrap > .chat-msg > .chat-reply-action {
  inset-inline-start: -30px;
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] .chat-reply-target-flash {
  animation: fi-reply-target 1.45s ease-out;
}

@keyframes fi-reply-target {
  0%, 24% { box-shadow: 0 0 0 4px rgba(190, 142, 47, 0.28), var(--fi-bombe-golge); }
  100% { box-shadow: var(--fi-bombe-golge); }
}

@media (hover: hover) and (pointer: fine) {
  html[data-tema="hardal"] #home-screen[data-tema="hardal"] :is(.ai-bubble-wrap,.user-bubble-wrap,.thought-bubble-wrap):hover > .chat-msg > .chat-reply-action,
  html[data-tema="hardal"] #home-screen[data-tema="hardal"] .chat-reply-action:focus-visible {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
  }
}

/* Dokunmatikte aynı amblem: sağa çekilen balonun boşalttığı sol yanda, balonla birlikte kayar */
@media (hover: none), (pointer: coarse) {
  html[data-tema="hardal"] #home-screen[data-tema="hardal"] :is(.ai-bubble-wrap,.thought-bubble-wrap) > .chat-msg > .chat-reply-action {
    inset-inline-end: auto;
    inset-inline-start: -30px;
  }

  html[data-tema="hardal"] #home-screen[data-tema="hardal"] .chat-reply-action.is-swipe-ready {
    opacity: 1;
    transform: translateY(0);
  }
}

html[data-tema="hardal"] #home-screen[data-tema="hardal"] :is(button, [role="button"]):focus-visible {
  outline: 2px solid rgba(154, 116, 44, 0.66);
  outline-offset: 3px;
}

@media (max-width: 600px) {
  html[data-tema="hardal"] #home-screen[data-tema="hardal"] #dt-sidebar {
    box-shadow: 10px 0 22px rgba(82, 63, 30, 0.24), inset -1px 0 rgba(255, 255, 255, 0.44);
  }

  html[data-tema="hardal"] #home-screen[data-tema="hardal"] #dt-drawer-dim {
    background: rgba(71, 56, 31, 0.20);
    backdrop-filter: blur(2px);
  }

  html[data-tema="hardal"] #home-screen[data-tema="hardal"] .chat-input-outer {
    border-radius: 24px;
    box-shadow: 0 5px 11px rgba(82, 63, 30, 0.20), inset 0 1px rgba(255, 255, 255, 0.30);
  }

  html[data-tema="hardal"] #home-screen[data-tema="hardal"] .ai-bubble-wrap > .chat-msg.assistant,
  html[data-tema="hardal"] #home-screen[data-tema="hardal"] .user-bubble-wrap > .chat-msg.user,
  html[data-tema="hardal"] #home-screen[data-tema="hardal"] .rich-card.rich-card-medya_stil_secimi {
    box-shadow: 0 4px 9px rgba(82, 63, 30, 0.18);
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-tema="hardal"] #home-screen[data-tema="hardal"] .dt-sb-item,
  html[data-tema="hardal"] #home-screen[data-tema="hardal"] .notif-btn,
  html[data-tema="hardal"] #home-screen[data-tema="hardal"] .chat-new-btn,
  html[data-tema="hardal"] #home-screen[data-tema="hardal"] .chat-voice-call-btn,
  html[data-tema="hardal"] #home-screen[data-tema="hardal"] .chat-menu-btn,
  html[data-tema="hardal"] #home-screen[data-tema="hardal"] .msc-stil,
  html[data-tema="hardal"] #home-screen[data-tema="hardal"] .msc-uret,
  html[data-tema="hardal"] #home-screen[data-tema="hardal"] .chat-send-btn {
    transition: none;
  }

  html[data-tema="hardal"] #home-screen[data-tema="hardal"] .chat-msg[data-message-id] {
    transition: none;
  }

  html[data-tema="hardal"] #home-screen[data-tema="hardal"] .chat-reply-target-flash {
    animation: none;
  }
}
/* KLASIK_BOMBE_V1_END */