/* Jiin Mat — fildişi (açık) ve siyah (koyu) temaların ortak mat kabuğu.
   Sıcak nötr taş/antrasit tonları (yeşil alt ton yok), DÜZ mat yüzeyler (gren/
   gürültü dokusu yok), tek hizalı ince çizgiler. themes-fildisi/siyah'ın sohbet kurallarını ezer;
   panel, yükleme, ses ve yanıt DAVRANIŞLARI o dosyalarda kalır. */
html:is([data-tema="fildisi"], [data-tema="siyah"]) {
  color-scheme: light;
  --mat-paper: #e8e3db;
  --mat-ink: #2e2c2a;
  --mat-surface: #efebe5;
  --mat-bubble: #dbd4ca;
  --mat-rule: #d1cbc2;
  --mat-border: #bbb5ac;
  --mat-focus: #7e766b;
  --mat-input-focus: #7e766b;
  --mat-placeholder: #7c776f;
  --mat-muted: #67625b;
  --mat-soft-border: #ccc6be;
  --mat-send-hover: #4b4742;
  --mat-time: #76716a;
  --mat-menu-hover: #dfd9d0;
  --mat-scrollbar: #bbb5ac;
  --mat-app-hover: #e2dcd4;
  --mat-stone: #8d8579;
  --mat-document: #e3ded6;
  --mat-document-border: #b9b2a7;
  --mat-document-ink: #57514a;
  --mat-accent: #6e655a;
  --mat-accent-rgb: 110,101,90;
  --mat-emphasis: #56514a;
  --mat-link: #604f39;
  --mat-link-hover: #3a2f20;
  --mat-link-border: #a59c8b;
  --mat-code-ink: #574f43;
  --mat-code: #ddd7ce;
  --mat-code-border: #c8c1b8;
  --mat-pre: #dfd9d0;
  --mat-pre-ink: #2e2c2a;
  --mat-pre-border: #cac4ba;
  --mat-quote-ink: #4a463f;
  --mat-table-border: #ccc6bc;
  --mat-table-head: #dfd9d0;
  --mat-row-hover: #e2dcd4;
  --mat-pill-ink: #5a554c;
  --mat-pill-hover: #dfd9d0;
  --mat-pill-border: #cac4ba;
  --mat-callout: #e0dad2;
  --mat-highlight: #dbd0bd;
  --mat-control: #47433e;
  --mat-shadow: #2e2c2a14;
  --mat-button: #dfd9d1;
  --mat-on-send: #f3f0e9;
  --mat-card-hover: #e3ded6;
  --mat-card-border: #a9a196;
  --mat-badge: #a8503d;
}
html[data-tema="siyah"] {
  color-scheme: dark;
  --mat-paper: #181818;
  --mat-ink: #ececec;
  --mat-surface: #262626;
  --mat-sidebar: #212121;
  --mat-composer: #303030;
  --mat-bubble: #303030;
  --mat-rule: #ffffff0d;
  --mat-border: #ffffff14;
  --mat-focus: #adadad;
  --mat-input-focus: transparent;
  --mat-placeholder: #a0a0a0;
  --mat-muted: #adadad;
  --mat-soft-border: #ffffff14;
  --mat-send-hover: #ffffff;
  --mat-time: #929292;
  --mat-menu-hover: #303030;
  --mat-scrollbar: #484848;
  --mat-app-hover: #2e2e2e;
  --mat-stone: #adadad;
  --mat-document: #302e2b;
  --mat-document-border: #5a564f;
  --mat-document-ink: #cdc6b6;
  --mat-accent: #dedede;
  --mat-accent-rgb: 222,222,222;
  --mat-emphasis: #cbc6bb;
  --mat-link: #d8c9a8;
  --mat-link-hover: #ece2cb;
  --mat-link-border: #7a7060;
  --mat-code-ink: #d2c9b6;
  --mat-code: #34322e;
  --mat-code-border: #5a554d;
  --mat-pre: #1a1918;
  --mat-pre-ink: #e6e2da;
  --mat-pre-border: #45423e;
  --mat-quote-ink: #d6d1c6;
  --mat-table-border: #494640;
  --mat-table-head: #33312e;
  --mat-row-hover: #2f2d2a;
  --mat-pill-ink: #cdc6b7;
  --mat-pill-hover: #3d3a36;
  --mat-pill-border: #575349;
  --mat-callout: #2f2d2a;
  --mat-highlight: #52493a;
  --mat-control: #d0d0d0;
  --mat-shadow: #00000026;
  --mat-button: #383838;
  --mat-on-send: #202020;
  --mat-card-hover: #2c2c2c;
  --mat-card-border: #ffffff1a;
  --mat-badge: #b4594a;
}

html:is([data-tema="fildisi"], [data-tema="siyah"]),
html:is([data-tema="fildisi"], [data-tema="siyah"]) body,
html:is([data-tema="fildisi"], [data-tema="siyah"]) #gradient-bg.tur-sohbet { background: var(--mat-paper); }
/* Düz mat yüzey: taban stilin tam-ekran film greni katmanları kapalı. */
html:is([data-tema="fildisi"], [data-tema="siyah"]) body::before,
html:is([data-tema="fildisi"], [data-tema="siyah"]) body::after { display: none; }

html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] {
  --c-bg: var(--mat-paper);
  --c-bg-chat: var(--mat-paper);
  --c-header-bg: var(--mat-paper);
  --c-header-border: var(--mat-rule);
  --c-input-bg: var(--mat-surface);
  --c-input-border: var(--mat-border);
  --c-input-focus: var(--mat-focus);
  --c-input-text: var(--mat-ink);
  --c-placeholder: var(--mat-placeholder);
  --c-title: var(--mat-ink);
  --c-back: var(--mat-muted);
  --c-back-border: var(--mat-soft-border);
  --c-back-hover: var(--mat-ink);
  --c-send-bg: var(--mat-ink);
  --c-send-hover: var(--mat-send-hover);
  --c-send-shadow: transparent;
  --c-bubble-ai-bg: transparent;
  --c-bubble-ai-border: transparent;
  --c-bubble-ai-text: var(--mat-ink);
  --c-bubble-user-bg: var(--mat-bubble);
  --c-bubble-user-border: transparent;
  --c-bubble-user-text: var(--mat-ink);
  --c-time: var(--mat-time);
  --c-menu-bg: var(--mat-surface);
  --c-menu-hover: var(--mat-menu-hover);
  --c-orb1: transparent;
  --c-orb2: transparent;
  --c-orb3: transparent;
  --c-spark: transparent;
  --c-scrollbar-track: transparent;
  --c-scrollbar-thumb: var(--mat-scrollbar);
  --c-typing-dot: var(--mat-focus);
  --c-app-bg: var(--mat-surface);
  --c-app-border: var(--mat-rule);
  --c-app-hover-bg: var(--mat-app-hover);
  --c-app-hover-border: var(--mat-stone);
  --c-app-label: var(--mat-ink);
  --c-belge-bg: var(--mat-document);
  --c-belge-border: var(--mat-document-border);
  --c-belge-text: var(--mat-document-ink);
  --c-accent: var(--mat-accent);
  --c-accent-rgb: var(--mat-accent-rgb);
  --c-home-orb1: transparent;
  --c-home-orb2: transparent;
  --chat-baslik: var(--mat-ink);
  --chat-vurgu: var(--mat-ink);
  --chat-metin: var(--mat-ink);
  --chat-muted: var(--mat-muted);
  --chat-soft: var(--mat-time);
  --chat-em: var(--mat-emphasis);
  --chat-marker: var(--mat-focus);
  --chat-link: var(--mat-link);
  --chat-link-hover: var(--mat-link-hover);
  --chat-link-border: var(--mat-link-border);
  --chat-link-border-hover: var(--mat-accent);
  --chat-inline-code-text: var(--mat-code-ink);
  --chat-inline-code-bg: var(--mat-code);
  --chat-inline-code-border: var(--mat-code-border);
  --chat-pre-text: var(--mat-pre-ink);
  --chat-pre-bg: var(--mat-pre);
  --chat-pre-border: var(--mat-pre-border);
  --chat-quote-text: var(--mat-quote-ink);
  --chat-quote-bg: transparent;
  --chat-quote-border: var(--mat-stone);
  --chat-table-border: var(--mat-table-border);
  --chat-table-head-bg: var(--mat-table-head);
  --chat-row-hover: var(--mat-row-hover);
  --chat-rule: var(--mat-table-border);
  --chat-pill-text: var(--mat-pill-ink);
  --chat-pill-text-hover: var(--mat-ink);
  --chat-pill-bg: var(--mat-surface);
  --chat-pill-bg-hover: var(--mat-pill-hover);
  --chat-pill-border: var(--mat-pill-border);
  --chat-pill-border-hover: var(--mat-stone);
  --chat-callout-bg: var(--mat-callout);
  --chat-callout-border: var(--mat-document-border);
  --chat-mark-bg: var(--mat-highlight);
  --chat-kbd-bg: var(--mat-surface);
  --chat-kbd-border: var(--mat-border);
  --fi-bombe-yuzey: var(--mat-surface);
  --fi-bombe-yuzey-sade: var(--mat-surface);
  --fi-bombe-kenar: var(--mat-rule);
  --fi-bombe-altin: var(--mat-accent);
  --fi-bombe-golge: none;
  --fi-bombe-golge-buyuk: none;
  --fi-bombe-golge-kucuk: none;
  --fi-bombe-baski: none;
  background: var(--c-bg) !important;
  color: var(--mat-ink);
  font-family: 'DM Sans', system-ui, sans-serif;
}

/* Mat yüzeyler süs efektlerinin yerini alır; kayıtlı efekt tercihleri değişmez. */
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] :is(.home-bg-system, .gece-deco, #vibe-bg) { display: none !important; }
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema]::before,
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema]::after { display: none !important; }
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] :is(button,[role="button"]):focus-visible { outline: 2px solid var(--mat-stone); outline-offset: 3px; }

/* ── Üst bant ─────────────────────────────────────────────────────────── */
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .chat-header {
  background: var(--mat-paper) !important;
  backdrop-filter: none !important;
  border-bottom: 1px solid var(--mat-rule) !important;
  box-shadow: none;
  padding-top: max(18px, env(safe-area-inset-top, 0px));
  padding-bottom: 16px;
}
/* Sohbet başlığı/etiketi yok; boşluk ve hikâye kontrolleri korunur. */
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .chat-header-title { display: none !important; }
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] :is(.chat-voice-call-btn, .chat-menu-btn, .chat-panel-back-btn) {
  width: 40px; height: 40px; min-width: 40px;
  background: transparent; color: var(--mat-control);
  border: none; border-radius: 12px;
  box-shadow: none; transform: none;
}
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] :is(.chat-voice-call-btn, .chat-menu-btn, .chat-panel-back-btn):hover { background: var(--mat-menu-hover); }
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .hdr-badge { background: var(--mat-badge); color: #f6f1e8; box-shadow: 0 0 0 2px var(--mat-paper); }
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] :is(.chat-menu-dropdown, .notif-dropdown) {
  background: var(--mat-surface); color: var(--mat-ink); border-color: var(--mat-table-border);
  box-shadow: 0 8px 24px var(--mat-shadow);
}
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .chat-menu-item { color: var(--mat-control); }
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .chat-menu-item:hover { background: var(--mat-callout); }

/* ── Sol menü (masaüstü sidebar + mobil drawer aynı yüzey) ─────────────── */
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] #dt-sidebar {
  --dsb-ink: var(--mat-ink);
  --dsb-soluk: var(--mat-muted);
  --dsb-vurgu: var(--mat-accent);
  --dsb-vurgu-rgb: var(--mat-accent-rgb);
  background: var(--mat-paper) !important;
  border-right: 1px solid var(--mat-rule);
  box-shadow: none;
  padding-left: 18px; padding-right: 18px;
  color-scheme: inherit;
}
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .dt-sb-brand { padding: 8px 10px 26px; margin-bottom: 18px; border-color: var(--mat-rule); }
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .dt-sb-nav { gap: 4px; }
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .dt-sb-item { min-height: 44px; padding: 10px 14px; gap: 14px; font-weight: 400; border-radius: 12px; }
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .dt-sb-item:is(:hover,.active) { background: var(--mat-menu-hover); border-color: transparent; color: var(--mat-ink); box-shadow: none; transform: none; }
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .dt-sb-item.active::before { display: none; }
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .dt-sb-ico svg { width: 20px; height: 20px; stroke-width: 1.5; }
/* Dolu marka ikonları (YouTube) menüde çizgisel olur. */
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .dt-sb-ico path[fill="#FF0000"] { fill: none; stroke: currentColor; stroke-width: 1.5; }
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .dt-sb-ico path:is([fill="#ffffff"],[fill="#1C1410"]) { fill: currentColor; }
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .dt-sb-alt { border-color: var(--mat-rule); padding-top: 16px; }
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] :is(.dt-sb-profil, .dt-sb-profil-btn) { background: transparent; border-color: transparent; box-shadow: none; }
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .dt-sb-avatar { background: var(--mat-button) !important; color: var(--mat-ink); width: 34px; height: 34px; }
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .dt-sb-name { font-weight: 400; }
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .dt-ayarlar-menu { background: var(--mat-surface); border-color: var(--mat-border); }

/* ── Mesajlar ─────────────────────────────────────────────────────────── */
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .chat-messages { background: transparent !important; gap: 24px; padding-top: calc(110px + env(safe-area-inset-top, 0px)); }
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .chat-msg,
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .ai-bubble-wrap > .chat-msg.assistant,
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .user-bubble-wrap > .chat-msg.user {
  color: var(--mat-ink) !important;
  font-family: 'DM Sans', system-ui, sans-serif !important;
  font-size: 16px; line-height: 1.75;
  font-weight: 400 !important;
  font-style: normal !important;
  box-shadow: none !important;
}
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .chat-msg.user { border-radius: 20px; padding: 14px 20px; }
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .user-bubble-wrap > .chat-msg.user:not(.foto) { background: var(--mat-bubble) !important; border: none !important; }
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .ai-bubble-wrap { border: none; box-shadow: none; }
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .ai-bubble-wrap > .chat-msg.assistant { background: transparent !important; border: none !important; padding: 12px 0 !important; border-radius: 0; }
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .ai-bubble-wrap > .chat-msg.assistant :is(p,li,ul,ol,strong) { color: var(--mat-ink) !important; }
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .ai-bubble-wrap > .chat-msg.assistant :is(h1,h2,h3,h4) { color: var(--mat-ink) !important; font-family: 'DM Sans', system-ui, sans-serif !important; font-style: normal !important; }
/* Alıntı: kutu yok — ince taş çizgi + serif italik. */
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .ai-bubble-wrap > .chat-msg.assistant blockquote {
  background: transparent !important; border: none !important;
  border-left: 2px solid var(--mat-stone) !important;
  border-radius: 0; padding: 2px 0 2px 24px !important;
}
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .ai-bubble-wrap > .chat-msg.assistant blockquote p { color: var(--mat-quote-ink) !important; }
/* Eski tema dosyaları markdown renklerini !important ile sabitler; aynı güçte mat palete bağlanır. */
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .ai-bubble-wrap > .chat-msg.assistant :is(a, a:visited) { color: var(--mat-link) !important; text-decoration-color: var(--mat-link-border); }
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .ai-bubble-wrap > .chat-msg.assistant a:hover { color: var(--mat-link-hover) !important; text-decoration-color: var(--mat-accent); }
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .ai-bubble-wrap > .chat-msg.assistant hr { background: var(--mat-table-border) !important; }
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .ai-bubble-wrap > .chat-msg.assistant :is(table, td, th) { color: var(--mat-ink) !important; border-color: var(--mat-table-border) !important; }
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .ai-bubble-wrap > .chat-msg.assistant th { background: var(--mat-table-head) !important; }
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] :is(pre, pre code, pre code *, pre.hljs, pre.hljs *) { color: var(--mat-pre-ink) !important; background: var(--mat-pre) !important; }
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] pre { border-color: var(--mat-pre-border) !important; }
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] code:not(pre code) { color: var(--mat-code-ink) !important; background: var(--mat-code) !important; border-color: var(--mat-code-border) !important; }
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .code-copy-btn { background: transparent !important; color: var(--mat-muted) !important; border-color: var(--mat-pre-border) !important; }
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .code-copy-btn:is(:hover,.copied) { background: var(--mat-menu-hover) !important; color: var(--mat-ink) !important; border-color: var(--mat-border) !important; }
/* Kapsülsüz, sade uyarı metni. */
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .cevap-uyari { background: transparent; border: none; color: var(--mat-muted); align-items: center; }
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] :is(.chat-msg-time, .user-msg-time) { color: var(--mat-time); }
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .msg-copy-btn { background: transparent !important; color: var(--mat-muted) !important; border: 1px solid var(--mat-soft-border) !important; box-shadow: none; }
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .msg-copy-btn:is(:hover,.copied) { background: var(--mat-menu-hover) !important; color: var(--mat-ink) !important; border-color: var(--mat-border) !important; }
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] :is(.chat-reply-quote, .chat-reply-preview) { background: var(--mat-callout); border-color: var(--mat-document-border); color: var(--mat-ink); box-shadow: none; }
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] :is(.chat-reply-quote strong,.chat-reply-preview-body strong) { color: var(--mat-accent); }
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .chat-reply-preview-accent { background: var(--mat-stone); }
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] :is(.chat-reply-action,.chat-reply-preview-close) { color: var(--mat-muted); background: var(--mat-surface); }

/* ── Yazma alanı ──────────────────────────────────────────────────────── */
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .chat-input-area-wrap { background: transparent !important; padding-bottom: max(20px, env(safe-area-inset-bottom, 0px)); }
/* Sohbet ve yazma alanı iki palette de aynı okuma sütununda. */
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .chat-input-area { max-width: 1000px !important; }
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .chat-input-outer {
  background: var(--mat-surface) !important;
  border: 1px solid var(--mat-border) !important; border-radius: 24px;
  padding: 12px 14px 12px 18px; gap: 6px; box-shadow: none !important;
}
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .chat-input-outer:focus-within { border-color: var(--mat-input-focus) !important; }
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .chat-input-wrapper { background: transparent !important; border: none !important; }
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .chat-input { color: var(--mat-ink); font-family: 'DM Sans', system-ui, sans-serif !important; font-size: 16px; font-style: normal !important; }
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .chat-input::placeholder { color: var(--mat-placeholder); font-family: 'DM Sans', system-ui, sans-serif !important; font-style: normal !important; font-weight: 400 !important; }
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] :is(.chat-mic-btn, .chat-attach-btn) { width: 38px; height: 38px; min-width: 38px; border-radius: 12px; box-shadow: none; }
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] :is(.chat-mic-btn:not(.recording), .chat-attach-btn) { background: transparent !important; border: none !important; color: var(--mat-muted) !important; }
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] :is(.chat-mic-btn:not(.recording), .chat-attach-btn):hover { background: var(--mat-button) !important; color: var(--mat-ink) !important; transform: none; }
/* Ses kaydı: hap süre sayacını sığdıracak kadar genişler (38px sabit ölçü onu sıkıştırıyordu); taban stildeki
   mavi degrade !important olduğu için aynı güçte ezilir — mat yüzey, tuğla kayıt noktası, mürekkep rakamlar. */
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .chat-mic-btn.recording {
  width: auto; min-width: 78px; padding: 0 12px; gap: 8px;
  background: var(--mat-button) !important; border: 1px solid var(--mat-border) !important;
  color: var(--mat-ink) !important; box-shadow: none !important;
}
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .chat-mic-btn.recording:hover { background: var(--mat-menu-hover) !important; color: var(--mat-ink) !important; }
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .chat-mic-btn.recording::before { background: var(--mat-badge); border-radius: 50%; box-shadow: none; animation: matKayitNokta 1.35s ease-in-out infinite; }
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .chat-mic-btn.recording .mic-timer { color: var(--mat-ink); font-weight: 600; }
@keyframes matKayitNokta { 0%, 100% { opacity: 1; } 50% { opacity: .35; } }
/* "Yazıya çevriliyor" noktaları: taban stilde 2. nokta sabit camgöbeği; dördü de taş tonunda. */
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .ses-dots i { background: var(--mat-stone); }
/* Sesli mod göstergesi (Dinliyorum…): eski temanın degrade kutusu ve altın dalgası yerine düz mat. */
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .chat-voice-indicator { background: transparent; border-color: transparent; box-shadow: none; color: var(--mat-muted); }
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .chat-voice-indicator[data-state] .cvi-wave span { background: var(--mat-stone); }
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .cvi-close { background: transparent !important; border: none !important; color: var(--mat-muted); box-shadow: none; }
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .cvi-close:hover { background: var(--mat-button) !important; color: var(--mat-ink); }
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .chat-send-btn { border-radius: 14px; background: var(--mat-ink); border: none; box-shadow: none; }
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .chat-send-btn:hover { background: var(--mat-send-hover); box-shadow: none; transform: none; }
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .chat-send-btn:disabled { background: var(--mat-ink); box-shadow: none; opacity: .45; }
html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .chat-send-btn svg { stroke: var(--mat-on-send); }

/* ── Tema seçici ──────────────────────────────────────────────────────── */
.tema-kart-dot[data-tema="fildisi"] { background: #e8e3db; border-color: #8d8579; }
.tema-kart-dot[data-tema="siyah"] { background: #181818; border-color: #777777; }
html:is([data-tema="fildisi"], [data-tema="siyah"]) :is(.tema-popup-box, .tema-popup-card) { background: var(--mat-surface); color: var(--mat-ink); }
html:is([data-tema="fildisi"], [data-tema="siyah"]) :is(.tema-popup-baslik, .tema-popup-kapat) { color: var(--mat-muted); }
html:is([data-tema="fildisi"], [data-tema="siyah"]) .tema-popup-kapat:hover { color: var(--mat-ink); }

@media (min-width: 1024px) {
  /* Marka bloğu ile üst bar AYNI yükseklikte: alt çizgileri tek hizada, pencere
     boyunca kesintisiz; dikey sidebar çizgisiyle tam köşe yapar. */
  html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] { --dt-sb: 260px; --mat-band: 80px; }
  html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .chat-header {
    padding: calc((var(--mat-band) - 56px) / 2) 28px calc((var(--mat-band) - 56px) / 2) calc(var(--dt-sb) + 28px);
  }
  html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] #dt-sidebar { padding-top: 0; }
  html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .dt-sb-brand {
    box-sizing: border-box; height: calc(var(--mat-band) + 1px);
    margin: 0 -18px 16px; padding: 0 28px;
  }
  html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .dt-sb-alt { margin-left: -18px; margin-right: -18px; padding-left: 18px; padding-right: 18px; }
  html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .chat-messages {
    padding-top: calc(var(--mat-band) + 24px);
    padding-left: calc(var(--dt-sb) + max(36px, (100vw - var(--dt-sb) - 1000px) / 2)) !important;
    padding-right: max(36px, (100vw - var(--dt-sb) - 1000px) / 2) !important;
  }
  html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .chat-input-area-wrap { padding-left: calc(var(--dt-sb) + 36px) !important; padding-right: 36px !important; }
}
@media (min-width: 601px) and (max-width: 1023px) {
  html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .chat-header { padding-left: 72px; }
  html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .chat-input-area-wrap { padding-left: 72px !important; padding-right: 20px !important; }
}
@media (max-width: 600px) {
  html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .chat-header { padding-left: 14px; padding-right: 12px; }
  /* Telefonda üst ikonlar orijinal ölçü ve aralıkta (34px buton, 38px adım); kutusuz ikonda 40px+boşluk fazla ayrık duruyordu. */
  html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] :is(.chat-voice-call-btn, .chat-menu-btn, .chat-panel-back-btn) { width: 34px; height: 34px; min-width: 34px; border-radius: 10px; }
  html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .chat-messages { padding-top: calc(96px + env(safe-area-inset-top, 0px)); gap: 18px; }
  html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .user-bubble-wrap { max-width: 90%; }
  html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .chat-msg,
  html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .ai-bubble-wrap > .chat-msg.assistant,
  html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .user-bubble-wrap > .chat-msg.user { font-size: 15px; }
  html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .chat-msg.user { padding: 12px 16px; }
  html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .ai-bubble-wrap > .chat-msg.assistant blockquote { padding-left: 16px !important; }
  html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .chat-input-area-wrap { padding-bottom: max(10px, env(safe-area-inset-bottom, 0px)) !important; }
  html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .chat-input-outer { padding: 10px 12px 10px 14px; border-radius: 22px; }
}
@media (prefers-reduced-motion: reduce) {
  html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] :is(.chat-msg,.ai-bubble-wrap,.user-bubble-wrap,.dt-sb-item) { animation: none; transition: none; }
  html:is([data-tema="fildisi"], [data-tema="siyah"]) #home-screen[data-tema] .chat-mic-btn.recording::before { animation: none; }
}