/* ------------------------------------------------------------------
   Türkbil AI Agent v7 — "UZMAN MASASI" (2026-10-27; kullanıcı 4 konsepti denedi, "5." istedi → yeni konsept)
   Ortada pencere: sol şerit iki kipte de gece laciverti (kimlik, yanıtların dayanağı, altyapıdan canlı ölçüm, doğruluk ilkesi);
   sağda sohbet sitenin kart yüzeyinde. Kimlik: logonun dört yükselen çubuğu + markanın noktalı halkaları. Ölçüler: 8/13/21/34/55.
   (v6 alt konsol stilleri: /root/turkbil-tema/ai/v6/turkbil-ai.css)
   ------------------------------------------------------------------ */

/* ——— AI işareti (2026-10-28) — kullanıcı: çizim simgeler (kıvılcım, balon, çip, robot) ve dolu "AI" etiketi reddedildi;
   "AI çok rahatça görünsün". KUTUSUZ HARF SİMGESİ: kalın geometrik A + I, I'nın sağ üstünde küçük kıvılcım; yanında "Asistan".
   Renk currentColor = temanın simge rengi (üst şerit #3564AF / #8FBBF2, pencerede vurgu mavisi). Hareketsiz. ——— */
.tb-aj-ikon { display: block; flex: none; overflow: visible; }
/* tek parça LOGOTİP v2 (2026-10-28; kullanıcı: "premium harfler ve görsel güzellik", "önizle sonra canlıya al").
   6 aday (Manrope, Plus Jakarta, Urbanist, Outfit, Barlow) şeritte önizlendi → Manrope, "AI" 800 + kelime 500, boy şerit yazısıyla eş.
   Harfler SVG YOLU (partials/ai-logo.tpl, /root/turkbil-tema/ai/logotip/uret_logo.py); Manrope harfi olmayan dillerde kelime <text>.
   RENK: "AI" + kıvılcım şerit simge rengi (#3564AF / #8FBBF2), kelime şerit yazı rengi (#13213A / #E6EEF7). */
.tb-ai-logo { display: block; flex: none; overflow: hidden; }
.tb-ai-logo .ai, .tb-ai-logo .k { fill: #3564AF; } .tb-ai-logo .ad { fill: #13213A; }
.tb-ai-logo .adm { font: 500 16.2px "Manrope", var(--tb-font-govde, "Open Sans"), sans-serif; }
html[data-bs-theme="dark"] .tb-ai-logo .ai, html[data-bs-theme="dark"] .tb-ai-logo .k { fill: #8FBBF2; }
html[data-bs-theme="dark"] .tb-ai-logo .ad { fill: #E6EEF7; }
/* pencere işaretleri: aynı logotipin "AI✦" kısmı, pencerenin vurgu mavisinde */
.tb-am-bekle .tb-ai-isaret { width: 20px; height: 17px; } .tb-am-bekle .tb-ai-isaret .ai, .tb-am-bekle .tb-ai-isaret .k { fill: var(--m-mavi); }
html[dir="rtl"] .tb-ai-logo .adm { direction: ltr; unicode-bidi: plaintext; }
.tb-topbar .tb-topbar-end > a.tb-ai-dugme:focus-visible { box-shadow: inset 0 -1px 0 currentColor !important; }

/* ——— üst şerit düğmesi (Blog kalıbı: zeminsiz, üzerine gelince çerçeve) ——— */
.tb-topbar .tb-topbar-end > a.tb-yerel-dugme.tb-ai-dugme { display: inline-flex; padding-inline: 0; gap: .5rem; }
/* 2026-10-28 kullanıcı: "butonun etrafındaki çizgi çıkmasın" — çerçeve hiçbir durumda yok (üzerine gelme, açık, odak).
   Klavye odağı yalnız yazının altında ince çizgiyle belirtilir. */
.tb-topbar .tb-topbar-end > a.tb-ai-dugme::after, .tb-topbar .tb-topbar-end > a.tb-ai-dugme:hover::after,
.tb-topbar .tb-topbar-end > a.tb-ai-dugme:focus-visible::after, .tb-topbar .tb-topbar-end > a.tb-ai-dugme[aria-expanded="true"]::after { display: none !important; }
.tb-topbar .tb-topbar-end > a.tb-ai-dugme, .tb-topbar .tb-topbar-end > a.tb-ai-dugme:focus, .tb-topbar .tb-topbar-end > a.tb-ai-dugme:focus-visible { outline: none !important; box-shadow: none !important; background: transparent !important; }
@media (max-width: 575.98px) {   /* telefonda logonun yalnız "AI✦" kısmı (slice ile sol taraf), ad ekran okuyucuda aria-label'da */
    .tb-topbar .tb-ai-logo { width: 20.5px !important; } .tb-topbar .tb-ai-logo .ad { visibility: hidden; }
    .tb-topbar .tb-topbar-end > a.tb-yerel-dugme.tb-ai-dugme { min-width: 24px; justify-content: center; }
}

/* ——— perde + pencere — v10 "DERLİ TOPLU" (2026-10-28) ———————————————————————————————
   Tek sistem: --g 20px kenar (üst satır, gövde, yazma alanı ve alt not AYNI çizgide), iç köşe 12px, dış köşe 18px,
   boşluk basamakları 8 / 12 / 20. Üç bölge: üst satır 60px · gövde · alt şerit. Masaüstü yatay altın dikdörtgen 744×460
   (kullanıcı "yatay yap"), telefon tam ekran. */
html.tb-am-kilit, html.tb-am-kilit body { overflow: hidden; }
.tb-am-perde { position: fixed; inset: 0; z-index: 1060; background: rgba(6,14,30,.21); -webkit-backdrop-filter: blur(1.66px); backdrop-filter: blur(1.66px);   /* kullanıcı ayarı: .21 / 1.66px */
    opacity: 0; transition: opacity .2s ease; }
.tb-am-perde.is-acik { opacity: 1; }
.tb-am { --g: 20px; --m-zemin: #fff; --m-alt: #F6F8FB; --m-yazi: #0C1627; --m-ikincil: #5b6b7c; --m-cizgi: rgba(15,32,55,.09); --m-kart: #fff; --m-vurgu: #C62338; --m-mavi: #3564AF; --m-sen: #EEF2F8;
    position: fixed; z-index: 1061; top: 50%; left: 50%; width: min(744px, calc(100vw - 32px)); height: min(460px, calc(100dvh - 48px));
    display: flex; flex-direction: column; overflow: hidden; color: var(--m-yazi); background: var(--m-zemin);
    border: 1px solid var(--m-cizgi); border-radius: 18px; box-shadow: 0 40px 90px -30px rgba(6,14,30,.55), 0 2px 6px rgba(6,14,30,.06); font-size: .9rem;
    opacity: 0; transform: translate(-50%, -48%) scale(.985); transition: opacity .2s ease, transform .2s ease; }
.tb-am.is-acik { opacity: 1; transform: translate(-50%, -50%); }
html[data-bs-theme="dark"] .tb-am { --m-zemin: #101F3A; --m-alt: #0C1930; --m-yazi: #E8EEF7; --m-ikincil: #A3B3C9; --m-cizgi: rgba(141,184,255,.14);
    --m-kart: #13243F; --m-vurgu: #FF6B7D; --m-mavi: #8DB8FF; --m-sen: #1A2D4F; box-shadow: 0 40px 90px -30px rgba(0,0,0,.85); }
@media (prefers-reduced-motion: reduce) { .tb-am, .tb-am-perde { transition: none; } }
.tb-am button:focus-visible, .tb-am a:focus-visible, .tb-am textarea:focus-visible { outline: 2px solid var(--m-mavi); outline-offset: 2px; }
.tb-am-sohbet { flex: 1; min-height: 0; display: flex; flex-direction: column; }

/* üst satır */
.tb-am-ust { flex: none; display: flex; align-items: center; gap: 12px; height: 60px; padding: 0 12px 0 var(--g); border-bottom: 1px solid var(--m-cizgi); }
html[dir="rtl"] .tb-am-ust { padding: 0 var(--g) 0 12px; }
.tb-am-isaret { flex: none; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 10px; background: color-mix(in srgb, var(--m-mavi) 10%, transparent); }
.tb-am-isaret .tb-ai-isaret { width: 22px; height: 19px; }
.tb-am-isaret .tb-ai-isaret .ai, .tb-am-isaret .tb-ai-isaret .k { fill: var(--m-mavi); }
.tb-am-ust-yazi { flex: 1; min-width: 0; }
.tb-am-ust-yazi h2 { margin: 0; font: 700 .975rem/1.2 var(--tb-font-baslik); color: var(--m-yazi); }
.tb-am-ust-yazi p { display: flex; align-items: center; gap: 6px; margin: 2px 0 0; font-size: .74rem; line-height: 1.2; color: var(--m-ikincil); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tb-am-nabiz { flex: none; width: 7px; height: 7px; border-radius: 50%; background: #22C55E; box-shadow: 0 0 0 3px rgba(34,197,94,.16); }
.tb-am-ikon { flex: none; display: grid; place-items: center; width: 36px; height: 36px; border: 0; border-radius: 10px; background: transparent; color: var(--m-ikincil); font-size: 1rem; }
.tb-am-ikon:hover { background: var(--m-alt); color: var(--m-yazi); }

/* gövde */
.tb-am-govde { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: var(--g); display: flex; flex-direction: column; gap: var(--g); outline: 0;
    scrollbar-width: thin; scrollbar-color: var(--m-cizgi) transparent; }

/* karşılama */
.tb-am-karsila h3 { margin: 0 0 6px; font: 700 1.125rem/1.3 var(--tb-font-baslik); color: var(--m-yazi); }
.tb-am-karsila > p { margin: 0 0 var(--g); max-width: 62ch; font-size: .85rem; line-height: 1.55; color: var(--m-ikincil); }
.tb-am-konular { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.tb-am-konular button { display: flex; align-items: center; gap: 12px; min-width: 0; height: 64px; padding: 0 14px; border: 1px solid var(--m-cizgi); border-radius: 12px;
    background: var(--m-alt); color: var(--m-yazi); text-align: start; transition: border-color .15s, background-color .15s; }
.tb-am-konular button:hover { border-color: color-mix(in srgb, var(--m-mavi) 45%, transparent); background: var(--m-kart); }
.tb-am-konular i { flex: none; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 10px; font-size: .95rem; color: var(--m-mavi);
    background: color-mix(in srgb, var(--m-mavi) 10%, transparent); }
.tb-am-konular span { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; text-align: start; }
.tb-am-konular b { font: 700 .875rem/1.25 var(--tb-font-baslik); }
.tb-am-konular small { font-size: .75rem; line-height: 1.3; color: var(--m-ikincil); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* alt şerit: yazma alanı + tek satır not (aynı --g çizgisi) */
.tb-am-alt { flex: none; padding: 12px var(--g) 10px; border-top: 1px solid var(--m-cizgi); background: var(--m-zemin); }
.tb-am-yaz { display: flex; align-items: flex-end; gap: 8px; padding: 4px 4px 4px 14px; border: 1px solid var(--m-cizgi); border-radius: 12px; background: var(--m-alt);
    transition: border-color .15s, box-shadow .15s; }
html[dir="rtl"] .tb-am-yaz { padding: 4px 14px 4px 4px; }
.tb-am-yaz:focus-within { border-color: color-mix(in srgb, var(--m-mavi) 55%, transparent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--m-mavi) 13%, transparent); }
.tb-am-yaz textarea { flex: 1; min-width: 0; max-height: 104px; padding: 9px 0; border: 0; outline: 0 !important; resize: none; background: transparent; color: var(--m-yazi);
    font: 400 .95rem/1.4 var(--tb-font-govde, "Open Sans", sans-serif); }
.tb-am-yaz textarea::placeholder { color: var(--m-ikincil); opacity: .9; }
.tb-am-gonder { flex: none; display: grid; place-items: center; width: 38px; height: 38px; border: 0; border-radius: 10px; color: #fff; font-size: 1rem;
    background: #C62338; transition: background-color .15s, opacity .15s; }
.tb-am-gonder:hover { background: #A81D2F; }
.tb-am-gonder:disabled { opacity: .45; }
.tb-am-not { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 8px 0 0; font-size: .72rem; line-height: 1.3; color: var(--m-ikincil); }
.tb-am-not > span { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tb-am-not-kisa { display: none; }
.tb-am-not button { flex: none; display: inline-flex; align-items: center; gap: 6px; padding: 0; border: 0; background: none; color: var(--m-mavi); font: 600 .74rem/1.3 var(--tb-font-govde, "Open Sans", sans-serif); }
.tb-am-not button:hover { text-decoration: underline; text-underline-offset: 2px; }

/* mesajlar */
.tb-am-m p { margin: 0 0 8px; } .tb-am-m p:last-child { margin-bottom: 0; }
.tb-am-sen { align-self: flex-end; max-width: 78%; padding: 8px 14px; border-radius: 14px 14px 4px 14px; background: var(--m-sen); border: 1px solid var(--m-cizgi); line-height: 1.45; }
html[dir="rtl"] .tb-am-sen { border-radius: 14px 14px 14px 4px; }
.tb-am-ajan { position: relative; display: flex; flex-direction: column; gap: 12px; }
.tb-am-ajan::before { content: "Türkbil"; display: block; font: 700 .76rem/14px var(--tb-font-baslik); color: var(--m-ikincil); padding-inline-start: 19px; }
.tb-am-ajan::after { content: "AI"; position: absolute; top: 0; inset-inline-start: 0; font: 700 11px/14px var(--tb-font-baslik), "Barlow", sans-serif; letter-spacing: -.01em; color: var(--m-mavi); }
.tb-am-metin { line-height: 1.6; overflow-wrap: anywhere; }
.tb-am-metin ul, .tb-am-metin ol { margin: 0 0 8px; padding-inline-start: 1.2rem; } .tb-am-metin li { margin-bottom: 3px; }
.tb-am-metin a { color: var(--m-mavi); text-decoration: underline; text-underline-offset: 2px; }
.tb-am-metin strong { font-weight: 700; }
.tb-am-uyari { color: var(--m-vurgu); }
.tb-am-bekle { display: flex; align-items: center; gap: 8px; color: var(--m-ikincil); font-size: .875rem; }
.tb-am-secenek { display: flex; flex-wrap: wrap; gap: 8px; }
.tb-am-secenek button { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border: 1px solid var(--m-cizgi); border-radius: 10px; background: var(--m-alt);
    color: var(--m-yazi); font: 500 .85rem/1.25 var(--tb-font-govde, "Open Sans", sans-serif); transition: border-color .15s; }
.tb-am-secenek button i { color: var(--m-mavi); font-size: .75rem; }
html[dir="rtl"] .tb-am-secenek button i { transform: scaleX(-1); }
.tb-am-secenek button:hover { border-color: color-mix(in srgb, var(--m-mavi) 55%, transparent); }

/* ——— ekler ——— */
.tb-am-ek { display: flex; flex-direction: column; gap: 8px; }
.tb-am-dip { margin: 0; font-size: .72rem; color: var(--m-ikincil); } .tb-am-dip a { color: var(--m-mavi); }
.tb-am-kartlar { display: grid; gap: 12px; }
@media (min-width: 640px) { .tb-am-kartlar.is-cok { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.tb-am-kart { position: relative; display: block; padding: 13px; border: 1px solid var(--m-cizgi); border-radius: 13px; background: var(--m-kart); color: var(--m-yazi);
    text-decoration: none !important; transition: border-color .15s, transform .15s; }
.tb-am-kart::before { content: ""; position: absolute; top: -1px; inset-inline-start: 13px; width: 34px; height: 3px; border-radius: 0 0 3px 3px; background: var(--m-mavi); }
.tb-am-kart.is-populer::before { background: var(--m-vurgu); }
.tb-am-kart:hover { color: var(--m-yazi); border-color: color-mix(in srgb, var(--m-mavi) 45%, transparent); transform: translateY(-1px); }
.tb-am-kart-ust { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.tb-am-kart-ust small { font: 600 .72rem/1.2 var(--tb-font-govde, "Open Sans", sans-serif); color: var(--m-ikincil); }
.tb-am-kart-ust em { font: 700 .68rem/1 var(--tb-font-govde, "Open Sans", sans-serif); font-style: normal; padding: 3px 8px; border-radius: 999px; color: var(--m-vurgu);
    background: color-mix(in srgb, var(--m-vurgu) 10%, transparent); }
.tb-am-kart b { display: block; margin-top: 3px; font: 700 1rem/1.3 var(--tb-font-baslik); color: var(--m-yazi); }
.tb-am-kart-etiket { display: block; font-size: .8125rem; color: var(--m-ikincil); }
.tb-am-kart ul { display: flex; flex-wrap: wrap; gap: 5px; margin: 8px 0 0; padding: 0; list-style: none; }
.tb-am-kart li { padding: 2px 8px; border-radius: 999px; font-size: .72rem; line-height: 1.5; border: 1px solid var(--m-cizgi); }
.tb-am-kart-alt { display: flex; align-items: flex-end; justify-content: space-between; gap: 8px; margin-top: 12px; padding-top: 8px; border-top: 1px solid var(--m-cizgi); }
.tb-am-fiyat { font-size: .8125rem; color: var(--m-ikincil); }
.tb-am-fiyat strong { font: 700 1.125rem/1.1 var(--tb-font-baslik); color: var(--m-yazi); font-variant-numeric: tabular-nums; }
.tb-am-fiyat small { display: block; font-size: .7rem; }
.tb-am-git { flex: none; font: 600 .8125rem/1 var(--tb-font-govde, "Open Sans", sans-serif); color: var(--m-mavi); white-space: nowrap; }
.tb-am-tablo-sar { overflow-x: auto; border: 1px solid var(--m-cizgi); border-radius: 13px; background: var(--m-kart); }
.tb-am-tablo { width: 100%; border-collapse: collapse; font-size: .8125rem; font-variant-numeric: tabular-nums; }
.tb-am-tablo th, .tb-am-tablo td { padding: 8px 13px; text-align: start; border-bottom: 1px solid var(--m-cizgi); vertical-align: top; }
.tb-am-tablo tr:last-child > * { border-bottom: 0; }
.tb-am-tablo thead th { font: 700 .875rem/1.3 var(--tb-font-baslik); background: var(--m-alt); }
.tb-am-tablo thead a { color: var(--m-mavi); text-decoration: none; }
.tb-am-tablo tbody th { font-weight: 600; color: var(--m-ikincil); white-space: nowrap; }
.tb-am-tablo-fiyat strong { font: 700 .95rem/1 var(--tb-font-baslik); color: var(--m-yazi); }
.tb-am-tld { display: grid; gap: 5px; }
.tb-am-tld > div { display: flex; flex-wrap: wrap; align-items: baseline; gap: 3px 21px; padding: 8px 13px; border: 1px solid var(--m-cizgi); border-radius: 10px; background: var(--m-kart);
    font-size: .8125rem; color: var(--m-ikincil); }
.tb-am-tld b { min-width: 5em; font: 700 .95rem/1 var(--tb-font-baslik); color: var(--m-yazi); }
.tb-am-tld strong { color: var(--m-yazi); }
.tb-am-makale { display: flex; gap: 12px; padding: 13px; border: 1px solid var(--m-cizgi); border-radius: 13px; background: var(--m-kart); color: var(--m-yazi); text-decoration: none !important; }
.tb-am-makale > i { flex: none; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 10px; color: var(--m-mavi); background: color-mix(in srgb, var(--m-mavi) 9%, transparent); }
.tb-am-makale > span { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.tb-am-makale small { font: 600 .72rem/1 var(--tb-font-govde, "Open Sans", sans-serif); color: var(--m-ikincil); }
.tb-am-makale b { font: 700 .9rem/1.35 var(--tb-font-baslik); }
.tb-am-makale > span > span { font-size: .8rem; line-height: 1.5; color: var(--m-ikincil); }
.tb-am-makale em { font: 600 .8125rem/1 var(--tb-font-govde, "Open Sans", sans-serif); font-style: normal; color: var(--m-mavi); margin-top: 3px; }
.tb-am-makale:hover { color: var(--m-yazi); border-color: color-mix(in srgb, var(--m-mavi) 45%, transparent); }

/* ——— telefon + yatay telefon + kısa ekran: TAM EKRAN (2026-10-28 mobil düzeltmesi) ———
   - yükseklik JS'ten (--aj-h = visualViewport): klavye açılınca yazma alanı klavyenin üstünde kalır
   - yazma alanı 16px: iOS odakta sayfayı yakınlaştırmasın
   - çentik / ana çubuk boşlukları (safe-area) — not tek satır, alt şerit ince */
@media (max-width: 767.98px), (max-height: 560px) {
    .tb-am { --g: 16px; top: var(--aj-ust, 0px); left: 0; width: 100%; height: var(--aj-h, 100dvh); max-height: none; border-radius: 0; border: 0; transform: translateY(12px); }
    .tb-am.is-acik { transform: none; }
    .tb-am-ust { height: calc(56px + env(safe-area-inset-top)); padding-top: env(safe-area-inset-top);
        padding-inline: calc(var(--g) + env(safe-area-inset-left)) calc(8px + env(safe-area-inset-right)); }
    .tb-am-govde { padding-inline: calc(var(--g) + env(safe-area-inset-left)) calc(var(--g) + env(safe-area-inset-right)); }
    .tb-am-konular { grid-template-columns: minmax(0, 1fr); }
    .tb-am-konular button { height: 58px; }
    .tb-am-alt { padding: 10px calc(var(--g) + env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) calc(var(--g) + env(safe-area-inset-left)); }
    .tb-am-yaz textarea { font-size: 16px; padding: 8px 0; }
    .tb-am-gonder { width: 40px; height: 40px; }
    .tb-am-not { margin-top: 6px; font-size: .68rem; }
    .tb-am-not-uzun { display: none; } .tb-am-not > .tb-am-not-kisa { display: inline; white-space: normal; overflow: visible; }
}
@media (max-height: 560px) and (min-width: 600px) { .tb-am-konular { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.tb-am-kart { position: relative; display: block; padding: 13px; border: 1px solid var(--m-cizgi); border-radius: 13px; background: var(--m-kart); color: var(--m-yazi);
    text-decoration: none !important; transition: border-color .15s, transform .15s; }
.tb-am-kart::before { content: ""; position: absolute; top: -1px; inset-inline-start: 13px; width: 34px; height: 3px; border-radius: 0 0 3px 3px; background: var(--m-mavi); }
.tb-am-kart.is-populer::before { background: var(--m-vurgu); }
.tb-am-kart:hover { color: var(--m-yazi); border-color: color-mix(in srgb, var(--m-mavi) 45%, transparent); transform: translateY(-1px); }
.tb-am-kart-ust { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.tb-am-kart-ust small { font: 600 .72rem/1.2 var(--tb-font-govde, "Open Sans", sans-serif); color: var(--m-ikincil); }
.tb-am-kart-ust em { font: 700 .68rem/1 var(--tb-font-govde, "Open Sans", sans-serif); font-style: normal; padding: 3px 8px; border-radius: 999px; color: var(--m-vurgu);
    background: color-mix(in srgb, var(--m-vurgu) 10%, transparent); }
.tb-am-kart b { display: block; margin-top: 3px; font: 700 1rem/1.3 var(--tb-font-baslik); color: var(--m-yazi); }
.tb-am-kart-etiket { display: block; font-size: .8125rem; color: var(--m-ikincil); }
.tb-am-kart ul { display: flex; flex-wrap: wrap; gap: 5px; margin: 8px 0 0; padding: 0; list-style: none; }
.tb-am-kart li { padding: 2px 8px; border-radius: 999px; font-size: .72rem; line-height: 1.5; border: 1px solid var(--m-cizgi); }
.tb-am-kart-alt { display: flex; align-items: flex-end; justify-content: space-between; gap: 8px; margin-top: 12px; padding-top: 8px; border-top: 1px solid var(--m-cizgi); }
.tb-am-fiyat { font-size: .8125rem; color: var(--m-ikincil); }
.tb-am-fiyat strong { font: 700 1.125rem/1.1 var(--tb-font-baslik); color: var(--m-yazi); font-variant-numeric: tabular-nums; }
.tb-am-fiyat small { display: block; font-size: .7rem; }
.tb-am-git { flex: none; font: 600 .8125rem/1 var(--tb-font-govde, "Open Sans", sans-serif); color: var(--m-mavi); white-space: nowrap; }
.tb-am-tablo-sar { overflow-x: auto; border: 1px solid var(--m-cizgi); border-radius: 13px; background: var(--m-kart); }
.tb-am-tablo { width: 100%; border-collapse: collapse; font-size: .8125rem; font-variant-numeric: tabular-nums; }
.tb-am-tablo th, .tb-am-tablo td { padding: 8px 13px; text-align: start; border-bottom: 1px solid var(--m-cizgi); vertical-align: top; }
.tb-am-tablo tr:last-child > * { border-bottom: 0; }
.tb-am-tablo thead th { font: 700 .875rem/1.3 var(--tb-font-baslik); background: var(--m-alt); }
.tb-am-tablo thead a { color: var(--m-mavi); text-decoration: none; }
.tb-am-tablo tbody th { font-weight: 600; color: var(--m-ikincil); white-space: nowrap; }
.tb-am-tablo-fiyat strong { font: 700 .95rem/1 var(--tb-font-baslik); color: var(--m-yazi); }
.tb-am-tld { display: grid; gap: 5px; }
.tb-am-tld > div { display: flex; flex-wrap: wrap; align-items: baseline; gap: 3px 21px; padding: 8px 13px; border: 1px solid var(--m-cizgi); border-radius: 10px; background: var(--m-kart);
    font-size: .8125rem; color: var(--m-ikincil); }
.tb-am-tld b { min-width: 5em; font: 700 .95rem/1 var(--tb-font-baslik); color: var(--m-yazi); }
.tb-am-tld strong { color: var(--m-yazi); }
.tb-am-makale { display: flex; gap: 12px; padding: 13px; border: 1px solid var(--m-cizgi); border-radius: 13px; background: var(--m-kart); color: var(--m-yazi); text-decoration: none !important; }
.tb-am-makale > i { flex: none; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 10px; color: var(--m-mavi); background: color-mix(in srgb, var(--m-mavi) 9%, transparent); }
.tb-am-makale > span { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.tb-am-makale small { font: 600 .72rem/1 var(--tb-font-govde, "Open Sans", sans-serif); color: var(--m-ikincil); }
.tb-am-makale b { font: 700 .9rem/1.35 var(--tb-font-baslik); }
.tb-am-makale > span > span { font-size: .8rem; line-height: 1.5; color: var(--m-ikincil); }
.tb-am-makale em { font: 600 .8125rem/1 var(--tb-font-govde, "Open Sans", sans-serif); font-style: normal; color: var(--m-mavi); margin-top: 3px; }
.tb-am-makale:hover { color: var(--m-yazi); border-color: color-mix(in srgb, var(--m-mavi) 45%, transparent); }


/* ajan açıkken WChat penceresi ve çerez bildirimi gizli — üst üste binmesin */
html.tb-aj-acik #WChat { visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; }
html.tb-aj-acik .cookie-notice, html.tb-aj-acik [class*="cerez"], html.tb-aj-acik [class*="cookie-notice"] { visibility: hidden !important; }

/* ——— makale bağlantısı v2 (2026-10-29; kullanıcı: "makaleyi okuyun kısmı çok büyük, cevap görünmüyor; daha kibar ve oranlı") ———
   Kart değil, yanıtın altında ince bir kaynak satırı: 26px simge · etiket + başlık (en çok 2 satır) · ok. Yükseklik ~46px (önce ~120px).
   Yanıt metniyle arasında 8px; birden fazla makale alt alta 6px. Yukarıdaki eski .tb-am-makale kurallarını geçersiz kılar. */
.tb-am .tb-am-ek:has(> .tb-am-makale) { margin-top: 8px; }
.tb-am .tb-am-ek:has(> .tb-am-makale) + .tb-am-ek:has(> .tb-am-makale) { margin-top: 6px; }
.tb-am .tb-am-makale { display: flex; align-items: center; gap: 10px; max-width: 440px; padding: 7px 10px 7px 8px; border-radius: 10px;
    border: 1px solid var(--m-cizgi); background: transparent; color: var(--m-yazi); text-decoration: none !important; transition: border-color .15s ease, background-color .15s ease; }
.tb-am .tb-am-makale > i { flex: none; display: grid; place-items: center; width: 26px; height: 26px; border-radius: 7px; font-size: .8rem;
    color: var(--m-mavi); background: color-mix(in srgb, var(--m-mavi) 9%, transparent); }
.tb-am .tb-am-makale > span:not(.visually-hidden) { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1 1 auto; }
.tb-am .tb-am-makale small { font: 600 .66rem/1.2 var(--tb-font-govde, "Open Sans", sans-serif); letter-spacing: .02em; color: var(--m-ikincil); }
.tb-am .tb-am-makale b { font: 600 .8125rem/1.35 var(--tb-font-baslik); color: var(--m-yazi);
    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.tb-am .tb-am-makale em { flex: none; margin: 0; font-size: .8rem; font-style: normal; color: var(--m-ikincil); transition: color .15s ease, transform .15s ease; }
.tb-am .tb-am-makale:hover, .tb-am .tb-am-makale:focus-visible { border-color: color-mix(in srgb, var(--m-mavi) 40%, transparent); background: color-mix(in srgb, var(--m-mavi) 4%, transparent); }
.tb-am .tb-am-makale:hover em, .tb-am .tb-am-makale:focus-visible em { color: var(--m-mavi); transform: translateX(2px); }
[dir="rtl"] .tb-am .tb-am-makale em { transform: scaleX(-1); }
[dir="rtl"] .tb-am .tb-am-makale:hover em { transform: scaleX(-1) translateX(2px); }
/* kaydırılmış sohbetin üst kenarı yumuşak solar (yarım kalan balon kesik görünmesin) — yalnız kaydırılmışken */
.tb-am .tb-am-govde.is-kaydi { -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 22px); mask-image: linear-gradient(to bottom, transparent 0, #000 22px); }