/* V2 / Yönetim, ayarlar, hesap, iletişim: Agency CRM desenleri (sayfa başlığı, .tabs, form-section kartı, tablo+rozet, messages, dialog.modal).
 * Salt sunumsal. Renkler --v2-* değişkenlerinden. Belge alanları (.stage .page .pl .pg ...) ve baskı kapsam dışı. */

/* ================= SAYFA BAŞLIĞI: tek tutarlı kalıp (h1 21px/650, sağda eylemler) ================= */
#app[data-v2] :is(.y2-bas, .er-bas, .ym-baslik, .hd-baslik, .r2-bas):not(.a2-sekme *) { gap: 8px 12px; margin-block: 0 var(--v2-s4); align-items: flex-start; }
#app[data-v2] :is(.y2-bas, .er-bas, .ym-baslik) h2, #app[data-v2] .hd-baslik h2 { font-size: 21px; font-weight: 650; letter-spacing: -.02em; line-height: 1.5; color: var(--v2-ink); }
#app[data-v2] :is(.y2-ozet, .y2-bas p, .ym-baslik .bilgi, .hd-baslik .bilgi-oz, .r2-ozet) { font-size: var(--v2-fs-sm); color: var(--v2-muted); }

/* ================= SEKMELER: Agency .tabs (alt çizgili; seçili marka renkli 2px çizgi) ================= */
#app[data-v2] :is(.er-sekme, .tk-bar .chips, .sekme-bar .chips) { display: flex; gap: 2px; border-bottom: 1px solid var(--v2-line); margin: 0 0 var(--v2-s4); padding: 0; overflow-x: auto; scrollbar-width: none; }
#app[data-v2] :is(.er-sekme, .tk-bar .chips, .sekme-bar .chips)::-webkit-scrollbar { display: none; }
#app[data-v2] :is(.er-sekme button, .tk-bar .chips .chip, .sekme-bar .chips .chip) { flex: none; background: none; border: 0; border-bottom: 2px solid transparent; border-radius: 0; margin-bottom: -1px; padding: 10px 14px; font: inherit; font-size: 13.5px; font-weight: 550; color: var(--v2-muted); box-shadow: none; cursor: pointer; }
#app[data-v2] :is(.er-sekme button, .tk-bar .chips .chip, .sekme-bar .chips .chip):hover { color: var(--v2-ink); background: none; }
#app[data-v2] :is(.er-sekme button, .tk-bar .chips .chip, .sekme-bar .chips .chip):is(.on, [aria-selected="true"], [aria-pressed="true"]) { color: var(--v2-brand); border-bottom-color: var(--v2-brand); background: none; }

/* ================= İÇ GEZİNME (a2-nav): Agency menü/sekme listesi ================= */
#app[data-v2] .a2-nav a { border-radius: 7px; border-inline-start: 0; color: var(--v2-ink-2); font-weight: 500; }
#app[data-v2] .a2-nav a:hover { background: var(--v2-surface-3); color: var(--v2-ink); }
#app[data-v2] .a2-nav a.on { background: color-mix(in srgb, var(--v2-brand) 9%, var(--v2-surface)); color: var(--v2-brand); font-weight: 600; box-shadow: inset 2px 0 0 var(--v2-brand); }
[dir="rtl"] #app[data-v2] .a2-nav a.on { box-shadow: inset -2px 0 0 var(--v2-brand); }

/* ================= FORM-SECTION KARTI: başlık + açıklama + alanlar ================= */
#app[data-v2] :is(.a2-bolum.ay-card, .a2-bolum, .dt-b, .r2-kart, .kutu, .ay-card):not(:is(.stage, .scaler, .page, .pl, .pg, .pg-sema, .vsc, .xk-t, .ts-kagit, .pdf-host) *) { border-radius: var(--v2-r); border-color: var(--v2-line); box-shadow: var(--v2-sh-sm); background: var(--v2-surface); }
#app[data-v2] .a2-bolum > .a2-bas { background: var(--v2-surface); border-bottom-color: var(--v2-line-2); border-radius: var(--v2-r) var(--v2-r) 0 0; }
#app[data-v2] .a2-bas h2, #app[data-v2] :is(.ay-card, .dt-b, .kutu) > :is(h2, h3), #app[data-v2] .kutu-bas h3, #app[data-v2] .r2-kart > header :is(h2, h3) { font-size: 13.3px; font-weight: 650; letter-spacing: -.005em; color: var(--v2-ink); }
#app[data-v2] .a2-bas h2 { font-size: 15px; }
#app[data-v2] .a2-bas p { color: var(--v2-muted); font-size: var(--v2-fs-sm); }
#app[data-v2] .a2 .a2-et, #app[data-v2] .a2 .a2-satir .a2-et { font-size: 12.5px; font-weight: 550; color: var(--v2-ink-2); }
#app[data-v2] .a2 .a2-satir { border-bottom-color: var(--v2-line-2); }
#app[data-v2] .a2 .a2-satir input:not([type=checkbox], [type=radio]), #app[data-v2] .a2 .a2-satir select { height: var(--v2-h-ctl); border-radius: var(--v2-r-sm); border-color: var(--v2-line); background-color: var(--v2-surface); color: var(--v2-ink); }
#app[data-v2] .a2 .a2-satir textarea { border-radius: var(--v2-r-sm); border-color: var(--v2-line); background-color: var(--v2-surface); color: var(--v2-ink); }
#app[data-v2] .a2 .a2-satir :is(input, select, textarea):focus { outline: 2px solid transparent; border-color: var(--v2-brand); box-shadow: var(--v2-ring); }
#app[data-v2] .a2 .ay-a, #app[data-v2] .a2 .a2-kayit { background: var(--v2-surface-2); border-top: 1px solid var(--v2-line); }
#app[data-v2] .a2 .ay-pf { background: var(--v2-surface-2); border-color: var(--v2-line); border-radius: var(--v2-r); }
#app[data-v2] .a2 .ay-img .im, #app[data-v2] .kd-sar { border-color: var(--v2-line); border-radius: var(--v2-r); }
#app[data-v2] .kd-sar > .kd-bas, #app[data-v2] .a2 table.ay-pr thead th { background: var(--v2-surface-2); color: var(--v2-muted); font-size: var(--v2-th-fs, 10.5px); font-weight: 650; letter-spacing: .07em; text-transform: uppercase; }

/* ================= KPI KARTI: Agency .kpi (sol vurgu çizgisi yok, küçük etiket + 24.5px değer) ================= */
#app[data-v2] :is(.stat, .r2-k, .e2-k, .f4-kpi)::before { content: none; }
#app[data-v2] .stat-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: var(--v2-s4); margin-block: 0 var(--v2-s4); }
#app[data-v2] .stat-grid > .stat, #app[data-v2] .r2-kpi > .r2-k { background: var(--v2-surface); border: 1px solid var(--v2-line); border-radius: var(--v2-r); box-shadow: var(--v2-sh-sm); padding: var(--v2-kpi-pad); display: flex; flex-direction: column; gap: 4px; }
#app[data-v2] .stat > span:first-child, #app[data-v2] .stat .stat-l, #app[data-v2] .r2-k > span:first-child { font-size: var(--v2-kpi-label); font-weight: 550; color: var(--v2-muted); }
#app[data-v2] .stat > b, #app[data-v2] .stat .stat-v, #app[data-v2] .r2-k > b { font-size: var(--v2-kpi-val-size); font-weight: var(--v2-kpi-val-weight); letter-spacing: -.025em; color: var(--v2-ink); line-height: 1.25; }
#app[data-v2] .stat > small, #app[data-v2] .r2-k > small { font-size: 10.9px; color: var(--v2-muted); }

/* ================= TABLO ================= */
#app[data-v2] :is(.tbl-x) { border-radius: var(--v2-r); }
#app[data-v2] .tbl-x th { padding: var(--v2-th-pad); }
#app[data-v2] .tbl-x td { padding: var(--v2-td-pad); }
#app[data-v2] .tbl-x td { font-size: var(--v2-fs); }
#app[data-v2] .sayfa-araci { background: var(--v2-surface); border-bottom: 1px solid var(--v2-line-2); gap: 8px; }
#app[data-v2] .er-alt { font-size: 12px; color: var(--v2-muted); }
#app[data-v2] td .bdg, #app[data-v2] .tbl-x .bdg, #app[data-v2] .er-k .bdg { border-radius: 5px; font-size: 10.5px; font-weight: 600; padding: 2px 8px; }

/* ================= TEHLİKELİ EYLEM: Agency btn-danger (kırmızı çerçeveli) ================= */
#app[data-v2] .v2-tehlike.v2-tehlike { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 30px; padding: 0 10px; border: 1px solid color-mix(in srgb, var(--v2-bad) 40%, var(--v2-line)); border-radius: var(--v2-r-sm); background: var(--v2-surface); color: var(--v2-bad-text); font: inherit; font-size: 12.5px; font-weight: 600; text-decoration: none; cursor: pointer; }
#app[data-v2] .v2-tehlike.v2-tehlike:hover { background: var(--v2-bad-soft); border-color: var(--v2-bad); color: var(--v2-bad-text); }

/* ================= KONUŞMA / GELEN KUTUSU (Agency messages): liste + konuşma paneli ================= */
#app[data-v2] .sh { background: var(--v2-surface); border: 1px solid var(--v2-line); border-radius: var(--v2-r); box-shadow: var(--v2-sh-sm); overflow: hidden; grid-template-columns: 320px minmax(0, 1fr); }
#app[data-v2] .sh-sol { border-inline-end: 1px solid var(--v2-line); background: var(--v2-surface); }
#app[data-v2] .sh-sol .sh-ust, #app[data-v2] .sh-sag .sh-baslik { background: var(--v2-surface); border-bottom: 1px solid var(--v2-line); min-height: 56px; }
#app[data-v2] .sh-ara { border: 1px solid var(--v2-line); border-radius: var(--v2-r-sm); background: var(--v2-surface-2); min-height: var(--v2-h-ctl); box-sizing: border-box; }
#app[data-v2] .sh-k, #app[data-v2] .ep-k, #app[data-v2] .ep-m, #app[data-v2] .wa-k { border-bottom: 1px solid var(--v2-line-2); color: var(--v2-ink); }
#app[data-v2] :is(.sh-k, .ep-k, .ep-m, .wa-k):hover { background: var(--v2-surface-3); }
#app[data-v2] :is(.sh-k, .ep-k, .ep-m, .wa-k).on { background: color-mix(in srgb, var(--v2-brand) 9%, var(--v2-surface)); box-shadow: inset 2px 0 0 var(--v2-brand); }
#app[data-v2] :is(.ep-m.yeni b, .wa-k.yeni b) { color: var(--v2-brand); }
#app[data-v2] :is(.sh-mesajlar, .wa-msj) { background: var(--v2-canvas); }
#app[data-v2] :is(.sh-b, .wa-b) { background: var(--v2-surface); border: 1px solid var(--v2-line); border-radius: 10px; }
#app[data-v2] .sh-m.ben .sh-b { background: color-mix(in srgb, var(--v2-brand) 11%, var(--v2-surface)); border-color: color-mix(in srgb, var(--v2-brand) 25%, var(--v2-line)); }
#app[data-v2] .sh-kim { color: var(--v2-brand); }
#app[data-v2] .sh-yaz { background: var(--v2-surface); border-top: 1px solid var(--v2-line); }
#app[data-v2] .sh-yaz textarea { border-radius: var(--v2-r-sm); border-color: var(--v2-line); background: var(--v2-surface); color: var(--v2-ink); }
#app[data-v2] .sh-on { background: var(--v2-good); } #app[data-v2] .sh-off { background: var(--v2-faint); }
#app[data-v2] .wa-uyari { background: var(--v2-gold-soft); border-bottom-color: color-mix(in srgb, var(--v2-gold) 35%, transparent); color: var(--v2-warn-text); }
#app[data-v2] .ik-mini { background: var(--v2-canvas); border-color: var(--v2-line); border-radius: var(--v2-r); }

/* ================= MODAL / PENCERE: Agency dialog.modal (12px, blur perde, kayan gövde, yapışkan alt çubuk) ================= */
dialog:is(.dlg, .dg, .pn)::backdrop { backdrop-filter: blur(3px); }
dialog.dg { display: flex; flex-direction: column; overflow: hidden; max-height: min(88vh, 880px); padding: 0; }
dialog.dg > form.dg-f { display: flex; flex-direction: column; min-height: 0; flex: 1 1 auto; margin: 0; }
dialog.dg .dg-ust { flex: none; padding: 18px 22px 12px; background: var(--v2-surface); }
dialog.dg .dg-ust h2 { font-size: 14.7px; }
dialog.dg .dg-g { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding: 16px 22px; }
dialog.dg .dg-alt { position: sticky; bottom: 0; flex: none; padding: 12px 22px; background: var(--v2-surface); border-top: 1px solid var(--v2-line-2); display: flex; gap: 8px; justify-content: flex-end; }
dialog.dg .dg-e > span { font-size: 11.2px; font-weight: 550; color: var(--v2-ink-2); }
dialog.dg .dg-e small { color: var(--v2-muted); }
dialog.dg .pn-x { border-radius: var(--v2-r-sm); color: var(--v2-muted); }
dialog.dg .pn-x:hover { background: var(--v2-surface-3); color: var(--v2-ink); }
@media (max-width: 640px) {
  dialog.dg { width: 100vw; max-width: 100vw; margin: auto 0 0; border-radius: var(--v2-r-lg) var(--v2-r-lg) 0 0; }
  dialog.dg .dg-alt > * { flex: 1 1 0; }
}

/* ================= BOŞ DURUM / YÜKLENEMEDİ ================= */
#app[data-v2] :is(.y2-bos, .bos, .empty) { color: var(--v2-muted); }

/* ================= DAR EKRAN ================= */
@media (max-width: 960px) {
  #app[data-v2] .a2-nav a { border: 1px solid var(--v2-line); border-radius: 999px; box-shadow: none; }
  #app[data-v2] .a2-nav a.on { border-color: var(--v2-brand); box-shadow: none; }
}
@media (max-width: 760px) {
  #app[data-v2] .sh { grid-template-columns: minmax(0, 1fr); }
  #app[data-v2] .sh-sol { border-inline-end: 0; }
}

/* ekran-crm.css'in genel main[data-v] .kutu / .tbl-x kuralı yönetim kartlarının tam genişlik tablosunu bozmasın */
#app[data-v2] main[data-v] .er-k { padding: var(--v2-s3) 0 0; }
#app[data-v2] main[data-v] .er-k .tbl-x { border: 0; border-top: 1px solid var(--v2-line); border-radius: 0; box-shadow: none; background: transparent; }
#app[data-v2] main[data-v] .kutu .tbl-x:not(.er-k *) { border-radius: var(--v2-r); }

/* Mesajlar: Agency sayfa dolgusu içinde yuvarlak kart (tam taşma yok) */
#app[data-v2][data-sohbet="1"] main.sh-app, #app[data-v2] main.sh-app { padding: var(--v2-s5) var(--v2-page-px) var(--v2-s4); box-sizing: border-box; max-width: var(--v2-max); }
#app[data-v2][data-sohbet="1"] main.sh-app > .sh, #app[data-v2] main.sh-app > .sh { height: calc(100dvh - var(--v2-top-h) - 56px); min-height: 420px; }
@media (max-width: 760px) { #app[data-v2] main.sh-app { padding: var(--v2-s3) 12px; } #app[data-v2] main.sh-app > .sh { height: calc(100dvh - 300px); } }
#app[data-v2][data-sohbet="1"] main.sh-app > .sh { border: 1px solid var(--v2-line); border-radius: var(--v2-r); grid-template-columns: 320px minmax(0, 1fr); }
@media (max-width: 860px) { #app[data-v2][data-sohbet="1"] main.sh-app > .sh { grid-template-columns: minmax(0, 1fr); height: calc(100dvh - 300px); } }

/* ================= HESABIM: Agency profil deseni (üstte alt çizgili sekmeler, kart içinde etiket üstte 2 sütun form) ================= */
#app[data-v2] main.hesap-ekran { max-width: var(--v2-max); padding-inline: var(--v2-page-px); }
#app[data-v2] main.hesap-ekran .hesap-kutu { display: block; }
#app[data-v2] main.hesap-ekran .hesap-kutu > h2 { font-size: 21px; font-weight: 650; letter-spacing: -.02em; margin: 0 0 var(--v2-s4); }
#app[data-v2] main.hesap-ekran .hesap-sekme { position: static; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 2px; margin: 0 0 var(--v2-s4); border-bottom: 1px solid var(--v2-line); overflow-x: auto; scrollbar-width: none; }
#app[data-v2] main.hesap-ekran .hesap-sekme button { flex: none; background: none; border: 0; border-bottom: 2px solid transparent; border-radius: 0; margin-bottom: -1px; padding: var(--v2-td-pad); font-size: 13.5px; font-weight: 600; color: var(--v2-muted); text-align: start; }
#app[data-v2] main.hesap-ekran .hesap-sekme button:hover { color: var(--v2-ink); background: none; }
#app[data-v2] main.hesap-ekran .hesap-sekme button.on { color: var(--v2-brand); border-bottom-color: var(--v2-brand); background: none; }
#app[data-v2] main.hesap-ekran .hesap-kutu > section[data-p] { background: var(--v2-surface); border: 1px solid var(--v2-line); border-radius: var(--v2-r); box-shadow: var(--v2-sh-sm); padding: 18px 20px; max-width: 880px; }
#app[data-v2] main.hesap-ekran .hesap-kutu > section[hidden] { display: none; }
#app[data-v2] main.hesap-ekran .hesap-g { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--v2-s4); }
#app[data-v2] main.hesap-ekran .hesap-g > label.a2-satir { display: flex; flex-direction: column; gap: 6px; padding: 0; border: 0; }
#app[data-v2] main.hesap-ekran .hesap-g > label.tam { grid-column: 1 / -1; }
#app[data-v2] main.hesap-ekran .hesap-g .a2-et { padding: 0; font-size: 11.5px; font-weight: 550; color: var(--v2-ink-2); }
#app[data-v2] main.hesap-ekran .hesap-g > label > :not(.a2-et) { max-width: none; width: 100%; }
#app[data-v2] main.hesap-ekran .hesap-kutu > .hesap-ileti { max-width: 880px; }
#app[data-v2] main.hesap-ekran .hesap-kutu > .hesap-alt { max-width: 880px; box-sizing: border-box; background: var(--v2-surface); border: 1px solid var(--v2-line); border-radius: var(--v2-r); }
#app[data-v2] main.hesap-ekran .tema-sec button { border-color: var(--v2-surface); box-shadow: 0 0 0 1px var(--v2-line); }
#app[data-v2] main.hesap-ekran .tema-sec button.on { box-shadow: 0 0 0 3px var(--v2-ink); }
#app[data-v2] main.hesap-ekran .menu-sec button { background: var(--v2-surface); border: 2px solid var(--v2-line); border-radius: var(--v2-r); color: var(--v2-muted); }
#app[data-v2] main.hesap-ekran .menu-sec button.on { border-color: var(--v2-brand); color: var(--v2-brand); }
#app[data-v2] main.hesap-ekran .hesap-alt-baslik { font-size: 13.3px; font-weight: 650; }
@media (max-width: 640px) { #app[data-v2] main.hesap-ekran .hesap-g { grid-template-columns: minmax(0, 1fr); } #app[data-v2] main.hesap-ekran { padding-inline: var(--v2-s3); } }

/* ================= AYARLAR sol kısayollar: Agency kart/liste (düz satır, ikon + başlık) ================= */
#app[data-v2] .a2-ust .y2-hk { background: var(--v2-surface); border: 1px solid var(--v2-line); border-radius: var(--v2-r); box-shadow: var(--v2-sh-sm); padding: 8px 10px; align-items: center; }
#app[data-v2] .a2-ust .y2-hk:hover { background: var(--v2-surface-3); }
#app[data-v2] .a2-ust .y2-hk-ik { width: 28px; height: 28px; border-radius: 7px; background: color-mix(in srgb, var(--v2-brand) 10%, var(--v2-surface)); color: var(--v2-brand); }
#app[data-v2] .a2-ust .y2-hk b { font-size: 13px; font-weight: 600; color: var(--v2-ink); }

/* sohbet bildirim izni şeridi: koyuda da okunur */
#app[data-v2] .sh-izin { background: color-mix(in srgb, var(--v2-warn) 14%, var(--v2-surface)); border-bottom: 1px solid color-mix(in srgb, var(--v2-warn) 30%, var(--v2-line)); color: var(--v2-warn-text); }
#app[data-v2] .wa-uyari { background: color-mix(in srgb, var(--v2-warn) 14%, var(--v2-surface)); color: var(--v2-warn-text); }

#app[data-v2] main.hesap-ekran.a2 .hesap-g > label.a2-satir > :not(.a2-et):not(.fx-z) { max-width: none; }

/* ================= E-POSTA ve WHATSAPP gelen kutusu (Agency messages: klasör | liste | okuma) ================= */
#app[data-v2] :is(.ep, .wa) { background: var(--v2-surface); border: 1px solid var(--v2-line); border-radius: var(--v2-r); box-shadow: var(--v2-sh-sm); overflow: hidden; color: var(--v2-ink); }
#app[data-v2] :is(.ep, .wa) > * { border-inline-end: 1px solid var(--v2-line); }

#app[data-v2] :is(.ep, .wa) > :last-child { border-inline-end: 0; }
#app[data-v2] :is(.ep, .wa) .sh-ust { background: var(--v2-surface); border-bottom: 1px solid var(--v2-line); min-height: 56px; box-sizing: border-box; }
#app[data-v2] .ep > aside { background: var(--v2-surface-2); }
#app[data-v2] :is(.ep-k, .ep-m, .wa-k) { color: var(--v2-ink); font: inherit; font-size: 13.5px; }
#app[data-v2] .ep-k { border-radius: 7px; margin: 2px 8px; width: calc(100% - 16px); border-bottom: 0; padding: 8px 10px; font-weight: 500; }
#app[data-v2] :is(.ep-m, .wa-k) small { color: var(--v2-muted); }
#app[data-v2] .ep-m > span { display: block; color: var(--v2-ink-2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#app[data-v2] :is(.ep-m, .wa-k).yeni b { color: var(--v2-ink); font-weight: 700; }
#app[data-v2] :is(.ep-m, .wa-k).yeni::before { content: ""; float: inline-end; width: 8px; height: 8px; margin-top: 6px; border-radius: 50%; background: var(--v2-brand); }
#app[data-v2] .ep-okuma { background: var(--v2-surface); }
#app[data-v2] .ep-okuma h3 { font-size: 16px; font-weight: 650; letter-spacing: -.01em; }
#app[data-v2] .ep-okuma iframe { background: #fff; border: 1px solid var(--v2-line); border-radius: var(--v2-r-sm); }   /* e-posta gövdesi gelen belge: açık zemin kalır */
#app[data-v2] .wa-sohbet { background: var(--v2-surface); }
#app[data-v2] .wa-b { color: var(--v2-ink); }
#app[data-v2] .wa-b.giden { background: color-mix(in srgb, var(--v2-brand) 11%, var(--v2-surface)); border-color: color-mix(in srgb, var(--v2-brand) 25%, var(--v2-line)); margin-inline-start: auto; }
#app[data-v2] .wa-b.not { background: color-mix(in srgb, var(--v2-warn) 12%, var(--v2-surface)); border-color: color-mix(in srgb, var(--v2-warn) 30%, var(--v2-line)); }
#app[data-v2] .wa .ghost.sm.on { background: color-mix(in srgb, var(--v2-brand) 10%, var(--v2-surface)) !important; border-color: var(--v2-brand); color: var(--v2-brand); }   /* satır içi #E8EAF6 yerine */
#app[data-v2] .ep :is(p, .help)[style*="C00000"] { color: var(--v2-bad-text) !important; }

/* ================= BİLDİRİM PANELİ: açık/koyu ortak (eski sabit renkler tokena bağlanır) ================= */
body .zil-panel .zil-ust { background: var(--v2-surface); border-bottom: 1px solid var(--v2-line); color: var(--v2-ink); }
body .zil-panel .zil-l li { background: transparent; color: var(--v2-ink); border-bottom: 1px solid var(--v2-line-2); }
body .zil-panel .zil-l li:hover { background: var(--v2-surface-3); }
body .zil-panel .zil-l li.yeni { background: color-mix(in srgb, var(--v2-brand) 8%, var(--v2-surface)); }
body .zil-panel .zil-l li.bos { color: var(--v2-muted); }
body .zil-panel .zil-l small { color: var(--v2-muted); }
body .zil-panel .zil-l em { color: var(--v2-muted); }
body .zil-panel .zil-grup { background: var(--v2-surface-2); color: var(--v2-muted); }
body .zil-panel .zil-alt { border-top: 1px solid var(--v2-line); background: var(--v2-surface); }
body .zil-panel .zil-ok { background: var(--v2-surface); color: var(--v2-ink); border: 1px solid var(--v2-line); border-radius: var(--v2-r-sm); }
body .zil-panel .link, body .zil-panel .zil-ust :is(b, span) { color: var(--v2-brand); }
body .zil-panel .zil-ust b { color: var(--v2-ink); }
[dir="rtl"] #app[data-v2] :is(.ep, .wa) > * { border-right: 0; }
@media (max-width: 900px) { #app[data-v2] :is(.ep, .wa) > * { border-inline-end: 0; } }

/* Agency .page-head: başlık ile alt yazı/eylem arası sıkı (başlık h1 kabuktan gelir; özet satırı ve birincil düğme hemen altında) */
#app[data-v2] main :is(.y2-bas, .er-bas):not(#_) { margin-block-start: -26px; align-items: center; }
#app[data-v2] .y2-bas > button.primary { min-height: 37px; }

/* ================= DENETİM DÜZELTMELERİ ================= */
/* Projeler tablosu: son hücre flex olunca satır çizgisi kayıyordu */
#app[data-v2] .a2 table.ay-pr td.acts { display: table-cell; vertical-align: middle; height: auto; }
#app[data-v2] .a2 table.ay-pr td.acts > * { display: inline-block; }

/* Otomasyon: Görev metni ve Kime kesilmesin; metin kendi satırında tam genişlik */
@media (min-width: 721px) {
  #app[data-v2] .ot-satir { grid-template-columns: 72px minmax(0, 1.2fr) 130px minmax(0, 1.2fr) auto; }
  #app[data-v2] .ot-satir .ot-metin { grid-column: 1 / -1; order: 9; }
  #app[data-v2] .ot-satir .ot-metin input { text-overflow: ellipsis; }
  #app[data-v2] .ot-satir .acts { order: 8; }
}
#app[data-v2] .ot-satir select { text-overflow: ellipsis; min-width: 0; width: 100%; }
@media (max-width: 720px) { #app[data-v2] .ot-satir .ot-a > :is(input, select, .ay-ek) { width: 100%; min-width: 0; box-sizing: border-box; } }

/* Yapışkan Kaydet çubukları: opak zemin; formun altına çubuk kadar boşluk (son satır örtülmesin) */
#app[data-v2] :is(.a2 .ay-a, .a2 .a2-kayit, .a2-kayit-genel, .hesap-kutu > .hesap-alt) { background: var(--v2-surface); box-shadow: 0 -1px 0 var(--v2-line), 0 -8px 16px -12px rgba(14, 21, 48, .18); }
#app[data-v2] main:is(.a2, .ym, .ay-app, .er-app) { padding-bottom: 96px; }
#app[data-v2] .a2-ana, #app[data-v2] .a2-bolum { scroll-margin-bottom: 96px; }
@media (max-width: 720px) { #app[data-v2] main:is(.a2, .ym, .ay-app, .er-app) { padding-bottom: 150px; } }

/* WhatsApp / ayar: uzun URL ve kimlik kutuları kesilmesin */
#app[data-v2] .a2 input[readonly], #app[data-v2] .a2 code, #app[data-v2] .a2 .mono { overflow-wrap: anywhere; word-break: break-all; }
@media (max-width: 720px) { #app[data-v2] .a2 .a2-satir input[readonly] { width: 100%; font-size: 12.5px; } }

/* Sistem sekmeleri (chip): ortak .chip.on koyu hapını ezip alt çizgili sekme kalsın */
#app[data-v2] main .tk-bar .chips .chip:not(#_) { background: none; border: 0; border-bottom: 2px solid transparent; border-radius: 0; color: var(--v2-muted); }
#app[data-v2] main .tk-bar .chips .chip.on:not(#_) { background: none; color: var(--v2-brand); border-bottom-color: var(--v2-brand); }

/* Hesabım tema seçici: açık/beyaz daireler de görünsün */
#app[data-v2] main.hesap-ekran .tema-sec button { box-shadow: 0 0 0 1px var(--v2-faint); }

/* ================= 2. TUR DENETİM ================= */
/* Tablo hücresi flex olunca satır çizgisi kayıyordu: hücreler tablo hücresi kalır, kimlik içeriği satır içi hizalanır */
@media (min-width: 641px) {
  #app[data-v2] :is(.er-k, .y2, .tbl-x) table td:is(.er-kim, .er-ac, .acts):not(#_) { display: table-cell; vertical-align: middle; }
  #app[data-v2] .er-kim > .yt3-av { display: inline-flex; vertical-align: middle; margin-inline-end: 10px; }
  #app[data-v2] .er-kim > span:not(.yt3-av) { display: inline-block; vertical-align: middle; }
  #app[data-v2] .er-kim > span:not(.yt3-av) > :is(b, small) { display: block; }
}

/* Mobil ayar satırı: etiket üstte, alan altta */
@media (max-width: 720px) {
  #app[data-v2] .a2 .a2-satir > .a2-et { grid-column: 1; grid-row: 1; }
  #app[data-v2] .a2 .a2-satir > :not(.a2-et):not(.fx-z) { grid-column: 1; grid-row: 2; }
  #app[data-v2] .a2 .a2-satir > .fx-z { grid-column: 1; grid-row: 1; justify-self: end; margin-inline-end: 0; }
}

/* Hesabım sekme şeridi: sarma (RTL/dar ekranda etiket kesilmesin) */
#app[data-v2] main.hesap-ekran .hesap-sekme { flex-wrap: wrap; overflow-x: visible; }

/* Birincil düğmeler koyuda: tema rengi zemin + okunur yazı */
#app[data-v2] :is(.y2-bas, .er-bas, .a2-kayit-genel, .a2-kayit, .ay-a, .hesap-alt) .primary:not(#_) { background: var(--v2-brand); border-color: var(--v2-brand); color: var(--v2-brand-ink); }

/* ================= 3. TUR ================= */
/* Avatar baş harfleri: sabit daire, ortalı, kesilmez */
#app[data-v2] .yt3-av:not(#_) { display: inline-grid; place-items: center; box-sizing: border-box; width: 38px; height: 38px; min-width: 38px; flex: none; padding: 0; overflow: visible; line-height: 1; font-size: 12.5px; letter-spacing: 0; }
#app[data-v2] .yt3-av.yt3-av-b:not(#_) { width: 60px; height: 60px; min-width: 60px; font-size: 19px; }
#app[data-v2] .er-kim > .yt3-av:not(#_) { display: inline-grid; vertical-align: middle; }

/* Sohbet konuşma adları: tek satırda kesmek yerine 2 satıra sar */
#app[data-v2] .sh-kad b { white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; overflow-wrap: anywhere; line-height: 1.3; }
#app[data-v2] .sh-kad small { white-space: nowrap; }
#app[data-v2] .sh-k { align-items: flex-start; padding-block: 10px; min-height: 56px; color: var(--v2-ink); }
#app[data-v2] .sh-k .sh-on, #app[data-v2] .sh-k .sh-off { margin-top: 5px; }
#app[data-v2] .yt3-av:not(#_, .yt3-av-pasif) { background: color-mix(in srgb, var(--v2-brand) 16%, var(--v2-surface)); color: var(--v2-ink); }
#app[data-v2] .yt3-av-pasif:not(#_) { background: var(--v2-surface-3); color: var(--v2-muted); }

/* iPad turu: Veri kalitesi satırında başlık ile açıklama alt alta (blok) */
#app main[data-v="veriKalite"] table.r2-t td[data-et="Kontrol"] > b { display: block; }
#app main[data-v="veriKalite"] table.r2-t td[data-et="Kontrol"] > small { display: block; margin-block-start: 2px; }