/* ================= GELEN KUTUSU (CRM Faz 1a, 2026-10-25; sözleşme §C.3) =================
   Kurallar: tek ekran (sayfa kaymaz; liste, mesaj akışı ve panel kendi alanında kayar), 375 px'te yatay taşma yok, mobil kenar 6 px,
   yalnız tema belirteçleri (--surface, --line, --ink, --accent, --good, --warn, --critical; --elev, --radius, --ease, --ring), emoji yok.
   Pencereler yalnız .crm-pencere(.acik) / .crm-perde(.acik) sınıflarıyla (kisayollar.js PENCERE_SECICI). Sabit renk yazılmaz.
   Yükseklik: mesajlar.js ızgaranın ekrandaki üst kenarını ölçüp --crm-yuk yazar (yedek değer calc). */
[hidden]{display:none !important;}
.crm-sayfa [data-izin-gizli]{display:none !important;}
.crm-sayfa{padding:14px 18px 18px; min-width:0;}
.crm-sayfa button, .crm-perde button{font:inherit;}
.crm-durum{padding:18px; color:var(--ink-muted); background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-lg); box-shadow:var(--elev-1);}
.crm-durum.hata{color:var(--critical);}
.crm-bosluk{flex:1 1 auto; min-width:0;}

/* ---- üst çubuk ---- */
.crm-ust-sag{display:flex; align-items:center; gap:8px; min-width:0;}
.crm-sekmeler{display:flex; gap:2px; padding:3px; border:1px solid var(--line); border-radius:var(--radius-pill); background:var(--surface-2);}
.crm-sekme{border:0; background:transparent; color:var(--ink-muted); font-size:12.5px; font-weight:600; padding:5px 12px; border-radius:var(--radius-pill); cursor:pointer; white-space:nowrap; transition:background var(--dur) var(--ease), color var(--dur) var(--ease);}
.crm-sekme:hover{color:var(--ink);}
.crm-sekme[aria-current="page"]{background:var(--surface); color:var(--ink); box-shadow:var(--elev-1);}
.crm-sekme:focus-visible, .crm-ust-btn:focus-visible{outline:none; box-shadow:var(--ring);}
.crm-ust-btn{display:inline-flex; align-items:center; gap:6px; white-space:nowrap;}
.crm-ust-btn svg{width:16px; height:16px; flex:none;}

/* ---- üç sütun ---- */
.crm-izgara{display:grid; grid-template-columns:minmax(290px, 350px) minmax(0, 1fr) minmax(270px, 320px); gap:12px; height:var(--crm-yuk, calc(100vh - 118px)); min-height:420px; min-width:0;}
.crm-liste-kap, .crm-konusma, .crm-panel{background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-lg); box-shadow:var(--elev-1); display:flex; flex-direction:column; min-height:0; min-width:0; overflow:hidden;}

/* ---- liste ---- */
.crm-liste-bas{padding:10px 10px 8px; border-bottom:1px solid var(--line); display:flex; flex-direction:column; gap:7px;}
.crm-cipler{display:flex; flex-wrap:wrap; gap:5px;}
.crm-cip{font-size:11.5px; font-weight:600; padding:3px 9px; border-radius:var(--radius-pill); border:1px solid var(--line); background:transparent; color:var(--ink-muted); cursor:pointer; white-space:nowrap; transition:border-color var(--dur) var(--ease), color var(--dur) var(--ease);}
.crm-cip b{color:var(--ink); font-variant-numeric:tabular-nums; margin-left:4px; font-weight:700;}
.crm-cip:hover{border-color:var(--accent); color:var(--ink);}
.crm-cip.aktif{background:color-mix(in srgb, var(--accent) 14%, transparent); border-color:var(--accent); color:var(--ink);}
.crm-cip.uyari b{color:var(--critical);}
.crm-cip:focus-visible{outline:none; box-shadow:var(--ring);}
.crm-cipler.sonuk{opacity:.45;}
.crm-ara-kap{position:relative; min-width:0;}
.crm-ara-ikon{position:absolute; left:9px; top:50%; width:15px; height:15px; transform:translateY(-50%); color:var(--ink-muted); pointer-events:none;}
.crm-ara{width:100%; box-sizing:border-box; padding:7px 9px 7px 30px; border:1px solid var(--line); border-radius:var(--radius-md); background:var(--surface-2); color:var(--ink); font:inherit; font-size:13px; min-width:0;}
.crm-ara:focus-visible, .crm-sec:focus-visible, .crm-suzgec select:focus-visible{outline:none; box-shadow:var(--ring); border-color:var(--accent);}
.crm-suzgec{display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:5px;}
.crm-suzgec select, .crm-sec{padding:5px 7px; border:1px solid var(--line); border-radius:var(--radius-sm); background:var(--surface-2); color:var(--ink); font:inherit; font-size:12px; min-width:0; max-width:100%;}
.crm-liste{overflow:auto; flex:1 1 auto; min-height:0; overscroll-behavior:contain;}
.crm-satir{display:grid; grid-template-columns:34px minmax(0, 1fr); gap:9px; width:100%; text-align:left; padding:9px 10px; border:0; border-bottom:1px solid var(--line-soft); border-left:3px solid transparent; background:transparent; color:var(--ink); cursor:pointer; min-width:0; transition:background var(--dur) var(--ease);}
.crm-satir:hover{background:color-mix(in srgb, var(--accent) 6%, transparent);}
.crm-satir.aktif{background:color-mix(in srgb, var(--accent) 12%, transparent); border-left-color:var(--accent);}
.crm-satir:focus-visible{outline:2px solid var(--accent); outline-offset:-2px;}
.crm-avatar{width:34px; height:34px; border-radius:50%; flex:none; display:inline-flex; align-items:center; justify-content:center; font-weight:800; font-size:14px; color:var(--accent-contrast); background:var(--accent); position:relative;}
.crm-avatar[data-kanal="whatsapp"]{background:var(--good); color:var(--surface);}
.crm-satir-ic{min-width:0; display:flex; flex-direction:column; gap:2px;}
.crm-satir-ust{display:flex; align-items:baseline; gap:6px; min-width:0;}
.crm-satir-ad{font-size:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0; flex:1 1 auto;}
.crm-satir.kalin .crm-satir-ad{font-weight:800;}
.crm-satir-zaman{font-size:10.5px; color:var(--ink-muted); white-space:nowrap; flex:none; font-variant-numeric:tabular-nums;}
.crm-satir.kalin .crm-satir-zaman{color:var(--accent); font-weight:700;}
.crm-satir-tel{font-size:10.5px; color:var(--ink-muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-variant-numeric:tabular-nums;}
.crm-satir-ozet{font-size:12px; color:var(--ink-muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0;}
.crm-satir.kalin .crm-satir-ozet{color:var(--ink);}
.crm-satir-alt{display:flex; flex-wrap:wrap; gap:3px 4px; align-items:center; min-width:0; margin-top:1px;}
.crm-okunmamis{min-width:18px; height:18px; padding:0 5px; box-sizing:border-box; border-radius:var(--radius-pill); background:var(--accent); color:var(--accent-contrast); font-size:10.5px; font-weight:800; display:inline-flex; align-items:center; justify-content:center; flex:none; font-variant-numeric:tabular-nums;}
.crm-rozet{display:inline-flex; align-items:center; gap:3px; font-size:10px; font-weight:700; padding:1px 7px; border-radius:var(--radius-pill); white-space:nowrap; max-width:100%; overflow:hidden; text-overflow:ellipsis; background:color-mix(in srgb, var(--ink-muted) 14%, transparent); color:var(--ink-muted);}
.crm-rozet svg{width:11px; height:11px; flex:none;}
.crm-rozet[data-ton="kirmizi"]{background:color-mix(in srgb, var(--critical) 16%, transparent); color:var(--critical);}
.crm-rozet[data-ton="sari"]{background:color-mix(in srgb, var(--warn) 20%, transparent); color:color-mix(in srgb, var(--warn) 70%, var(--ink));}
.crm-rozet[data-ton="turuncu"]{background:color-mix(in srgb, var(--warn) 18%, color-mix(in srgb, var(--critical) 10%, transparent)); color:color-mix(in srgb, var(--warn) 55%, var(--critical));}
.crm-rozet[data-ton="yesil"]{background:color-mix(in srgb, var(--good) 16%, transparent); color:var(--good);}
.crm-rozet[data-ton="mavi"], .crm-rozet[data-ton="atanan"]{background:color-mix(in srgb, var(--accent) 15%, transparent); color:var(--accent);}
.crm-rozet[data-ton="etiket"]{background:var(--accent-soft); color:var(--ink);}
.crm-rozet[data-ton="yz"]{background:color-mix(in srgb, var(--accent) 10%, var(--surface-2)); color:var(--ink); border:1px dashed color-mix(in srgb, var(--accent) 50%, transparent);}
.crm-kanal-rozet{display:inline-flex; align-items:center; font-size:9.5px; font-weight:800; letter-spacing:.04em; padding:1px 6px; border-radius:var(--radius-sm); background:color-mix(in srgb, var(--accent) 14%, transparent); color:var(--accent); white-space:nowrap; flex:none;}
.crm-kanal-rozet[data-kanal="whatsapp"]{background:color-mix(in srgb, var(--good) 16%, transparent); color:var(--good);}
.crm-varlik{display:inline-flex; align-items:center; gap:3px; font-size:10px; color:var(--accent); white-space:nowrap;}
.crm-varlik.yaziyor{color:var(--warn);}
.crm-varlik svg{width:12px; height:12px;}
.crm-liste-ayak{display:flex; align-items:center; gap:8px; padding:6px 10px; border-top:1px solid var(--line); font-size:11px; color:var(--ink-muted); min-width:0;}
.crm-liste-bilgi{flex:1 1 auto; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:right;}
.crm-canli{display:inline-flex; align-items:center; gap:5px; white-space:nowrap;}
.crm-canli-nokta{width:7px; height:7px; border-radius:50%; background:var(--ink-muted);}
.crm-canli[data-durum="canli"] .crm-canli-nokta{background:var(--good); box-shadow:0 0 0 3px color-mix(in srgb, var(--good) 22%, transparent);}
.crm-canli[data-durum="yoklama"] .crm-canli-nokta{background:var(--warn);}
.crm-metin-btn{border:0; background:transparent; color:var(--accent); cursor:pointer; font-size:11.5px; font-weight:600; padding:2px 4px; border-radius:var(--radius-sm); white-space:nowrap;}
.crm-metin-btn:hover{text-decoration:underline; text-underline-offset:3px;}
.crm-metin-btn:focus-visible{outline:none; box-shadow:var(--ring);}
.crm-bos{padding:34px 18px; text-align:center; color:var(--ink-muted); font-size:12.5px; line-height:1.55; display:flex; flex-direction:column; align-items:center; gap:6px;}
.crm-bos-not{padding:12px;}
.crm-bos svg{width:30px; height:30px; color:color-mix(in srgb, var(--ink-muted) 70%, transparent);}
.crm-bos b{color:var(--ink); font-size:13.5px;}
.crm-iskelet-satir{display:grid; grid-template-columns:34px 1fr; gap:9px; padding:10px; border-bottom:1px solid var(--line-soft);}
.crm-iskelet-satir .skeleton{border-radius:var(--radius-sm);}
.crm-ara-baslik{font-size:10.5px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:var(--ink-muted); padding:9px 10px 4px;}
.crm-satir mark, .crm-m mark{background:color-mix(in srgb, var(--warn) 32%, transparent); color:inherit; border-radius:3px; padding:0 1px;}
.crm-daha{display:block; width:100%; padding:9px; border:0; background:transparent; color:var(--accent); font-size:12px; font-weight:600; cursor:pointer;}

/* ---- konuşma ---- */
.crm-k-bos{flex:1 1 auto; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; padding:24px; text-align:center; color:var(--ink-muted); font-size:13px; line-height:1.55;}
.crm-k-bos svg{width:44px; height:44px; color:color-mix(in srgb, var(--accent) 55%, transparent);}
.crm-k-bos b{color:var(--ink); font-size:15px;}
.crm-k-bos span{max-width:360px;}
.crm-k-ic{display:flex; flex-direction:column; flex:1 1 auto; min-height:0; min-width:0;}
.crm-k-bas{display:grid; grid-template-columns:minmax(0, 1fr) auto; gap:6px 10px; padding:9px 12px 7px; border-bottom:1px solid var(--line); align-items:center;}
.crm-k-kim{display:flex; align-items:center; gap:9px; min-width:0;}
.crm-k-ad-kap{min-width:0;}
.crm-k-ad-satir{display:flex; align-items:center; gap:7px; min-width:0;}
.crm-k-ad{font-size:15px; font-weight:800; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0;}
.crm-k-alt{display:flex; flex-wrap:wrap; gap:2px 10px; font-size:11.5px; color:var(--ink-muted); min-width:0;}
.crm-k-alt > span{white-space:nowrap;}
.crm-k-eylem{display:flex; align-items:center; gap:6px; flex-wrap:wrap; justify-content:flex-end; min-width:0;}
.crm-k-satir2{grid-column:1 / -1; display:flex; align-items:center; gap:6px; flex-wrap:wrap; min-width:0;}
.crm-etiketler{display:flex; flex-wrap:wrap; gap:4px; min-width:0;}
.crm-sec-kucuk{font-size:11.5px; padding:3px 6px;}
.crm-atama{display:inline-flex; align-items:center; gap:6px; min-width:0;}
.crm-atama .crm-sec{max-width:150px;}
.crm-atama-ad{font-size:12px; color:var(--ink-muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:130px;}
.crm-kucuk-btn{padding:5px 10px; font-size:12px;}
.crm-ikon-btn{width:30px; height:30px; flex:none; display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--line); border-radius:var(--radius-sm); background:var(--surface-2); color:var(--ink); cursor:pointer; transition:border-color var(--dur) var(--ease), color var(--dur) var(--ease);}
.crm-ikon-btn:hover:not(:disabled){border-color:var(--accent); color:var(--accent);}
.crm-ikon-btn:disabled{opacity:.45; cursor:default;}
.crm-ikon-btn:focus-visible{outline:none; box-shadow:var(--ring);}
.crm-ikon-btn svg{width:16px; height:16px;}
.crm-geri{display:none;}
.crm-panel-btn-gizli{display:none;}
.crm-yz-kip{display:inline-flex; align-items:center; gap:6px; min-width:0; flex-wrap:wrap; justify-content:flex-end;}

/* bantlar: pencere sayacı, S2 (başka CRM), dış sistem, varlık, YZ bütçe / devir */
.crm-bantlar{display:flex; flex-direction:column;}
.crm-bant{display:flex; align-items:center; gap:8px; padding:5px 12px; font-size:12px; line-height:1.4; border-bottom:1px solid var(--line-soft); color:var(--ink-muted); background:var(--surface-2); min-width:0;}
.crm-bant svg{width:14px; height:14px; flex:none;}
.crm-bant > span{min-width:0;}
.crm-bant b{color:var(--ink);}
.crm-bant[data-ton="kirmizi"]{background:color-mix(in srgb, var(--critical) 11%, var(--surface)); color:var(--critical);}
.crm-bant[data-ton="kirmizi"] b{color:var(--critical);}
.crm-bant[data-ton="sari"]{background:color-mix(in srgb, var(--warn) 15%, var(--surface)); color:color-mix(in srgb, var(--warn) 55%, var(--ink));}
.crm-bant[data-ton="sari"] b{color:inherit;}
.crm-bant[data-ton="yesil"]{background:color-mix(in srgb, var(--good) 9%, var(--surface)); color:color-mix(in srgb, var(--good) 70%, var(--ink));}
.crm-bant[data-ton="mavi"]{background:color-mix(in srgb, var(--accent) 9%, var(--surface)); color:var(--ink);}
.crm-bant .crm-metin-btn{margin-left:auto; flex:none;}

/* mesaj akışı */
.crm-akis-kap{position:relative; flex:1 1 auto; min-height:0; display:flex;}
.crm-akis{flex:1 1 auto; min-height:0; overflow:auto; padding:10px 14px 14px; display:flex; flex-direction:column; gap:6px; overscroll-behavior:contain; background:color-mix(in srgb, var(--surface-2) 45%, var(--surface));}
.crm-akis:focus-visible{outline:none;}
.crm-gun{align-self:center; font-size:10.5px; font-weight:700; color:var(--ink-muted); background:var(--surface); border:1px solid var(--line-soft); padding:2px 10px; border-radius:var(--radius-pill); margin:6px 0 2px;}
.crm-m{max-width:min(78%, 640px); padding:7px 10px 5px; border-radius:var(--radius-md); background:var(--surface); border:1px solid var(--line-soft); box-shadow:var(--elev-1); position:relative; min-width:0;}
.crm-m.gelen{align-self:flex-start; border-bottom-left-radius:4px;}
.crm-m.giden{align-self:flex-end; border-bottom-right-radius:4px; background:color-mix(in srgb, var(--accent) 13%, var(--surface)); border-color:color-mix(in srgb, var(--accent) 28%, var(--line-soft));}
.crm-m.giden[data-kaynak="ai_oto"]{background:color-mix(in srgb, var(--accent) 7%, var(--surface)); border-style:dashed;}
.crm-m.giden[data-kaynak="bot"], .crm-m.giden[data-kaynak="otomasyon"], .crm-m.giden[data-kaynak="bildirim"], .crm-m.giden[data-kaynak="panel_diger"]{background:var(--surface-2); border-color:var(--line);}
.crm-m.not{align-self:stretch; max-width:none; background:color-mix(in srgb, var(--warn) 12%, var(--surface)); border-color:color-mix(in srgb, var(--warn) 38%, transparent); box-shadow:none;}
.crm-m.sistem{align-self:center; max-width:90%; background:transparent; border:0; box-shadow:none; color:var(--ink-muted); font-size:11.5px; text-align:center; padding:2px 8px;}
.crm-m.golge{align-self:flex-end; background:var(--surface); border:1.5px dashed color-mix(in srgb, var(--accent) 55%, transparent); box-shadow:none;}
.crm-m.vurgu{box-shadow:0 0 0 3px color-mix(in srgb, var(--warn) 45%, transparent);}
.crm-m-ust{font-size:10.5px; font-weight:700; color:var(--ink-muted); margin-bottom:2px; display:flex; gap:6px; align-items:center; flex-wrap:wrap;}
.crm-m.not .crm-m-ust{color:color-mix(in srgb, var(--warn) 60%, var(--ink));}
.crm-m-metin{font-size:13.5px; line-height:1.5; white-space:pre-wrap; overflow-wrap:anywhere; word-break:break-word;}
.crm-m-metin.bos{color:var(--ink-muted); font-style:italic; font-size:12.5px;}
.crm-m-alt{display:flex; justify-content:flex-end; align-items:center; gap:6px; flex-wrap:wrap; font-size:10.5px; color:var(--ink-muted); margin-top:3px; font-variant-numeric:tabular-nums;}
.crm-tik{display:inline-flex; align-items:center; gap:2px; color:var(--ink-muted);}
.crm-tik svg{width:15px; height:12px;}
.crm-tik[data-ton="mavi"]{color:var(--accent);}
.crm-tik[data-ton="kirmizi"]{color:var(--critical); font-weight:700;}
.crm-m-hata{font-size:11.5px; color:var(--critical); margin-top:3px; overflow-wrap:anywhere;}
.crm-m-baglam{font-size:11.5px; color:var(--ink-muted); border-left:3px solid color-mix(in srgb, var(--accent) 50%, transparent); padding:2px 7px; margin-bottom:4px; background:color-mix(in srgb, var(--ink-muted) 7%, transparent); border-radius:0 var(--radius-sm) var(--radius-sm) 0; overflow-wrap:anywhere;}
.crm-m-baglam.bilinmeyen{border-left-color:var(--warn); color:color-mix(in srgb, var(--warn) 55%, var(--ink));}
.crm-m-medya{margin:2px 0 4px; min-width:0;}
.crm-m-medya img{display:block; max-width:min(260px, 100%); max-height:260px; border-radius:var(--radius-sm); cursor:zoom-in; background:var(--surface-2);}
.crm-m-medya audio, .crm-m-medya video{display:block; max-width:min(300px, 100%);}
.crm-m-belge{display:flex; align-items:center; gap:8px; padding:6px 8px; border:1px solid var(--line); border-radius:var(--radius-sm); background:var(--surface-2); font-size:12px; min-width:0;}
.crm-m-belge svg{width:18px; height:18px; flex:none; color:var(--ink-muted);}
.crm-m-belge span{min-width:0; overflow-wrap:anywhere;}
.crm-m-belge[data-ton="kirmizi"]{color:var(--critical);}
.crm-m-belge[data-ton="sari"]{color:color-mix(in srgb, var(--warn) 60%, var(--ink));}
.crm-m-eylem{display:flex; gap:2px; flex-wrap:wrap; margin-top:2px; opacity:0; transition:opacity var(--dur) var(--ease);}
.crm-m:hover .crm-m-eylem, .crm-m:focus-within .crm-m-eylem{opacity:1;}
.crm-m-eylem .crm-metin-btn{font-size:11px; padding:1px 4px;}
.crm-m-ceviri{margin-top:4px; padding-top:4px; border-top:1px dashed var(--line); font-size:12.5px; color:var(--ink); white-space:pre-wrap; overflow-wrap:anywhere;}
.crm-m-ceviri small{display:block; color:var(--ink-muted); font-size:10.5px;}
.crm-baglanti{color:var(--accent); text-decoration:underline; text-underline-offset:3px; overflow-wrap:anywhere; cursor:pointer;}
.crm-baglanti-alan{font-size:10.5px; color:var(--ink-muted); margin-left:3px; white-space:nowrap;}
.crm-baglanti-uyari{display:inline-flex; align-items:center; font-size:10px; font-weight:700; color:var(--critical); margin-left:4px; padding:0 5px; border-radius:var(--radius-pill); background:color-mix(in srgb, var(--critical) 12%, transparent); white-space:nowrap;}
.crm-bahsetme{color:var(--accent); font-weight:700;}
.crm-maske-rozet{font-size:9.5px; font-weight:700; padding:0 5px; border-radius:var(--radius-pill); background:color-mix(in srgb, var(--ink-muted) 15%, transparent); color:var(--ink-muted);}
.crm-daha-eski{align-self:center; border:1px solid var(--line); background:var(--surface); color:var(--accent); font-size:11.5px; font-weight:600; padding:3px 12px; border-radius:var(--radius-pill); cursor:pointer;}
.crm-yeni-mesaj{position:absolute; left:50%; bottom:10px; transform:translateX(-50%); border:0; background:var(--accent); color:var(--accent-contrast); font-size:12px; font-weight:700; padding:5px 14px; border-radius:var(--radius-pill); box-shadow:var(--elev-2); cursor:pointer;}

/* YZ taslak / özet / gölge (mesajlar-yz.js) */
.crm-yz-taslak-kap{display:flex; flex-direction:column; gap:6px; padding:0 12px; max-height:38%; overflow:auto;}
.crm-yz-taslak-kap:empty{display:none;}
.crm-yz-taslak-kap > :first-child{margin-top:8px;}
.crm-taslak{border:1px solid color-mix(in srgb, var(--accent) 40%, var(--line)); background:color-mix(in srgb, var(--accent) 6%, var(--surface)); border-radius:var(--radius-md); padding:8px 10px; display:flex; flex-direction:column; gap:5px; min-width:0;}
.crm-taslak.golge{border-style:dashed;}
.crm-taslak-bas{display:flex; align-items:center; gap:6px; flex-wrap:wrap; font-size:11px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; color:var(--accent);}
.crm-taslak-bas svg{width:14px; height:14px;}
.crm-taslak-metin{font-size:13px; line-height:1.5; white-space:pre-wrap; overflow-wrap:anywhere; color:var(--ink);}
.crm-taslak-olgu{font-size:11px; color:var(--ink-muted);}
.crm-taslak-uyari{font-size:11.5px; color:color-mix(in srgb, var(--warn) 60%, var(--ink));}
.crm-taslak-eylem{display:flex; gap:6px; flex-wrap:wrap; align-items:center;}
.crm-taslak-eylem .btn{padding:4px 11px; font-size:12px;}
.crm-yz-dugmeler{display:flex; gap:4px; flex-wrap:wrap; justify-content:flex-end; min-width:0;}
.crm-yz-btn{display:inline-flex; align-items:center; gap:4px; border:1px solid var(--line); background:var(--surface-2); color:var(--ink); font-size:11.5px; font-weight:600; padding:3px 9px; border-radius:var(--radius-pill); cursor:pointer; white-space:nowrap; transition:border-color var(--dur) var(--ease), color var(--dur) var(--ease);}
.crm-yz-btn svg{width:13px; height:13px; color:var(--accent);}
.crm-yz-btn:hover:not(:disabled){border-color:var(--accent); color:var(--accent);}
.crm-yz-btn:disabled{opacity:.5; cursor:progress;}
.crm-yz-btn:focus-visible{outline:none; box-shadow:var(--ring);}
.crm-yz-btn.devret{border-style:dashed;}

/* yanıt kutusu */
.crm-yanit{border-top:1px solid var(--line); padding:7px 12px 8px; display:flex; flex-direction:column; gap:6px; background:var(--surface); min-width:0;}
.crm-yanit.not-kipi{background:color-mix(in srgb, var(--warn) 8%, var(--surface));}
.crm-yanit.sms-kipi{background:color-mix(in srgb, var(--accent) 5%, var(--surface));}
.crm-yanit-ust{display:flex; align-items:center; gap:8px; flex-wrap:wrap; min-width:0;}
.crm-yanit-kip{display:flex; gap:2px; padding:2px; border:1px solid var(--line); border-radius:var(--radius-pill); background:var(--surface-2); flex:none;}
.crm-yk{border:0; background:transparent; color:var(--ink-muted); font-size:11.5px; font-weight:700; padding:3px 10px; border-radius:var(--radius-pill); cursor:pointer;}
.crm-yk[aria-selected="true"]{background:var(--surface); color:var(--ink); box-shadow:var(--elev-1);}
.crm-yk[data-kip="not"][aria-selected="true"]{color:color-mix(in srgb, var(--warn) 60%, var(--ink));}
.crm-yk:focus-visible{outline:none; box-shadow:var(--ring);}
.crm-yz-dugmeler{flex:1 1 auto;}
.crm-yanitlanan{display:flex; align-items:center; gap:6px; font-size:11.5px; color:var(--ink-muted); border-left:3px solid var(--accent); padding:2px 8px; background:var(--surface-2); border-radius:0 var(--radius-sm) var(--radius-sm) 0; min-width:0;}
.crm-yanitlanan span{flex:1 1 auto; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.crm-kilit{display:flex; align-items:center; gap:8px; flex-wrap:wrap; font-size:12px; padding:6px 9px; border-radius:var(--radius-sm); background:color-mix(in srgb, var(--warn) 14%, var(--surface)); color:color-mix(in srgb, var(--warn) 55%, var(--ink));}
.crm-kilit span{flex:1 1 220px; min-width:0;}
.crm-yazi-kap{position:relative; min-width:0;}
.crm-yazi-kap textarea{display:block; width:100%; box-sizing:border-box; min-height:64px; max-height:30vh; resize:vertical; padding:8px 10px; border:1px solid var(--line); border-radius:var(--radius-md); background:var(--surface-2); color:var(--ink); font:inherit; font-size:13.5px; line-height:1.45;}
.crm-yazi-kap textarea:focus-visible{outline:none; border-color:var(--accent); box-shadow:var(--ring);}
.crm-yazi-kap textarea:disabled{opacity:.6; cursor:not-allowed;}
.crm-yanit.not-kipi textarea{border-color:color-mix(in srgb, var(--warn) 45%, var(--line)); background:color-mix(in srgb, var(--warn) 6%, var(--surface));}
.crm-secici{position:absolute; left:0; right:0; bottom:calc(100% + 4px); z-index:5; max-height:240px; overflow:auto; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-md); box-shadow:var(--elev-3); padding:4px;}
.crm-secici-oge{display:grid; grid-template-columns:auto minmax(0, 1fr); gap:1px 8px; width:100%; text-align:left; border:0; background:transparent; color:var(--ink); padding:6px 8px; border-radius:var(--radius-sm); cursor:pointer; font-size:12.5px;}
.crm-secici-oge.aktif, .crm-secici-oge:hover{background:color-mix(in srgb, var(--accent) 12%, transparent);}
.crm-secici-oge b{font-size:11.5px; color:var(--accent); white-space:nowrap;}
.crm-secici-oge span{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0;}
.crm-secici-oge small{grid-column:1 / -1; color:var(--ink-muted); font-size:11px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.crm-secici-bos{padding:8px; font-size:12px; color:var(--ink-muted);}
.crm-yanit-alt{display:flex; align-items:center; gap:6px; min-width:0;}
.crm-gizli-dosya{display:none;}
.crm-sayac{font-size:11px; color:var(--ink-muted); white-space:nowrap; font-variant-numeric:tabular-nums; min-width:0; overflow:hidden; text-overflow:ellipsis;}
.crm-sayac.uyari{color:var(--critical); font-weight:700;}
.crm-yanit-durum{font-size:11.5px; color:var(--ink-muted); min-height:0;}
.crm-yanit-durum:empty{display:none;}
.crm-yanit-durum.hata{color:var(--critical);}
.crm-yanit-durum.tamam{color:var(--good);}

/* ---- müşteri paneli ---- */
.crm-panel-bas{display:flex; align-items:center; justify-content:space-between; gap:8px; padding:10px 12px; border-bottom:1px solid var(--line); font-size:13px;}
.crm-panel-kapat{display:none;}
.crm-panel-govde{flex:1 1 auto; min-height:0; overflow:auto; padding:10px; display:flex; flex-direction:column; gap:8px; overscroll-behavior:contain;}
.crm-panel-bos{color:var(--ink-muted); font-size:12.5px; padding:18px 6px; text-align:center; line-height:1.5;}
.crm-pk{border:1px solid var(--line-soft); border-top:3px solid var(--crm-ton, var(--accent)); border-radius:var(--radius-md); background:var(--surface-2); padding:8px 10px; display:flex; flex-direction:column; gap:5px; min-width:0;}
.crm-pk[data-ton="yesil"]{--crm-ton:var(--good);}
.crm-pk[data-ton="sari"]{--crm-ton:var(--warn);}
.crm-pk[data-ton="kirmizi"]{--crm-ton:var(--critical);}
.crm-pk[data-ton="gri"]{--crm-ton:var(--ink-muted);}
.crm-pk-bas{display:flex; align-items:center; justify-content:space-between; gap:6px; font-size:10.5px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:var(--ink-muted);}
.crm-pk-bas small{text-transform:none; letter-spacing:0; font-weight:600;}
.crm-kv{display:flex; justify-content:space-between; gap:10px; font-size:12px; min-width:0;}
.crm-kv > span:first-child{color:var(--ink-muted); flex:none;}
.crm-kv > span:last-child{text-align:right; overflow-wrap:anywhere; min-width:0;}
.crm-pk-satir{display:grid; grid-template-columns:minmax(0, 1fr) auto; gap:1px 8px; padding:5px 0; border-bottom:1px dashed var(--line-soft); font-size:12px; min-width:0;}
.crm-pk-satir:last-child{border-bottom:0;}
.crm-pk-satir small{grid-column:1 / -1; color:var(--ink-muted); font-size:11px; overflow-wrap:anywhere;}
.crm-pk-no{font-weight:700; white-space:nowrap;}
.crm-pk-dugmeler{display:flex; flex-wrap:wrap; gap:5px;}
.crm-pk-dugmeler .btn{padding:4px 9px; font-size:11.5px; text-decoration:none;}
.crm-uyari-metin{font-size:11.5px; color:color-mix(in srgb, var(--warn) 60%, var(--ink)); line-height:1.45;}
.crm-sessiz{font-size:11.5px; color:var(--ink-muted); line-height:1.45;}
.crm-link{color:var(--accent); cursor:pointer; text-decoration:underline dotted; text-underline-offset:3px; border:0; background:transparent; padding:0; font:inherit;}

/* ---- pencereler (tek ekran; .crm-perde.acik / .crm-pencere.acik) ---- */
.crm-perde{position:fixed; inset:0; background:color-mix(in srgb, var(--bg) 55%, transparent); display:none; align-items:center; justify-content:center; z-index:1200; padding:6px;}
.crm-perde.acik{display:flex;}
.crm-perde.saydam{background:transparent;}
.crm-pencere{background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-lg); box-shadow:var(--elev-3); width:min(560px, calc(100vw - 12px)); max-width:min(640px, calc(100vw - 12px)); max-height:calc(100dvh - 24px); display:flex; flex-direction:column; min-height:0; overflow:hidden; animation:crmGiris .18s var(--ease-out);}
.crm-pencere.genis{width:min(980px, calc(100vw - 12px)); max-width:min(980px, calc(100vw - 12px));}
.crm-pencere.dar{width:min(420px, calc(100vw - 12px));}
.crm-pencere.acilir{position:fixed; width:auto; min-width:220px; max-width:min(300px, calc(100vw - 12px)); animation:none;}
@keyframes crmGiris{from{opacity:0; transform:translateY(6px) scale(.985);} to{opacity:1; transform:none;}}
.crm-p-bas{display:flex; align-items:flex-start; gap:10px; padding:12px 14px; border-bottom:1px solid var(--line);}
.crm-p-bas h2{margin:0; font-size:15px; font-weight:800; color:var(--ink);}
.crm-p-bas p{margin:2px 0 0; font-size:12px; color:var(--ink-muted); line-height:1.45;}
.crm-p-bas > div{flex:1 1 auto; min-width:0;}
.crm-p-govde{padding:12px 14px; overflow:auto; min-height:0; flex:1 1 auto; display:flex; flex-direction:column; gap:10px; font-size:13px; color:var(--ink);}
.crm-p-ayak{display:flex; justify-content:flex-end; align-items:center; gap:8px; flex-wrap:wrap; padding:10px 14px; border-top:1px solid var(--line); background:var(--surface);}
.crm-p-ayak .crm-p-durum{flex:1 1 auto; font-size:12px; color:var(--ink-muted); min-width:0;}
.crm-p-ayak .crm-p-durum.hata{color:var(--critical);}
.crm-menu-oge{display:flex; align-items:center; gap:8px; width:100%; text-align:left; border:0; background:transparent; color:var(--ink); padding:8px 12px; font-size:13px; cursor:pointer;}
.crm-menu-oge:hover:not(:disabled), .crm-menu-oge:focus-visible{background:color-mix(in srgb, var(--accent) 10%, transparent); outline:none;}
.crm-menu-oge.tehlike{color:var(--critical);}
.crm-menu-oge:disabled{opacity:.45; cursor:default;}
.crm-menu-ayrac{height:1px; background:var(--line); margin:3px 0;}
.crm-alan{display:flex; flex-direction:column; gap:4px; min-width:0;}
.crm-alan > label, .crm-alan > .crm-alan-ad{font-size:11.5px; font-weight:600; color:var(--ink-muted);}
.crm-alan input[type="text"], .crm-alan input[type="number"], .crm-alan input[type="datetime-local"], .crm-alan input[type="search"], .crm-alan select, .crm-alan textarea{width:100%; box-sizing:border-box; padding:7px 9px; border:1px solid var(--line); border-radius:var(--radius-sm); background:var(--surface-2); color:var(--ink); font:inherit; font-size:13px; min-width:0;}
.crm-alan textarea{min-height:90px; resize:vertical; line-height:1.45;}
.crm-alan input:focus-visible, .crm-alan select:focus-visible, .crm-alan textarea:focus-visible{outline:none; border-color:var(--accent); box-shadow:var(--ring);}
.crm-alan small{font-size:11px; color:var(--ink-muted); line-height:1.4;}
.crm-alan-izgara{display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:8px 10px;}
.crm-alan-izgara.uc{grid-template-columns:repeat(3, minmax(0, 1fr));}
.crm-secenekler{display:flex; flex-wrap:wrap; gap:6px;}
.crm-secenek{display:inline-flex; align-items:center; gap:6px; padding:5px 10px; border:1px solid var(--line); border-radius:var(--radius-pill); font-size:12.5px; cursor:pointer; background:var(--surface-2); color:var(--ink);}
.crm-secenek:has(input:checked){border-color:var(--accent); background:color-mix(in srgb, var(--accent) 12%, transparent);}
.crm-secenek input{accent-color:var(--accent); margin:0;}
.crm-onay-kutu{display:flex; align-items:flex-start; gap:8px; font-size:12.5px; line-height:1.45; padding:7px 9px; border:1px solid var(--line); border-radius:var(--radius-sm); background:var(--surface-2); cursor:pointer;}
.crm-onay-kutu input{margin-top:2px; accent-color:var(--accent); flex:none;}
.crm-uyari-kutu{border:1px solid color-mix(in srgb, var(--warn) 45%, var(--line)); background:color-mix(in srgb, var(--warn) 10%, var(--surface)); border-radius:var(--radius-md); padding:9px 11px; font-size:12.5px; line-height:1.5; color:var(--ink);}
.crm-uyari-kutu ul{margin:4px 0 0; padding-left:18px;}
.crm-uyari-kutu li{margin:2px 0;}
.crm-uyari-kutu.kirmizi{border-color:color-mix(in srgb, var(--critical) 45%, var(--line)); background:color-mix(in srgb, var(--critical) 8%, var(--surface));}
.crm-gizli-veri{font-size:16px; font-weight:700; letter-spacing:.02em; padding:8px 10px; border:1px dashed var(--line); border-radius:var(--radius-sm); background:var(--surface-2); overflow-wrap:anywhere; display:flex; align-items:center; justify-content:space-between; gap:8px;}
.crm-lightbox img{display:block; max-width:100%; max-height:calc(100dvh - 140px); margin:0 auto; border-radius:var(--radius-sm);}
.crm-sablon-izgara{display:grid; grid-template-columns:minmax(0, 300px) minmax(0, 1fr); gap:12px; min-height:0;}
.crm-sablon-liste{display:flex; flex-direction:column; gap:4px; max-height:52vh; overflow:auto; min-width:0;}
.crm-sablon-oge{display:flex; flex-direction:column; gap:2px; text-align:left; border:1px solid var(--line); border-radius:var(--radius-sm); background:var(--surface-2); color:var(--ink); padding:7px 9px; cursor:pointer; font-size:12.5px; min-width:0;}
.crm-sablon-oge small{color:var(--ink-muted); font-size:11px;}
.crm-sablon-oge.aktif{border-color:var(--accent); background:color-mix(in srgb, var(--accent) 10%, transparent);}
.crm-sablon-oge:disabled{opacity:.5; cursor:not-allowed;}
.crm-onizleme{white-space:pre-wrap; overflow-wrap:anywhere; font-size:13px; line-height:1.5; padding:9px 11px; border-radius:var(--radius-md); background:color-mix(in srgb, var(--accent) 9%, var(--surface)); border:1px solid color-mix(in srgb, var(--accent) 25%, var(--line));}
.crm-kisayol-liste{display:grid; grid-template-columns:auto minmax(0, 1fr); gap:6px 12px; font-size:13px; align-items:center;}
.crm-kisayol-liste kbd{font:inherit; font-size:11.5px; font-weight:700; padding:2px 7px; border:1px solid var(--line); border-bottom-width:2px; border-radius:var(--radius-sm); background:var(--surface-2); white-space:nowrap; justify-self:start;}

/* ---- sekme alanı: Hazır Yanıtlar · Raporlar · Kanal Ayarları (mesajlar-ayar.js) ---- */
.crm-sekme-alan{min-width:0;}
.crm-sekme-alan .dp-izgara{align-items:start;}
.crm-sekme-alan .dp-kart{min-width:0;}
.crm-kart-bas{display:flex; align-items:center; justify-content:space-between; gap:8px; flex-wrap:wrap;}
.crm-kart-bas h3{margin:0; font-size:13px; font-weight:800; color:var(--ink); display:flex; align-items:center; gap:7px;}
.crm-kart-bas h3 svg{width:16px; height:16px; color:var(--dp-ton, var(--accent));}
.crm-kart-govde{display:flex; flex-direction:column; gap:8px; font-size:12.5px; min-width:0;}
.crm-kart-ayak{display:flex; justify-content:flex-end; gap:6px; flex-wrap:wrap; align-items:center;}
.crm-kart-ayak .crm-p-durum{flex:1 1 auto; font-size:11.5px; color:var(--ink-muted); min-width:0;}
.crm-kart-ayak .crm-p-durum.hata{color:var(--critical);}
.crm-kart-ayak .btn{padding:5px 11px; font-size:12px;}
.crm-anahtar{display:flex; align-items:center; justify-content:space-between; gap:10px; font-size:12.5px; padding:5px 0; border-bottom:1px dashed var(--line-soft); min-width:0;}
.crm-anahtar:last-child{border-bottom:0;}
.crm-anahtar > span{min-width:0;}
.crm-anahtar small{display:block; font-size:11px; color:var(--ink-muted); line-height:1.4;}
.crm-anahtar input[type="checkbox"]{appearance:none; -webkit-appearance:none; width:34px; height:20px; flex:none; border-radius:var(--radius-pill); background:color-mix(in srgb, var(--ink-muted) 35%, transparent); position:relative; cursor:pointer; transition:background var(--dur) var(--ease); margin:0;}
.crm-anahtar input[type="checkbox"]::after{content:""; position:absolute; top:2px; left:2px; width:16px; height:16px; border-radius:50%; background:var(--surface); box-shadow:var(--elev-1); transition:transform var(--dur) var(--ease);}
.crm-anahtar input[type="checkbox"]:checked{background:var(--accent);}
.crm-anahtar input[type="checkbox"]:checked::after{transform:translateX(14px);}
.crm-anahtar input[type="checkbox"]:disabled{opacity:.5; cursor:not-allowed;}
.crm-anahtar input[type="checkbox"]:focus-visible{outline:none; box-shadow:var(--ring);}
.crm-onkosul{display:flex; flex-direction:column; gap:4px;}
.crm-onkosul-satir{display:grid; grid-template-columns:18px minmax(0, 1fr); gap:6px; font-size:12px; align-items:start;}
.crm-onkosul-satir svg{width:16px; height:16px; margin-top:1px;}
.crm-onkosul-satir[data-tamam="1"] svg{color:var(--good);}
.crm-onkosul-satir[data-tamam="0"] svg{color:var(--critical);}
.crm-onkosul-satir small{display:block; color:var(--ink-muted); font-size:11px;}
.crm-buyuk-durum{display:flex; align-items:center; gap:8px; font-size:14px; font-weight:800;}
.crm-buyuk-durum .crm-canli-nokta{width:10px; height:10px;}
.crm-buyuk-durum[data-acik="1"] .crm-canli-nokta{background:var(--good);}
.crm-buyuk-durum[data-acik="0"] .crm-canli-nokta{background:var(--ink-muted);}
.crm-sayilar{display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:6px;}
.crm-sayi-kutu{border:1px solid var(--line-soft); border-radius:var(--radius-sm); padding:6px 8px; background:var(--surface); min-width:0;}
.crm-sayi-kutu b{display:block; font-size:16px; font-variant-numeric:tabular-nums; color:var(--ink);}
.crm-sayi-kutu span{font-size:10.5px; color:var(--ink-muted);}
.crm-sayi-kutu[data-ton="kirmizi"] b{color:var(--critical);}
.crm-sayi-kutu[data-ton="sari"] b{color:color-mix(in srgb, var(--warn) 70%, var(--ink));}
.crm-kpi-izgara{display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:10px;}
.crm-kpi{border:1px solid var(--line-soft); border-radius:var(--radius-md); background:var(--surface-2); padding:10px 12px; display:flex; flex-direction:column; gap:3px; min-width:0;}
.crm-kpi > span{font-size:11px; font-weight:700; color:var(--ink-muted); letter-spacing:.03em;}
.crm-kpi > b{font-size:24px; font-weight:800; color:var(--ink); font-variant-numeric:tabular-nums; line-height:1.15;}
.crm-kpi > small{font-size:11px; color:var(--ink-muted); line-height:1.4;}
.crm-cubuklar{display:flex; flex-direction:column; gap:5px;}
.crm-cubuk{display:grid; grid-template-columns:minmax(70px, 34%) minmax(0, 1fr) auto; gap:8px; align-items:center; font-size:12px; min-width:0;}
.crm-cubuk > span:first-child{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--ink);}
.crm-cubuk-iz{height:8px; border-radius:var(--radius-pill); background:color-mix(in srgb, var(--ink-muted) 13%, transparent); overflow:hidden;}
.crm-cubuk-dolu{height:100%; border-radius:var(--radius-pill); background:var(--accent); width:0;}
.crm-cubuk > b{font-variant-numeric:tabular-nums; font-size:12px; color:var(--ink); white-space:nowrap;}
.crm-olcer{height:8px; border-radius:var(--radius-pill); background:color-mix(in srgb, var(--ink-muted) 13%, transparent); overflow:hidden;}
.crm-olcer > div{height:100%; width:0; background:var(--accent); border-radius:var(--radius-pill);}
.crm-olcer[data-ton="sari"] > div{background:var(--warn);}
.crm-olcer[data-ton="kirmizi"] > div{background:var(--critical);}
.crm-tablo{width:100%; border-collapse:collapse; font-size:12px;}
.crm-tablo th, .crm-tablo td{padding:5px 6px; border-bottom:1px solid var(--line-soft); text-align:left; vertical-align:top;}
.crm-tablo th{font-size:10.5px; color:var(--ink-muted); font-weight:700; text-transform:uppercase; letter-spacing:.05em;}
.crm-tablo td.sayi, .crm-tablo th.sayi{text-align:right; font-variant-numeric:tabular-nums;}
.crm-hazir-izgara{display:grid; grid-template-columns:minmax(300px, 420px) minmax(0, 1fr); gap:12px; height:var(--crm-yuk, calc(100vh - 118px)); min-height:420px;}
.crm-hazir-izgara > section{background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-lg); box-shadow:var(--elev-1); display:flex; flex-direction:column; min-height:0; min-width:0; overflow:hidden;}
.crm-hazir-bas{display:flex; gap:6px; align-items:center; padding:10px; border-bottom:1px solid var(--line); flex-wrap:wrap;}
.crm-hazir-bas input, .crm-hazir-bas select{padding:6px 8px; border:1px solid var(--line); border-radius:var(--radius-sm); background:var(--surface-2); color:var(--ink); font:inherit; font-size:12.5px; min-width:0;}
.crm-hazir-bas input{flex:1 1 140px;}
.crm-hazir-liste{flex:1 1 auto; overflow:auto; min-height:0;}
.crm-hazir-satir{display:grid; grid-template-columns:minmax(0, 1fr) auto; gap:2px 8px; width:100%; text-align:left; padding:8px 10px; border:0; border-bottom:1px solid var(--line-soft); background:transparent; color:var(--ink); cursor:pointer; font-size:12.5px; min-width:0;}
.crm-hazir-satir:hover{background:color-mix(in srgb, var(--accent) 6%, transparent);}
.crm-hazir-satir.aktif{background:color-mix(in srgb, var(--accent) 12%, transparent);}
.crm-hazir-satir b{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.crm-hazir-satir small{grid-column:1 / -1; color:var(--ink-muted); font-size:11px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.crm-hazir-form{flex:1 1 auto; overflow:auto; min-height:0; padding:12px; display:flex; flex-direction:column; gap:10px;}
.crm-degisken-dugmeler{display:flex; flex-wrap:wrap; gap:4px;}
.crm-degisken-dugmeler button{border:1px dashed var(--line); background:var(--surface-2); color:var(--ink); font-size:11.5px; padding:2px 8px; border-radius:var(--radius-pill); cursor:pointer;}
.crm-rapor-ust{display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:10px;}
.crm-rapor-ust input{padding:5px 8px; border:1px solid var(--line); border-radius:var(--radius-sm); background:var(--surface-2); color:var(--ink); font:inherit; font-size:12.5px;}

/* ---- ekran boyutları ---- */
@media (max-width:1280px){
  .crm-izgara{grid-template-columns:minmax(270px, 320px) minmax(0, 1fr) minmax(250px, 290px);}
  .crm-kpi-izgara{grid-template-columns:repeat(2, minmax(0, 1fr));}
}
@media (max-width:1100px){
  .crm-sekmeler{display:none;}
  .crm-izgara{grid-template-columns:minmax(260px, 330px) minmax(0, 1fr);}
  .crm-panel{display:none;}
  .crm-panel.cekmece-acik{display:flex; position:fixed; top:6px; right:6px; bottom:6px; width:min(360px, calc(100vw - 12px)); z-index:1150; box-shadow:var(--elev-3);}
  .crm-panel-kapat{display:inline-flex;}
  .crm-perde-arka{position:fixed; inset:0; z-index:1140; background:color-mix(in srgb, var(--bg) 45%, transparent);}
  .crm-hazir-izgara{grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);}
}
@media (min-width:1101px){
  #crmPanelBtn{display:none;}
  .crm-perde-arka{display:none !important;}
}
@media (max-width:900px){
  .crm-sablon-izgara{grid-template-columns:minmax(0, 1fr);}
  .crm-sablon-liste{max-height:30vh;}
  .crm-alan-izgara.uc{grid-template-columns:repeat(2, minmax(0, 1fr));}
}
@media (max-width:768px){
  .crm-sayfa{padding:6px;}
  .crm-ust-ad, .topbar-sub{display:none;}
  .crm-ust-btn{padding:7px 9px;}
  .crm-izgara{grid-template-columns:minmax(0, 1fr); grid-template-rows:minmax(0, 1fr) auto; gap:6px; min-height:0;}
  .crm-liste-kap, .crm-konusma, .crm-panel{grid-row:1; grid-column:1; display:none;}
  .crm-izgara[data-mobil="liste"] .crm-liste-kap, .crm-izgara[data-mobil="konusma"] .crm-konusma, .crm-izgara[data-mobil="panel"] .crm-panel{display:flex;}
  .crm-panel.cekmece-acik{position:static; width:auto; box-shadow:var(--elev-1);}
  .crm-perde-arka{display:none !important;}
  #crmPanelBtn, .crm-panel-kapat{display:none;}
  .crm-geri{display:inline-flex;}
  .crm-mobil-cubuk{display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:4px; padding:3px; border:1px solid var(--line); border-radius:var(--radius-lg); background:var(--surface); box-shadow:var(--elev-1);}
  .crm-mobil-cubuk button{border:0; background:transparent; color:var(--ink-muted); font-weight:700; font-size:13px; padding:8px 4px; border-radius:var(--radius-md); cursor:pointer; display:inline-flex; align-items:center; justify-content:center; gap:5px; min-width:0;}
  .crm-mobil-cubuk button[aria-current="true"]{background:color-mix(in srgb, var(--accent) 14%, transparent); color:var(--ink);}
  .crm-mobil-sayi:not(:empty){min-width:18px; height:18px; padding:0 5px; box-sizing:border-box; border-radius:var(--radius-pill); background:var(--accent); color:var(--accent-contrast); font-size:10.5px; display:inline-flex; align-items:center; justify-content:center;}
  .crm-k-bas{grid-template-columns:minmax(0, 1fr); padding:7px 8px 6px;}
  .crm-k-eylem{justify-content:flex-start;}
  .crm-m{max-width:88%;}
  .crm-akis{padding:8px;}
  .crm-yanit{padding:6px 6px 7px;}
  .crm-yz-taslak-kap{padding:0 6px;}
  .crm-m-eylem{opacity:1;}
  .crm-suzgec select, .crm-ara, .crm-sec, .crm-yazi-kap textarea, .crm-alan input, .crm-alan select, .crm-alan textarea, .crm-hazir-bas input, .crm-hazir-bas select{font-size:16px;}
  .crm-ara, .crm-suzgec select{min-height:38px;}
  .crm-yazi-kap textarea{min-height:52px; max-height:24vh;}
  .crm-alan-izgara, .crm-alan-izgara.uc{grid-template-columns:minmax(0, 1fr);}
  .crm-hazir-izgara{grid-template-columns:minmax(0, 1fr); height:auto;}
  .crm-hazir-izgara > section{max-height:none;}
  .crm-hazir-liste{max-height:45vh;}
  .crm-kpi-izgara{grid-template-columns:repeat(2, minmax(0, 1fr)); gap:6px;}
  .crm-kpi > b{font-size:20px;}
  .crm-sekme-alan .dp-izgara{gap:6px;}
}
@media (min-width:769px){
  .crm-mobil-cubuk{display:none;}
}
@media (max-width:400px){
  .crm-cip{padding:3px 7px;}
  .crm-yz-btn{padding:3px 7px;}
  .crm-sayac{max-width:96px;}
}
@media (prefers-reduced-motion:reduce){
  .crm-pencere{animation:none;}
  .crm-satir, .crm-cip, .crm-m-eylem{transition:none;}
}