/* ============================================================================
   Agenta müşteri paneli (/panel/*) — TEK stil dosyası.
   Tailwind YOK, CDN YOK, build adımı YOK. Sınıf adları onaylı prototiple birebir.
   ========================================================================= */

:root {
  /* Marka */
  --agenta-green:#0E9F6E; --agenta-green-strong:#0A7A52; --agenta-green-deep:#075E40;
  --agenta-green-tint:#E7F6EF; --agenta-green-tint-2:#F4FBF8;
  --agenta-ink:#0C1B2A; --agenta-ink-2:#1B2C3D;
  /* Slate ölçeği */
  --slate-0:#FFFFFF; --slate-25:#F8FAFB; --slate-50:#F2F5F7; --slate-100:#E6EBEF;
  --slate-200:#D4DCE2; --slate-300:#B4C0C9; --slate-400:#8A99A5; --slate-500:#62727F;
  --slate-600:#47565F; --slate-700:#313E47; --slate-800:#1E2A32; --slate-900:#0C1B2A;
  /* Durum */
  --success:#0E9F6E; --success-tint:#E7F6EF; --warn:#E08600; --warn-tint:#FCF1DE;
  --danger:#E5484D; --danger-tint:#FCEBEC;
  /* Kanal renkleri */
  --ch-whatsapp:#25D366; --ch-messenger:#0084FF; --ch-instagram:#E1306C;
  --ch-telegram:#229ED9; --ch-web:#62727F;
  --ch-facebook_comment:#1877F2; --ch-instagram_comment:#E1306C;
  /* Tipografi */
  --fd:'Space Grotesk',system-ui,sans-serif;
  --fb:'Manrope',system-ui,sans-serif;
  --fm:'Space Mono',ui-monospace,monospace;
  /* Radii / gölge */
  --rs:9px; --rm:12px; --rl:16px; --rp:999px;
  --sh:0 1px 2px rgba(12,27,42,.05);
  --sh-md:0 8px 24px rgba(12,27,42,.08);
  /* Prototip kısa adları */
  --s25:var(--slate-25); --s50:var(--slate-50); --s100:var(--slate-100);
  --s200:var(--slate-200); --s400:var(--slate-400); --s500:var(--slate-500);
  --s600:var(--slate-600); --s700:var(--slate-700);
  --ink:var(--agenta-ink); --green:var(--agenta-green);
  --green-strong:var(--agenta-green-strong); --green-deep:var(--agenta-green-deep);
  --green-tint:var(--agenta-green-tint); --green-wash:var(--agenta-green-tint-2);
  --wa:var(--ch-whatsapp);
  --sidebar-w:248px;
}

*, *::before, *::after { box-sizing: border-box; }
html, body { margin:0; padding:0; }
body {
  font-family: var(--fb); font-size:14px; line-height:1.45;
  color: var(--agenta-ink); background: var(--slate-25);
  -webkit-font-smoothing: antialiased;
}
a { color: var(--green-strong); text-decoration: none; }
a:hover { text-decoration: underline; }
button { font-family: var(--fb); }
svg { display:block; }

/* Tam sayfa geçişleri yumuşak olsun (destekleyen tarayıcıda; yoksa yok sayılır).
   hx-boost'un yerini bu tutuyor — kabuk her istekte sunucudan geldiği için
   drift, takılan overlay ve JS senkronu diye bir şey kalmıyor. */
@view-transition { navigation: auto; }

/* ===================== Masaüstü sol sidebar ===================== */
.sb-sidebar { display:none; }
.mobile-header, .mobile-tabbar { display:none; }

@media (min-width: 821px) {
  /* Sidebar'ı OLMAYAN sayfalarda (auth_base.html: login/signup/billing return)
     bu padding kartı yarım sidebar kadar sağa kaydırıyordu — .auth hariç tut. */
  body:not(.auth) { padding-left: var(--sidebar-w); }
  .sb-sidebar {
    display:flex; flex-direction:column; width: var(--sidebar-w);
    position:fixed; left:0; top:0; height:100vh; overflow-y:auto; z-index:40;
    background: var(--ink); color:#cfd8de; padding:16px 12px;
  }
}
.sb-logo { display:flex; align-items:center; gap:9px; padding:6px 8px 14px; color:#fff;
  font-family:var(--fd); font-weight:600; font-size:16px; }
.sb-logo:hover { text-decoration:none; }
.sb-logo-mark { width:26px; height:26px; border-radius:8px; background:var(--green);
  display:flex; align-items:center; justify-content:center; flex:none; gap:2px; }
.sb-logo-mark span { width:5px; height:5px; border-radius:9px; background:#fff; }
.sb-logo-mark span:last-child { background:var(--ink); }
.sb-nav { display:flex; flex-direction:column; gap:1px; flex:1; }
.sb-sec { font-family:var(--fm); font-size:9.5px; font-weight:700; letter-spacing:.1em;
  text-transform:uppercase; color:var(--s400); padding:14px 10px 5px; }
.sb-ni { display:flex; align-items:center; gap:11px; padding:9px 10px; border-radius:10px;
  color:#cfd8de; font-weight:600; font-size:13.5px; transition:background .12s, color .12s; }
.sb-ni:hover { background:rgba(255,255,255,.06); color:#fff; text-decoration:none; }
.sb-ni.on { background:var(--green); color:#fff; }
.sb-ni svg { width:18px; height:18px; flex:none; }
.sb-ni > span { flex:1; }
.sb-nb { background:var(--warn); color:#fff; font-size:11px; font-weight:700; min-width:19px;
  height:19px; border-radius:9px; display:inline-flex; align-items:center; justify-content:center;
  padding:0 5px; flex:none; }
.sb-ni.on .sb-nb { background:rgba(255,255,255,.25); }
.sb-sfoot { border-top:1px solid rgba(255,255,255,.08); padding-top:10px; margin-top:8px;
  display:flex; flex-direction:column; gap:8px; }
.sb-ws summary { cursor:pointer; list-style:none; background:rgba(255,255,255,.06);
  border-radius:8px; padding:8px 10px; font-size:12.5px; color:#fff; display:flex;
  align-items:center; gap:6px; }
.sb-ws summary::-webkit-details-marker { display:none; }
.sb-ws-menu { background:#fff; color:var(--ink); border-radius:8px; margin-top:5px;
  overflow:hidden; border:1px solid var(--s200); }
.sb-ws-menu button { width:100%; text-align:left; padding:8px 11px; background:none;
  border:none; cursor:pointer; font-size:13px; }
.sb-ws-menu button:hover { background:var(--s50); }
.sb-actions { display:flex; align-items:center; gap:8px; flex-wrap:wrap; padding:2px 6px; }
.sb-actions a, .sb-actions button { color:var(--s400); background:none; border:none;
  cursor:pointer; font-size:12px; padding:0; }
.sb-actions a:hover, .sb-actions button:hover { color:#fff; text-decoration:none; }
.sb-actions .lng.on { background:var(--s700); color:#fff; padding:2px 7px; border-radius:6px; }
.sb-email { color:var(--s500); font-size:11px; padding:0 6px; word-break:break-all; }

/* ===================== İçerik ===================== */
main { display:block; }
.wrap { max-width:1100px; margin:0 auto; padding:26px 24px 40px; }
.pt { font-family:var(--fd); font-weight:600; font-size:24px; letter-spacing:-.02em; }
.psub { color:var(--s500); font-size:14px; margin-top:3px; }

/* Yönlendirme şeridi */
.guide { display:flex; align-items:center; gap:14px;
  background:linear-gradient(120deg, var(--green-wash), #fff);
  border:1px solid var(--green-tint); border-radius:var(--rl); padding:16px 18px; margin:18px 0; }
.guide .gi { width:42px; height:42px; border-radius:12px; background:var(--green); color:#fff;
  display:grid; place-items:center; flex:none; }
.guide .gt { font-family:var(--fd); font-weight:600; font-size:16px; }
.guide .gd { color:var(--s600); font-size:13.5px; margin-top:2px; }
.guide .gp { margin-left:auto; text-align:right; flex:none; }
.guide .gp b { font-family:var(--fd); font-size:15px; }

/* Kurulum listesi */
.check { background:#fff; border:1px solid var(--s100); border-radius:var(--rl);
  box-shadow:var(--sh); padding:6px 4px; margin-bottom:18px; }
.ck { display:flex; align-items:center; gap:13px; padding:13px 16px; border-bottom:1px solid var(--s50); }
.ck:last-child { border:none; }
.ck .ci { width:26px; height:26px; border-radius:9px; flex:none; display:grid; place-items:center;
  font-weight:700; font-size:13px; }
.ck.done .ci { background:var(--green); color:#fff; }
.ck.now .ci { background:var(--green-tint); color:var(--green-deep); border:2px solid var(--green); }
.ck.todo .ci { background:var(--s50); color:var(--s400); border:1px solid var(--s200); }
.ck .ct { flex:1; }
.ck .ct b { font-size:14px; }
.ck.done .ct b { color:var(--s400); text-decoration:line-through; }
.ck .ct span { display:block; font-size:12.5px; color:var(--s500); margin-top:1px; }
.ck .cgo { flex:none; background:var(--ink); color:#fff; border:none; border-radius:9px;
  padding:8px 14px; font-weight:600; font-size:13px; cursor:pointer;
  display:inline-flex; gap:5px; align-items:center; }
.ck .cgo:hover { text-decoration:none; }
.ck.done .cgo, .ck.todo .cgo { display:none; }

/* Bölüm başlığı */
.sh { display:flex; align-items:center; justify-content:space-between; margin:22px 2px 12px; }
.sh .st { font-family:var(--fd); font-weight:600; font-size:16px; }
.sh .sa { color:var(--green-strong); font-weight:600; font-size:13px; }

/* KPI */
.kpis { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.kpi { background:#fff; border:1px solid var(--s100); border-radius:var(--rl); padding:15px 17px;
  box-shadow:var(--sh); }
.kpi .l { font-family:var(--fm); font-size:10px; font-weight:700; letter-spacing:.07em;
  text-transform:uppercase; color:var(--s500); }
.kpi .n { font-family:var(--fd); font-weight:700; font-size:32px; letter-spacing:-.02em; margin-top:7px; }
.kpi .n small { font-size:15px; color:var(--s400); }
.kpi .d { font-size:12px; font-weight:600; margin-top:1px; color:var(--green-strong); }
.kpi .d.muted { color:var(--s500); }
.kpi .d.warn { color:var(--warn); }

/* İki kolon */
.cols { display:grid; grid-template-columns:1.5fr 1fr; gap:16px; margin-top:16px; }
.panel { background:#fff; border:1px solid var(--s100); border-radius:var(--rl);
  box-shadow:var(--sh); overflow:hidden; }
.ph { display:flex; align-items:center; justify-content:space-between; padding:14px 17px;
  border-bottom:1px solid var(--s100); }
.ph .t { font-family:var(--fd); font-weight:600; font-size:15px; }
.ph .a { color:var(--green-strong); font-size:13px; font-weight:600; }
.pempty { padding:22px 17px; color:var(--s500); font-size:13.5px; text-align:center; }

/* Konuşma satırı */
.conv { display:flex; align-items:center; gap:12px; padding:12px 17px; border-bottom:1px solid var(--s50); }
.conv:last-child { border:none; }
.conv .cav { width:38px; height:38px; border-radius:11px; background:var(--s50); display:grid;
  place-items:center; font-family:var(--fd); font-weight:700; font-size:13px; position:relative; flex:none; }
.conv .cb { position:absolute; bottom:-3px; right:-3px; width:17px; height:17px; border-radius:6px;
  display:grid; place-items:center; border:2px solid #fff; }
.conv .cm { flex:1; min-width:0; }
.conv .cw { font-weight:600; font-size:13.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.conv .cl { font-size:12px; color:var(--s500); margin-top:1px; white-space:nowrap; overflow:hidden;
  text-overflow:ellipsis; }
.spill { font-size:11px; font-weight:700; padding:3px 8px; border-radius:var(--rp);
  display:inline-flex; gap:4px; align-items:center; flex:none; }
.spill.ai { background:var(--green-tint); color:var(--green-deep); }
.spill.esc { background:var(--warn-tint); color:var(--warn); }

/* Kanal satırı */
.chc { display:flex; align-items:center; gap:12px; padding:12px 17px; border-bottom:1px solid var(--s50); }
.chc:last-child { border:none; }
.chi { width:34px; height:34px; border-radius:10px; display:grid; place-items:center; flex:none; }
.chm { flex:1; min-width:0; }
.chn { font-weight:600; font-size:14px; }
.chs { font-size:12px; color:var(--s500); }
.ch-on { color:var(--green-strong); background:var(--green-tint); font-size:12px; font-weight:700;
  padding:5px 11px; border-radius:var(--rp); display:inline-flex; gap:4px; align-items:center; }
.ch-go { background:var(--green); color:#fff; border:none; border-radius:9px; padding:8px 13px;
  font-weight:600; font-size:13px; cursor:pointer; display:inline-flex; gap:5px; align-items:center; }
.ch-go:hover { text-decoration:none; }
.ch-fix { background:var(--warn-tint); color:var(--warn); border:1px solid #F3D9A8; border-radius:9px;
  padding:8px 13px; font-weight:700; font-size:13px; cursor:pointer; }
.ch-fix:hover { text-decoration:none; }

/* Bot sağlığı */
.health { display:flex; flex-direction:column; gap:11px; padding:15px 17px; }
.hrow { display:flex; align-items:center; gap:10px; font-size:13.5px; }
.hrow .hd { width:9px; height:9px; border-radius:9px; flex:none; }
.hrow b { margin-left:auto; font-family:var(--fd); }

/* ===================== Mobil app kabuğu (PWA) ===================== */
@media (max-width: 820px) {
  html, body { height:100%; }
  body {
    padding-left:0;
    position:fixed; inset:0; overflow:hidden;
    display:flex; flex-direction:column;
    overscroll-behavior-y:none;
  }
  .mobile-header {
    display:flex; align-items:center; gap:11px; flex:none; order:0;
    padding:calc(env(safe-area-inset-top) + 10px) 16px 10px;
    background:rgba(255,255,255,.92); backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px); border-bottom:1px solid var(--s100);
  }
  .mh-logo { width:38px; height:38px; border-radius:12px; background:var(--green); color:#fff;
    display:grid; place-items:center; font-family:var(--fd); font-weight:700; flex:none; }
  .mh-t { font-family:var(--fd); font-weight:600; font-size:15px; }
  .mh-s { font-size:11.5px; color:var(--s500); }
  main { order:1; flex:1 1 auto; min-height:0; overflow-y:auto; overflow-x:hidden;
    overscroll-behavior:contain; -webkit-overflow-scrolling:touch; }
  .wrap { padding:16px 14px 22px; }
  .mobile-tabbar {
    display:flex; flex:none; order:2; background:#fff; border-top:1px solid var(--s100);
    padding:6px 4px calc(env(safe-area-inset-bottom) + 6px);
  }
  .mobile-tab { flex:1; display:flex; flex-direction:column; align-items:center; gap:3px;
    padding:6px 2px; color:var(--s500); font-size:10.5px; font-weight:600; position:relative; }
  .mobile-tab:hover { text-decoration:none; }
  .mobile-tab svg { width:23px; height:23px; }
  .mobile-tab.on { color:var(--green-strong); }
  .tab-badge { position:absolute; top:2px; right:calc(50% - 20px); min-width:17px; height:17px;
    padding:0 4px; border-radius:var(--rp); background:var(--warn); color:#fff; font-size:10px;
    font-weight:700; display:grid; place-items:center; }
  .kpis { grid-template-columns:1fr 1fr; }
  .cols { grid-template-columns:1fr; }
  .pt { font-size:21px; }
  .guide { flex-wrap:wrap; }
  .guide .gp { margin-left:0; }
}

/* Geniş tablolar kendi içinde kaysın; sayfa yatay kaymasın. */
.table-wrap { overflow-x:auto; }

/* ===================== Ortak bileşenler (ui.html makroları) ===================== */
.ph-row { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.ph-actions { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.stack { display:flex; flex-direction:column; gap:16px; }
.row { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.grid2 { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.mt { margin-top:18px; }
.muted { color:var(--s500); }
.small { font-size:12.5px; }
.mono { font-family:var(--fm); font-size:12px; }
.inline { display:inline; }
.pb { padding:16px 17px; }

/* Flash */
.flashes { display:flex; flex-direction:column; gap:8px; margin:0 0 16px; }
.flash { border-radius:var(--rm); padding:11px 14px; font-size:13.5px; font-weight:600; border:1px solid; }
.flash.ok { background:var(--green-tint); color:var(--green-deep); border-color:#BBE6D4; }
.flash.warn { background:var(--warn-tint); color:#8A5200; border-color:#F3D9A8; }
.flash.error { background:var(--danger-tint); color:#9F1D22; border-color:#F5C2C5; }

/* Pill */
.pill { display:inline-flex; align-items:center; gap:5px; font-size:11.5px; font-weight:700;
  padding:3px 9px; border-radius:var(--rp); white-space:nowrap; }
.pill.ok { background:var(--green-tint); color:var(--green-deep); }
.pill.warn { background:var(--warn-tint); color:var(--warn); }
.pill.danger { background:var(--danger-tint); color:var(--danger); }
.pill.info { background:#E8F0FE; color:#1D4ED8; }
.pill.muted { background:var(--s50); color:var(--s500); }

/* Butonlar */
.btn { display:inline-flex; align-items:center; justify-content:center; gap:6px; border:none; border-radius:var(--rs);
  padding:9px 15px; font-weight:600; font-size:13.5px; cursor:pointer; line-height:1.2;
  transition:filter .12s, background .12s; }
.btn:hover { text-decoration:none; filter:brightness(1.05); }
.btn:focus-visible { outline:2px solid var(--green); outline-offset:2px; }
.btn.primary { background:var(--green); color:#fff; }
.btn.dark { background:var(--ink); color:#fff; }
.btn.ghost { background:#fff; color:var(--ink); border:1px solid var(--s200); }
.btn.ghost:hover { background:var(--s50); }
.btn.danger { background:var(--danger-tint); color:#9F1D22; border:1px solid #F5C2C5; }
.btn.sm { padding:6px 11px; font-size:12.5px; }
.btn svg { width:15px; height:15px; }
.btn[disabled] { opacity:.5; cursor:not-allowed; }

/* Form */
form.form { display:flex; flex-direction:column; gap:14px; }
.fld { display:flex; flex-direction:column; gap:5px; }
.fld .fl { font-size:12.5px; font-weight:700; color:var(--s600); }
.fld .fl em { color:var(--danger); font-style:normal; }
.fld .fh { font-size:12px; color:var(--s500); }
.fld input:not([type=checkbox]), .fld textarea, .fld select {
  width:100%; border:1px solid var(--s200); border-radius:var(--rs); padding:9px 11px;
  font-family:var(--fb); font-size:14px; color:var(--ink); background:#fff;
}
.fld input:focus, .fld textarea:focus, .fld select:focus { outline:none; border-color:var(--green);
  box-shadow:0 0 0 3px rgba(14,159,110,.18); }
.fld textarea { resize:vertical; min-height:80px; }
.fld-check { flex-direction:row; align-items:center; gap:9px; }
.fld-check input { width:17px; height:17px; accent-color:var(--green); }
.fld-check .fl { font-weight:600; color:var(--ink); }
.form-actions { display:flex; gap:10px; align-items:center; flex-wrap:wrap; padding-top:4px; }
.frow { display:grid; grid-template-columns:1fr 1fr; gap:12px; }

/* Tablo */
.table-wrap { overflow-x:auto; }
.tbl { width:100%; border-collapse:collapse; font-size:13.5px; }
.tbl th { text-align:left; font-family:var(--fm); font-size:10px; font-weight:700; letter-spacing:.07em;
  text-transform:uppercase; color:var(--s500); padding:11px 14px; border-bottom:1px solid var(--s100);
  white-space:nowrap; }
.tbl td { padding:11px 14px; border-bottom:1px solid var(--s50); vertical-align:middle; }
.tbl tr:last-child td { border-bottom:none; }
.tbl td.num, .tbl th.num { text-align:right; font-variant-numeric:tabular-nums; }
.tbl tr:hover td { background:var(--s25); }

/* Sekmeler */
.tabs { display:flex; gap:2px; border-bottom:1px solid var(--s100); margin:16px 0 18px; overflow-x:auto; }
.tab { padding:9px 13px; font-weight:600; font-size:13.5px; color:var(--s500); border-bottom:2px solid transparent;
  margin-bottom:-1px; white-space:nowrap; }
.tab:hover { color:var(--ink); text-decoration:none; }
.tab.on { color:var(--green-strong); border-bottom-color:var(--green); }

/* Liste satırı (genel amaçlı: belge, ürün, üye…) */
.li { display:flex; align-items:center; gap:12px; padding:12px 17px; border-bottom:1px solid var(--s50); }
.li:last-child { border-bottom:none; }
.li .lm { flex:1; min-width:0; }
.li .ln { font-weight:600; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.li .ls { font-size:12px; color:var(--s500); margin-top:1px; }
.li .la { display:flex; align-items:center; gap:8px; flex:none; }

/* Sarı uyarı bloğu (LLM gözden geçir vb.) */
.callout { display:flex; gap:12px; align-items:flex-start; border-radius:var(--rm); padding:13px 15px; font-size:13.5px; border:1px solid; }
.callout svg { width:18px; height:18px; flex:none; margin-top:1px; }
.callout.warn { background:var(--warn-tint); border-color:#F3D9A8; color:#6B4300; }
.callout.info { background:#E8F0FE; border-color:#C7DAFB; color:#1D3B8A; }
.callout.ok { background:var(--green-tint); border-color:#BBE6D4; color:var(--green-deep); }
.callout ul { margin:6px 0 0; padding-left:18px; }

/* Kimlik sayfaları (sidebar yok) */
.auth-wrap { min-height:100vh; display:grid; place-items:center; padding:24px; background:var(--slate-25); }
.auth-card { width:100%; max-width:420px; background:#fff; border:1px solid var(--s100); border-radius:var(--rl);
  box-shadow:var(--sh-md); padding:28px 26px; }
.auth-logo { display:flex; align-items:center; gap:9px; font-family:var(--fd); font-weight:600; font-size:18px; margin-bottom:18px; }
.auth-logo .sb-logo-mark { background:var(--green); }
.auth-logo .sb-logo-mark span:last-child { background:#fff; }
.auth-sep { display:flex; align-items:center; gap:10px; color:var(--s400); font-size:12px; margin:18px 0 14px; }
.auth-sep::before, .auth-sep::after { content:''; flex:1; border-top:1px solid var(--s100); }
.auth-foot { margin-top:16px; font-size:12.5px; color:var(--s500); text-align:center; }

@media (max-width: 820px) {
  .grid2, .frow { grid-template-columns:1fr; }
  .auth-card { padding:22px 18px; }
}

/* ===================== Domain bölümleri (her ajan yalnız kendi bölümüne yazar) ===================== */
/* --- inbox --- */
/* Liste filtreleri */
.ib-filters { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin:16px 0; }
.ib-search { flex:1; min-width:220px; display:flex; align-items:center; gap:8px;
  background:#fff; border:1px solid var(--s200); border-radius:var(--rs); padding:8px 11px; }
.ib-search svg { width:15px; height:15px; color:var(--s400); flex:none; }
.ib-search input { border:none; outline:none; flex:1; min-width:0; font-family:var(--fb);
  font-size:13.5px; color:var(--ink); background:none; }
.ib-sel { border:1px solid var(--s200); border-radius:var(--rs); padding:8px 10px;
  font-family:var(--fb); font-size:13px; color:var(--ink); background:#fff; }
.ib-check { display:inline-flex; align-items:center; gap:7px; font-size:13px; font-weight:600;
  color:var(--s600); cursor:pointer; }
.ib-check input { width:15px; height:15px; accent-color:var(--green); }

/* Liste satırları (.conv <a> olarak kullanılıyor) */
.ib-list a.conv { color:inherit; }
.ib-list a.conv:hover { background:var(--s25); text-decoration:none; }
.ib-top { display:flex; align-items:baseline; justify-content:space-between; gap:8px; }
.ib-time { font-size:10.5px; color:var(--s400); flex:none; }
.ib-time time { font-family:var(--fm); }
.ib-pills { display:flex; align-items:center; gap:6px; flex-wrap:wrap; margin-top:5px; }
.spill svg { width:12px; height:12px; flex:none; }
.spill.you { background:#E8F0FE; color:#1D4ED8; }
a.spill:hover { text-decoration:none; filter:brightness(.97); }
.ib-chev { color:var(--s300); flex:none; }
.ib-chev svg { width:16px; height:16px; }
.ib-more { display:flex; justify-content:center; margin-top:14px; }

/* Detay — üst bilgi */
.ib-back { display:inline-flex; align-items:center; gap:5px; font-size:12.5px; color:var(--s500);
  margin-bottom:10px; }
.ib-back svg { width:14px; height:14px; transform:rotate(180deg); }
.ib-back:hover { color:var(--ink); text-decoration:none; }
.ib-head { display:flex; gap:12px; align-items:flex-start; padding:15px 17px;
  border-bottom:1px solid var(--s100); flex-wrap:wrap; }
.ib-hav { width:44px; height:44px; border-radius:12px; background:var(--s50); display:grid;
  place-items:center; font-family:var(--fd); font-weight:700; font-size:15px; position:relative; flex:none; }
.ib-hav .cb { position:absolute; bottom:-3px; right:-3px; width:18px; height:18px; border-radius:6px;
  display:grid; place-items:center; border:2px solid #fff; }
.ib-hmid { flex:1; min-width:200px; }
.ib-who { font-family:var(--fd); font-weight:600; font-size:17px; }
.ib-sub { font-size:12.5px; color:var(--s500); margin-top:2px; }
.ib-hact { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.ib-callout { margin:14px 17px 0; }
.ib-callout a { font-weight:700; margin-left:4px; }

/* Mesaj akışı — müşteri solda, bot/operatör sağda */
.ib-msgs { display:flex; flex-direction:column; gap:14px; padding:18px 17px; background:var(--s25); }
.ib-msg { max-width:76%; display:flex; flex-direction:column; }
.ib-msg.cust { align-self:flex-start; align-items:flex-start; }
.ib-msg.out { align-self:flex-end; align-items:flex-end; }
.ib-msg.deleted .ib-b { text-decoration:line-through; opacity:.55; }
.ib-tag { display:flex; align-items:center; gap:6px; font-family:var(--fm); font-size:10px;
  font-weight:700; text-transform:uppercase; letter-spacing:.04em; color:var(--s500); margin-bottom:4px; }
.ib-msg.out .ib-tag { color:var(--green-deep); }
.ib-msg.out.human .ib-tag { color:#1D4ED8; }
.ib-b { font-size:14px; line-height:1.5; padding:10px 14px; border-radius:14px;
  white-space:pre-wrap; overflow-wrap:anywhere; }
.ib-msg.cust .ib-b { background:#fff; border:1px solid var(--s100); border-bottom-left-radius:5px; }
.ib-msg.out .ib-b { background:var(--green-tint); border-bottom-right-radius:5px; }
.ib-msg.out.human .ib-b { background:#E8F0FE; }
.ib-meta { display:flex; align-items:center; gap:7px; font-size:11px; color:var(--s400); margin-top:4px; }
.ib-meta time { font-family:var(--fm); font-size:10.5px; }
.ib-mini { background:var(--s50); border:1px solid var(--s100); color:var(--s500); font-size:10px;
  font-weight:700; padding:1px 7px; border-radius:var(--rp); }
.ib-mini.warn { background:var(--warn-tint); border-color:#F3D9A8; color:var(--warn); }
.ib-mini.positive { background:var(--green-tint); border-color:#BBE6D4; color:var(--green-deep); }
.ib-mini.negative { background:var(--danger-tint); border-color:#F5C2C5; color:var(--danger); }
.ib-mod { font-size:10px; font-weight:700; text-transform:none; letter-spacing:0;
  padding:1px 7px; border-radius:var(--rp); }
.ib-mod.hidden { background:var(--warn-tint); color:var(--warn); }
.ib-mod.deleted { background:var(--danger-tint); color:var(--danger); }
.ib-img { border-radius:12px; max-width:100%; max-height:240px; margin-bottom:6px; display:block; }

/* Yorum moderasyonu (balon altı) */
.ib-cmt { display:flex; align-items:center; gap:6px; flex-wrap:wrap; margin-top:8px; }
.ib-cmt-reply { display:flex; align-items:center; gap:6px; flex:1; min-width:220px; }
.ib-cmt-reply input[type=text] { flex:1; min-width:0; border:1px solid var(--s200);
  border-radius:var(--rs); padding:7px 10px; font-family:var(--fb); font-size:13px; background:#fff; }
.ib-cmt-reply input[type=text]:focus { outline:none; border-color:var(--green); }

/* Kompozer */
.ib-composer { padding:14px 17px; border-top:1px solid var(--s100); background:#fff; }
.ib-cnote { font-size:12px; color:var(--s500); margin-bottom:9px; }
.ib-cin { display:flex; gap:10px; align-items:flex-end; }
.ib-cin textarea { flex:1; min-width:0; resize:vertical; min-height:44px; max-height:180px;
  border:1px solid var(--s200); border-radius:12px; padding:10px 13px; font-family:var(--fb);
  font-size:14px; color:var(--ink); background:#fff; }
.ib-cin textarea:focus { outline:none; border-color:var(--green);
  box-shadow:0 0 0 3px rgba(14,159,110,.18); }
.ib-ro { text-align:center; color:var(--s500); font-size:13px; }

@media (max-width: 820px) {
  .ib-msg { max-width:92%; }
  .ib-hact { width:100%; }
}

/* --- leads --- */
.chips { display:flex; align-items:center; gap:6px; flex-wrap:wrap; margin:-6px 0 14px; }
.chips-l { font-family:var(--fm); font-size:10px; font-weight:700; letter-spacing:.07em; text-transform:uppercase;
  color:var(--s500); margin-right:4px; }
.chip { display:inline-flex; align-items:center; gap:5px; padding:5px 11px; border-radius:var(--rp);
  border:1px solid var(--s200); background:#fff; color:var(--s600); font-size:12.5px; font-weight:600; }
.chip:hover { background:var(--s50); text-decoration:none; }
.chip.on { background:var(--ink); border-color:var(--ink); color:#fff; }
.chip svg { width:13px; height:13px; }
.lead { padding:14px 17px 15px; border-bottom:1px solid var(--s50); scroll-margin-top:16px; }
.lead:last-child { border-bottom:none; }
.lead:target { background:var(--green-wash); }
.lead-top { display:flex; align-items:flex-start; gap:12px; }
.lead-av { width:40px; height:40px; border-radius:12px; background:var(--s50); display:grid; place-items:center;
  font-family:var(--fd); font-weight:700; font-size:13px; position:relative; flex:none; }
.lead-av .lb { position:absolute; bottom:-4px; right:-4px; width:18px; height:18px; border-radius:6px;
  display:grid; place-items:center; border:2px solid #fff; background:var(--s400); }
.lead-av .lb.ads { background:#1877F2; color:#fff; }
.lead-av .lb.ads svg { width:11px; height:11px; }
.lead-who { flex:1; min-width:0; }
.lead-name { font-weight:600; font-size:14.5px; display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.lead-meta { font-size:12.5px; color:var(--s500); margin-top:2px; display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
.lead-meta a { display:inline-flex; align-items:center; gap:4px; font-weight:600; }
.lead-meta a svg { width:13px; height:13px; }
.lead-go { display:flex; align-items:center; gap:6px; flex-wrap:wrap; flex:none; }
.lead-go .btn svg { width:14px; height:14px; }
.ql { display:block; font-family:var(--fm); font-size:10px; font-weight:700; letter-spacing:.07em;
  text-transform:uppercase; color:var(--s500); margin-bottom:3px; }
.lead-q { margin-top:10px; background:var(--s50); border-radius:var(--rm); padding:10px 12px; font-size:13.5px;
  line-height:1.45; white-space:pre-line; word-break:break-word; }
.lead-q.order { background:var(--green-tint); color:var(--green-deep); font-weight:600; }
.lead-q.order .ql { color:var(--green-strong); }
.lead-q.note { background:var(--warn-tint); color:#6B4300; }
.lead-q.note .ql { color:var(--warn); }
.lead-bot { margin-top:8px; font-size:12.5px; color:var(--s500); line-height:1.45; word-break:break-word; }
.lead-bot.warn { display:flex; align-items:center; gap:6px; color:var(--warn); font-weight:600; }
.lead-bot.warn svg { width:15px; height:15px; flex:none; }
.lead-fields { margin-top:10px; background:var(--s50); border-radius:var(--rm); padding:10px 12px; }
.lead-fields .lf { display:flex; gap:10px; padding:5px 0; border-bottom:1px solid var(--s100); font-size:12.5px; }
.lead-fields .lf:last-child { border-bottom:none; }
.lead-fields .k { flex:none; width:38%; color:var(--s500); text-transform:capitalize; }
.lead-fields .v { flex:1; min-width:0; word-break:break-word; }
.lead-trail { margin-top:8px; font-size:12px; color:var(--s500); display:flex; gap:12px; flex-wrap:wrap; }
.lead-trail span { display:inline-flex; align-items:center; gap:4px; }
.lead-trail svg { width:13px; height:13px; }
.lead-actions { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-top:12px; }
.lead-notes { flex:1 1 100%; }
.lead-notes summary { cursor:pointer; list-style:none; display:inline-flex; align-items:center; gap:5px;
  font-size:12.5px; font-weight:600; color:var(--s500); }
.lead-notes summary::-webkit-details-marker { display:none; }
.lead-notes summary:hover { color:var(--ink); }
.lead-notes summary svg { width:13px; height:13px; }
.lead-notes form { display:flex; flex-direction:column; align-items:flex-start; gap:8px; margin-top:8px; max-width:560px; }
.lead-notes form .fld { width:100%; }
.lead-more { margin-top:16px; text-align:center; }
@media (max-width: 820px) {
  .lead-top { flex-wrap:wrap; }
  .lead-go { flex-basis:100%; padding-left:52px; }
  .lead-fields .k { width:45%; }
}

/* --- channels --- */
.ch-actions { display:flex; align-items:center; gap:8px; flex-wrap:wrap; flex:none; justify-content:flex-end; }
.ch-cols { display:grid; grid-template-columns:1.6fr 1fr; gap:16px; align-items:start; }
@media (max-width: 820px) { .ch-cols { grid-template-columns:1fr; } }
.steps { margin:0 0 12px; padding-left:20px; display:flex; flex-direction:column; gap:6px; font-size:13.5px; }
.steps li::marker { color:var(--green-strong); font-weight:700; }
.tips { margin:0; padding-left:18px; display:flex; flex-direction:column; gap:7px; color:var(--s600); }
.code { background:var(--slate-900); color:#E6EBEF; font-family:var(--fm); font-size:12px;
  border-radius:var(--rm); padding:12px 14px; overflow-x:auto; margin:0; white-space:pre-wrap; word-break:break-all; }
.logo-prev { display:flex; align-items:center; gap:10px; background:var(--s50); border-radius:var(--rm); padding:8px 10px; }
.logo-prev img { width:44px; height:44px; object-fit:cover; border-radius:10px; background:#fff; flex:none; }
.color-row { display:flex; gap:8px; align-items:center; }
.color-row input[type=color] { width:44px; height:38px; padding:2px; border:1px solid var(--s200);
  border-radius:var(--rs); background:#fff; cursor:pointer; flex:none; }
.color-row input[type=text] { flex:1; font-family:var(--fm); }
.wa-status { margin-top:12px; font-size:13.5px; font-weight:600; min-height:1.2em; }
.wa-status.ok { color:var(--green-strong); }
.wa-status.warn { color:var(--warn); }
.wa-status.error { color:var(--danger); }
.wa-status.muted { color:var(--s500); }
.wa-detail { margin-top:10px; }
.wa-detail[hidden] { display:none; }
.wa-detail summary { cursor:pointer; color:var(--s400); font-size:12px; }
.wa-detail pre { white-space:pre-wrap; font-size:11px; color:var(--s500); margin-top:6px;
  background:var(--s50); border-radius:var(--rs); padding:10px 12px; overflow-x:auto; }

/* --- knowledge --- */
.kn-steps { margin:0 0 14px; padding-left:20px; }
.kn-steps li { margin:3px 0; font-size:13.5px; }
.kn-fic { width:36px; height:36px; border-radius:10px; background:var(--green-tint);
  color:var(--green-deep); display:grid; place-items:center; flex:none; }
.kn-fic svg { width:18px; height:18px; }
.kn-err { color:var(--danger); white-space:normal; }
.kn-review { padding:0 17px 13px; }
.kn-review-note { margin-top:7px; font-size:12.5px; opacity:.85; }
.kn-toolbar { display:flex; flex-direction:column; gap:11px; border-bottom:1px solid var(--s50); }
.kn-search { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.kn-search input[type=text] { border:1px solid var(--s200); border-radius:var(--rs);
  padding:8px 11px; font-family:var(--fb); font-size:13.5px; width:min(280px, 100%); }
.kn-search input[type=text]:focus { outline:none; border-color:var(--green);
  box-shadow:0 0 0 3px rgba(14,159,110,.18); }
.kn-chips { display:flex; gap:7px; align-items:center; flex-wrap:wrap; }
.kn-chip { display:inline-flex; align-items:center; padding:4px 11px; border-radius:var(--rp);
  border:1px solid var(--s200); color:var(--s600); font-size:12px; font-weight:600; }
.kn-chip:hover { background:var(--s50); text-decoration:none; }
.kn-chip.on { background:var(--ink); color:#fff; border-color:var(--ink); }
.kn-chipgrp { display:inline-flex; align-items:center; gap:0; }
.kn-chipgrp .kn-chip { border-radius:var(--rp) 0 0 var(--rp); border-right:none; }
.kn-chipx { border:1px solid var(--s200); border-radius:0 var(--rp) var(--rp) 0;
  background:none; color:var(--danger); font-size:13px; font-weight:700; padding:3px 9px;
  cursor:pointer; line-height:1.35; }
.kn-chipx:hover { background:var(--danger-tint); }
.kn-pager { display:flex; gap:10px; align-items:center; border-top:1px solid var(--s50); }
.kn-creds { margin-top:12px; }
.kn-creds summary { cursor:pointer; font-size:12.5px; color:var(--s500); }

/* --- settings --- */
.set-note { font-size:13px; color:var(--s600); line-height:1.5; }
.set-note b { color:var(--warn); }
.set-ro { margin-bottom:16px; }
.set-status { display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; }
.set-status-main { display:flex; align-items:center; gap:10px; flex-wrap:wrap; min-width:0; }
.set-block { border:1px solid var(--s100); border-radius:var(--rm); padding:13px 15px;
  display:flex; flex-direction:column; gap:10px; }
.set-invite { align-items:flex-end; }
.set-invite .fld { flex:1; min-width:220px; }
.tone-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.tone { cursor:pointer; }
.tone input { position:absolute; opacity:0; pointer-events:none; }
.tone .tb { display:flex; flex-direction:column; gap:6px; height:100%;
  border:1.5px solid var(--s200); border-radius:var(--rm); padding:12px 14px;
  transition:border-color .12s, background .12s; }
.tone .tb b { font-size:14px; }
.tone .tb i { font-style:normal; font-size:12.5px; color:var(--s500); line-height:1.45; }
.tone input:checked + .tb { border-color:var(--green); background:var(--green-wash); }
.tone input:checked + .tb b { color:var(--green-deep); }
.tone input:focus-visible + .tb { outline:2px solid var(--green); outline-offset:2px; }
.tone input:disabled + .tb { opacity:.6; cursor:default; }
@media (max-width: 820px) {
  .tone-grid { grid-template-columns:1fr; }
}

/* --- analytics/csat/broadcasts/ads --- */
/* analytics (Performans) */
.an-chart { position:relative; height:240px; padding:14px 17px 6px; }
.an-chart-sm { height:190px; }
.an-chart canvas { max-width:100%; }
.an-legend { display:flex; gap:16px; padding:0 17px 14px; font-size:12px; color:var(--s500); }
.an-legend span { display:inline-flex; align-items:center; gap:6px; }
.an-dot { width:9px; height:9px; border-radius:9px; flex:none; display:inline-block; background:var(--s400); }
.an-dot-in, .an-dot-positif { background:var(--green); }
.an-dot-out, .an-dot-notr { background:var(--slate-300); }
.an-dot-negatif { background:var(--danger); }
.an-rows { border-top:1px solid var(--s50); }
.an-rows-tight { border-top:none; }
.an-row { display:flex; align-items:center; gap:10px; padding:8px 17px; border-bottom:1px solid var(--s50); font-size:13px; }
.an-row:last-child { border-bottom:none; }
.an-row-l { flex:1; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.an-row-n { font-family:var(--fd); font-weight:700; font-variant-numeric:tabular-nums; min-width:44px; text-align:right; }
.an-row-n small { font-weight:500; font-size:11px; }
.an-row-p { color:var(--s500); font-variant-numeric:tabular-nums; min-width:52px; text-align:right; font-size:12px; }
.an-bar { flex:0 0 90px; height:6px; border-radius:6px; background:var(--s100); overflow:hidden; }
.an-bar i { display:block; height:100%; background:var(--warn); border-radius:6px; }
.an-sub { color:var(--s500); font-size:12.5px; padding-bottom:6px; }
.an-lc .ln { white-space:normal; }
.an-lc-a { white-space:normal; color:var(--s600); }
/* ads (Reklam Dönüşleri) */
.ctwa-leadads { margin-bottom:16px; }
.ctwa-filter { margin-bottom:14px; }
.ctwa-ad { display:flex; align-items:center; gap:10px; min-width:220px; }
.ctwa-chi { width:30px; height:30px; border-radius:9px; }
.ctwa-adm { min-width:0; }
.ctwa-adt { font-weight:600; font-size:13.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:320px; }
.ctwa-sub { color:var(--s500); font-size:11px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:320px; }
.ctwa-how summary { cursor:pointer; list-style:none; }
.ctwa-how summary::-webkit-details-marker { display:none; }
.ctwa-howb { font-size:13.5px; color:var(--s700); }
.ctwa-howb p { margin:0 0 10px; }
.ctwa-howb ol { margin:0 0 10px; padding-left:20px; display:flex; flex-direction:column; gap:5px; }
.ctwa-rawt { margin-left:6px; }
.ctwa-foot { text-align:center; margin-top:18px; }
/* csat */
.csat-dist { padding:14px 17px; display:flex; flex-direction:column; gap:4px; }
.csat-dist .dr { display:flex; align-items:center; gap:10px; padding:4px 0; }
.csat-dist .ds { flex:none; width:44px; display:inline-flex; align-items:center; justify-content:flex-end; gap:3px;
  font-family:var(--fm); font-size:12px; font-weight:700; color:var(--s600); }
.csat-dist .ds svg { width:12px; height:12px; color:var(--warn); }
.csat-dist .dtrack { flex:1; height:9px; border-radius:var(--rp); background:var(--s50); overflow:hidden; }
.csat-dist .dbar { display:block; height:100%; border-radius:var(--rp); background:var(--s400); min-width:2px; }
.csat-dist .dbar.s5, .csat-dist .dbar.s4 { background:var(--green); }
.csat-dist .dbar.s3 { background:var(--warn); }
.csat-dist .dbar.s2, .csat-dist .dbar.s1 { background:var(--danger); }
.csat-dist .dval { flex:none; min-width:70px; text-align:right; font-size:12px; color:var(--s500); }
.csat-dist .dval b { font-family:var(--fm); color:var(--ink); }
.csat-quote { font-size:13px; color:var(--s600); font-style:italic; line-height:1.4; margin:3px 0 1px; word-break:break-word; }
.csat-ch { font-size:12px; font-weight:600; color:var(--s500); }
/* broadcasts */
.bc-help { background:#fff; border:1px solid var(--s100); border-radius:var(--rl); box-shadow:var(--sh); }
.bc-help > summary { display:flex; align-items:center; gap:9px; padding:13px 17px; cursor:pointer;
  font-weight:600; font-size:13.5px; color:var(--s600); list-style:none; }
.bc-help > summary::-webkit-details-marker { display:none; }
.bc-help > summary svg { width:16px; height:16px; color:var(--green-strong); flex:none; }
.bc-help-body { padding:0 17px 15px; font-size:13.5px; color:var(--s600); }
.bc-help-body p { margin:0 0 10px; }
.bc-help-body ol { margin:0 0 10px; padding-left:20px; }
.bc-help-body li { margin-bottom:4px; }
.bc-num-ok { color:var(--green-strong); }
.bc-num-bad { color:var(--danger); }
.bc-preview { background:var(--s50); border:1px solid var(--s100); border-radius:var(--rm);
  padding:11px 13px; font-size:13px; color:var(--s600); line-height:1.5; white-space:pre-wrap; }
.bc-choice { display:flex; flex-direction:column; gap:8px; }
.bc-radio { display:flex; align-items:flex-start; gap:10px; padding:11px 13px;
  border:1px solid var(--s100); border-radius:var(--rm); cursor:pointer; background:#fff; }
.bc-radio input { width:17px; height:17px; flex:none; margin-top:1px; accent-color:var(--green); }
.bc-radio > span { display:flex; flex-direction:column; gap:1px; }
.bc-radio:has(input:checked) { border-color:var(--green); background:var(--green-wash); }
.bc-chips { display:flex; flex-wrap:wrap; gap:7px; }
.bc-chip { display:inline-flex; align-items:center; gap:6px; padding:7px 11px; border-radius:var(--rp);
  background:var(--s50); color:var(--s600); font-size:12.5px; cursor:pointer; }
.bc-chip input { width:15px; height:15px; accent-color:var(--green); }
.bc-chip:has(input:checked) { background:var(--green-tint); color:var(--green-deep); }
.bc-bar { display:flex; width:100%; height:20px; border-radius:8px; overflow:hidden; background:var(--s50); }
.bc-seg.read { background:var(--green); } .bc-dot.read { background:var(--green); }
.bc-seg.delivered { background:#2F6FED; } .bc-dot.delivered { background:#2F6FED; }
.bc-seg.sent { background:#F5A623; } .bc-dot.sent { background:#F5A623; }
.bc-seg.pending { background:var(--s200); } .bc-dot.pending { background:var(--s200); }
.bc-seg.failed { background:var(--danger); } .bc-dot.failed { background:var(--danger); }
.bc-seg.opted { background:var(--s400); } .bc-dot.opted { background:var(--s400); }
.bc-seg.blocked { background:var(--slate-700); } .bc-dot.blocked { background:var(--slate-700); }
.bc-legend { display:flex; flex-wrap:wrap; gap:7px 16px; margin-top:12px; font-size:12.5px; }
.bc-leg { display:inline-flex; align-items:center; gap:6px; }
.bc-dot { width:10px; height:10px; border-radius:3px; flex:none; }

/* --- billing --- */
.bill-head { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:14px; }
.bill-plan { font-family:var(--fd); font-weight:700; font-size:17px; }
.bill-rows { display:flex; flex-direction:column; gap:11px; font-size:13.5px; }
.bill-row { display:flex; align-items:baseline; justify-content:space-between; gap:10px; }
.bill-row .k { color:var(--s500); }
.bill-row .v { font-weight:600; text-align:right; }
.bill-row.sep { border-top:1px solid var(--s50); padding-top:11px; }
.bill-row.total .k { font-family:var(--fd); font-weight:700; font-size:14.5px; color:var(--ink); }
.bill-row.total .v { font-family:var(--fd); font-weight:700; font-size:18px; }
.bill-actions { display:flex; flex-direction:column; gap:8px; margin-top:14px; }
.plan-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.plan-card { background:#fff; border:1px solid var(--s100); border-radius:var(--rl);
  box-shadow:var(--sh); padding:16px 17px; display:flex; flex-direction:column; gap:8px; }
.plan-card.cur { border-color:var(--green); background:var(--green-wash); }
.pc-name { font-weight:700; font-size:14.5px; display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.pc-price { font-family:var(--fd); font-weight:700; font-size:22px; letter-spacing:-.02em; }
.pc-price span { font-size:12px; font-weight:500; color:var(--s400); }
.pc-vat { font-size:11.5px; color:var(--s500); }
.pc-feats { margin:0; padding-left:17px; font-size:12.5px; color:var(--s600);
  display:flex; flex-direction:column; gap:3px; }
.pc-actions { display:flex; flex-direction:column; gap:6px; margin-top:auto; padding-top:6px; }
.pay-grid3 { display:grid; grid-template-columns:1fr 1fr 1fr; gap:10px; }
.pay-trust { display:grid; grid-template-columns:1fr 1fr; gap:8px; font-size:11.5px;
  color:var(--s500); margin-top:14px; }
.pay-trust div { display:flex; gap:7px; align-items:center; }
.pay-trust .tick { color:var(--green); font-weight:700; }
.bill-result { text-align:center; padding:8px 0 2px; }
.bill-result .ic { font-size:42px; line-height:1; margin-bottom:12px; }
.bill-result .ic.ok { color:var(--green); }
.bill-result .ic.fail { color:var(--danger); }
.bill-result .ic.wait { color:var(--warn); }
.bill-result h2 { font-family:var(--fd); font-size:19px; margin:0 0 8px; }
.bill-result p { font-size:13px; color:var(--s600); line-height:1.6; margin:0 0 18px; }
@media (max-width: 820px) {
  .plan-grid { grid-template-columns:1fr; }
  .pay-trust { grid-template-columns:1fr; }
}

/* --- verticals (portfolio/patients) --- */
.pf-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(240px, 1fr)); gap:16px; }
.pf-card { background:#fff; border:1px solid var(--s100); border-radius:var(--rl);
  overflow:hidden; box-shadow:var(--sh); display:flex; flex-direction:column; }
.pf-img { position:relative; aspect-ratio:4/3; background:var(--s50); display:grid;
  place-items:center; overflow:hidden; }
.pf-img img { width:100%; height:100%; object-fit:cover; display:block; }
.pf-noimg svg { width:36px; height:36px; color:var(--slate-300); }
.pf-tag { position:absolute; top:9px; left:9px; font-size:11px; font-weight:700;
  padding:3px 9px; border-radius:var(--rp); color:#fff; background:var(--slate-700); }
.pf-tag.sale { background:var(--green); }
.pf-tag.rent { background:#0284C7; }
.pf-tag.done { background:var(--s500); }
.pf-count { position:absolute; bottom:8px; right:8px; font-size:11px; font-weight:600;
  padding:2px 8px; border-radius:var(--rp); background:rgba(12,27,42,.65); color:#fff; }
.pf-body { padding:12px 13px; display:flex; flex-direction:column; gap:5px; flex:1; }
.pf-name { font-weight:700; font-size:14px; line-height:1.3; }
.pf-price { color:var(--green-strong); font-weight:700; font-size:14px; }
.pf-chips { display:flex; flex-wrap:wrap; gap:5px; }
.pf-chips span { font-size:11px; background:var(--s50); color:var(--s700);
  border-radius:6px; padding:2px 7px; }
.pf-loc { font-size:12px; color:var(--s500); }
.pf-foot { display:flex; align-items:center; justify-content:space-between; gap:8px;
  margin-top:auto; padding-top:8px; font-size:12px; }

.kb-board { display:flex; gap:12px; overflow-x:auto; padding-bottom:12px;
  -webkit-overflow-scrolling:touch; }
.kb-col { flex:none; width:256px; background:var(--s50); border:1px solid var(--s100);
  border-radius:var(--rl); padding:10px; }
.kb-head { display:flex; align-items:center; justify-content:space-between; padding:2px 4px 9px;
  margin-bottom:7px; border-bottom:1px solid var(--s100); font-size:12.5px; font-weight:700;
  color:var(--s700); }
.kb-n { font-size:11px; font-weight:700; color:var(--s500); background:#fff;
  border:1px solid var(--s200); border-radius:var(--rp); padding:0 7px; }
.kb-cards { display:flex; flex-direction:column; gap:8px; }
.kb-card { background:#fff; border:1px solid var(--s200); border-radius:var(--rm); padding:10px 11px; }
.kb-who { display:flex; align-items:center; gap:6px; font-size:13.5px; }
.kb-who b { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.kb-meta { font-size:11.5px; color:var(--s500); margin-top:2px; }
.kb-q { font-size:12.5px; color:var(--s600); margin-top:6px; display:-webkit-box;
  -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.kb-actions { display:flex; align-items:center; gap:6px; margin-top:9px; }
.kb-move { background:#fff; border:1px solid var(--s200); border-radius:7px; color:var(--s500);
  font-size:12px; padding:3px 8px; cursor:pointer; }
.kb-move:hover { color:var(--green-strong); border-color:var(--green); }
.kb-chat { flex:1; text-align:center; font-size:12px; font-weight:600; }
.kb-sp { flex:1; }
.kb-empty { text-align:center; color:var(--slate-300); font-size:12px; padding:10px 0; }

/* --- ops --- */
.sb-rev { font-size:10px; font-weight:600; color:#fbbf24; margin-left:2px; }

/* işletme arama */
.ops-search { display:flex; gap:8px; align-items:center; }
.ops-search input { border:1px solid var(--s200); border-radius:var(--rs); padding:8px 11px;
  font-family:var(--fb); font-size:13.5px; min-width:190px; background:#fff; color:var(--ink); }
.ops-search input:focus { outline:none; border-color:var(--green);
  box-shadow:0 0 0 3px rgba(14,159,110,.18); }

/* tenant detayında katlanır operatör formları */
.ops-rotate, .ops-addch { border-top:1px solid var(--s50); }
.ops-rotate summary, .ops-addch summary { cursor:pointer; padding:9px 17px; font-size:12.5px;
  font-weight:700; color:var(--s500); list-style:none; }
.ops-rotate summary::-webkit-details-marker, .ops-addch summary::-webkit-details-marker { display:none; }
.ops-rotate summary:hover, .ops-addch summary:hover { color:var(--ink); }
.ops-rotate form, .ops-addch form { padding:0 17px 14px; }

/* canlı akış */
.conn { display:inline-flex; align-items:center; gap:7px; font-size:12.5px; color:var(--s500); }
.conn-dot { width:8px; height:8px; border-radius:8px; background:var(--warn); flex:none; }
.conn.on .conn-dot { background:var(--success); }
.conn.off .conn-dot { background:var(--danger); }
.evt-list { display:flex; flex-direction:column; gap:8px; margin-top:16px; }
.evt { background:#fff; border:1px solid var(--s100); border-radius:var(--rm); padding:10px 13px;
  display:flex; gap:10px; align-items:baseline; flex-wrap:wrap; box-shadow:var(--sh);
  transition:background .6s ease; }
.evt.flash-new { background:var(--warn-tint); }
.evt .ets { font-family:var(--fm); font-size:11px; color:var(--s400); flex:none; }
.evt .ety { font-family:var(--fm); font-size:10px; font-weight:700; letter-spacing:.05em;
  padding:3px 8px; border-radius:var(--rp); flex:none; }
.ety.t-in { background:#E8F0FE; color:#1D4ED8; }
.ety.t-tool { background:#F3E8FF; color:#7C3AED; }
.ety.t-llm { background:var(--warn-tint); color:#8A5200; }
.ety.t-out { background:var(--green-tint); color:var(--green-deep); }
.ety.t-skip { background:var(--s50); color:var(--s500); }
.ety.t-err { background:var(--danger-tint); color:#9F1D22; }
.evt .etn { font-size:11.5px; font-weight:700; color:var(--s600); flex:none; }
.evt .ech { font-family:var(--fm); font-size:10.5px; color:var(--s400); flex:none; }
.evt .ebody { flex:1 1 100%; font-size:13px; color:var(--ink); min-width:0; overflow-wrap:break-word; }
.evt .ebody .mono { font-family:var(--fm); font-size:11.5px; color:var(--s600); }
.evt .ebody pre { margin:4px 0 0; white-space:pre-wrap; word-break:break-word;
  font-family:var(--fm); font-size:12px; color:var(--s600); }

/* aktivasyon funnel'ı */
.funnel-row { display:flex; align-items:center; gap:12px; padding:9px 17px;
  border-bottom:1px solid var(--s50); }
.funnel-row:last-of-type { border-bottom:none; }
.funnel-row .fl { width:150px; font-size:13px; font-weight:600; flex:none; }
.funnel-row .fbar { flex:1; background:var(--s50); border-radius:var(--rp); height:16px; overflow:hidden; }
.funnel-row .fbar > span { display:block; height:100%; background:var(--green); border-radius:var(--rp); }
.funnel-row .fn { width:170px; text-align:right; font-size:12.5px; color:var(--s600); flex:none;
  font-variant-numeric:tabular-nums; }
.funnel-row.leak .fbar > span { background:var(--warn); }
.funnel-row.leak .fl { color:var(--warn); }
@media (max-width: 820px) {
  .funnel-row { flex-wrap:wrap; }
  .funnel-row .fl, .funnel-row .fn { width:auto; }
  .ops-search input { min-width:0; flex:1; }
}