/* Vedic Farm House CRM v5 — unified design layer (loaded last, overrides legacy styles). */
:root{
  --vf-forest:#1d4a36;--vf-forest-600:#24583f;--vf-forest-700:#163a2a;--vf-forest-900:#0f2a1e;
  --vf-leaf:#2f7d57;--vf-leaf-soft:#e6f1ea;--vf-sage:#eef3ee;
  --vf-gold:#c99a3e;--vf-gold-600:#a97c27;--vf-gold-soft:#f7eedb;
  --vf-cream:#f6f4ee;--vf-surface:#ffffff;--vf-ink:#18271f;--vf-muted:#68756d;--vf-line:#e4e2d9;--vf-line-2:#efede6;
  --vf-red:#b93b32;--vf-red-soft:#fbeceb;--vf-blue:#2f62b5;--vf-blue-soft:#e9f0fb;--vf-amber:#b7791f;--vf-amber-soft:#fdf3e1;
  --vf-radius:14px;--vf-radius-lg:18px;
  --vf-shadow-sm:0 1px 2px rgba(24,39,31,.06),0 1px 1px rgba(24,39,31,.04);
  --vf-shadow:0 1px 2px rgba(24,39,31,.05),0 8px 24px -12px rgba(24,39,31,.16);
  --vf-shadow-lg:0 24px 60px -20px rgba(15,42,30,.35);
  --vf-font:"Inter","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
  /* map legacy tokens */
  --bg:var(--vf-cream);--panel:var(--vf-surface);--ink:var(--vf-ink);--muted:var(--vf-muted);--line:var(--vf-line);
  --nav:var(--vf-forest-900);--accent:var(--vf-forest);--green:var(--vf-leaf);--red:var(--vf-red);--blue:var(--vf-blue);
  --shadow:var(--vf-shadow);
  --crm-ink:var(--vf-ink);--crm-muted:var(--vf-muted);--crm-brand:var(--vf-forest);--crm-brand-dark:var(--vf-forest-700);
  --crm-mint:var(--vf-leaf-soft);--crm-border:var(--vf-line);--crm-shadow:var(--vf-shadow);--crm-surface:#fff;
}
html{background:var(--vf-cream)}
body{font-family:var(--vf-font);background:var(--vf-cream)!important;color:var(--vf-ink);-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss01"}
::selection{background:var(--vf-gold-soft)}
a{color:var(--vf-forest-600)}
h1,h2,h3,h4{color:var(--vf-ink);letter-spacing:-.02em}
.eyebrow{color:var(--vf-gold-600)!important;letter-spacing:.14em!important;font-size:11px!important}

/* ---------- Brand mark ---------- */
.brand-icon{background:none!important;box-shadow:none!important;padding:0;overflow:hidden}
.brand-icon img{width:100%;height:100%;display:block;border-radius:inherit}
.brand-icon.small{width:40px!important;height:40px!important;border-radius:12px!important}

/* ---------- Login ---------- */
.login-shell{background:
  radial-gradient(1200px 600px at 10% -10%,rgba(201,154,62,.22),transparent 60%),
  radial-gradient(900px 500px at 110% 110%,rgba(47,125,87,.35),transparent 60%),
  linear-gradient(150deg,#163a2a 0%,#0f2a1e 100%)!important;color:#f3efe4}
.login-brand .brand-icon{width:72px;height:72px;border-radius:20px}
.login-brand h1{font-size:clamp(40px,5vw,62px)!important;line-height:1.02!important;font-weight:800;color:#fff;letter-spacing:-.035em}
.login-brand h1 em{font-style:normal;color:var(--vf-gold);font-weight:700}
.login-brand p{color:#cfd8cf!important;font-size:18px!important;max-width:560px}
.login-points{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:10px;color:#e7e2d3;font-weight:600}
.login-points li{display:flex;gap:10px;align-items:center}
.login-points li:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--vf-gold);box-shadow:0 0 0 4px rgba(201,154,62,.18)}
.login-card{border-radius:24px!important;box-shadow:var(--vf-shadow-lg)!important;border:1px solid rgba(255,255,255,.6)}
.login-card h2{letter-spacing:-.03em}

/* ---------- Inputs & buttons ---------- */
input,select,textarea{border:1px solid var(--vf-line)!important;border-radius:11px!important;background:#fff;color:var(--vf-ink);transition:border-color .15s,box-shadow .15s}
input:focus,select:focus,textarea:focus{border-color:var(--vf-leaf)!important;box-shadow:0 0 0 3px rgba(47,125,87,.14)!important;outline:none}
input[type=checkbox],input[type=radio]{accent-color:var(--vf-forest)}
label{color:#2c3a32}
.btn{border-radius:11px!important;font-weight:650!important;letter-spacing:-.005em;min-height:40px;transition:background .15s,transform .12s,box-shadow .15s}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:none}
.btn.primary{background:var(--vf-forest)!important;color:#fff!important;box-shadow:0 1px 0 rgba(255,255,255,.12) inset,0 6px 14px -6px rgba(29,74,54,.55)!important}
.btn.primary:hover{background:var(--vf-forest-600)!important}
.btn.ghost{background:#fff!important;color:var(--vf-ink)!important;border:1px solid var(--vf-line)!important;box-shadow:var(--vf-shadow-sm)}
.btn.ghost:hover{background:var(--vf-sage)!important}
.btn.dark{background:var(--vf-gold)!important;color:#1f1606!important}
.btn.dark:hover{background:#d3a64c!important}
.btn.whatsapp{background:#1f9d57!important;color:#fff!important}
.btn.call{background:var(--vf-blue)!important;color:#fff!important}
.btn.danger{background:var(--vf-red-soft)!important;color:var(--vf-red)!important;border:1px solid #f1cfcb!important}
.btn[disabled]{opacity:.55;pointer-events:none}

/* ---------- Pills ---------- */
.pill{border-radius:999px!important;padding:4px 10px!important;font-size:11.5px!important;font-weight:650!important;background:#f0efe9;color:#4a554e;border:1px solid transparent;white-space:nowrap}
.pill.New{background:var(--vf-blue-soft)!important;color:var(--vf-blue)!important}
.pill.Ringing,.pill.Busy,.pill.Switch-Off,.pill.Out-of-Network{background:#f3f1ea!important;color:#6d6656!important}
.pill.Connected,.pill.Call-Back{background:#e7f3f6!important;color:#1f6f80!important}
.pill.Interested,.pill.Follow-Up{background:var(--vf-amber-soft)!important;color:var(--vf-amber)!important}
.pill.Site-Visit,.pill.Residential{background:#efeafb!important;color:#6346a8!important}
.pill.Booked,.pill.Won{background:var(--vf-leaf-soft)!important;color:var(--vf-forest)!important;border-color:#cfe3d6!important}
.pill.Not-Interested{background:var(--vf-red-soft)!important;color:var(--vf-red)!important}
.pill.WhatsApp-Ads{background:#e6f6ec!important;color:#167a43!important}
.pill.Form-Ads{background:#eaf0fb!important;color:#2f5aa3!important}

/* ---------- Toast ---------- */
.toast{background:var(--vf-forest-900)!important;color:#fff;border-radius:12px!important;font-weight:600;box-shadow:var(--vf-shadow-lg)!important}
.toast.error{background:var(--vf-red)!important}

/* ---------- Desktop shell ---------- */
@media (min-width:821px){
  .app{grid-template-columns:256px 1fr!important}
  .sidebar{width:256px!important;padding:20px 14px!important;background:
    radial-gradient(400px 260px at 0 0,rgba(201,154,62,.14),transparent 70%),
    linear-gradient(180deg,#183f2d 0%,#0f2a1e 100%)!important;border-right:1px solid rgba(255,255,255,.04);overflow-y:auto}
  .logo-row{padding:4px 8px 22px!important;gap:12px}
  .logo-row b{font-size:15.5px;color:#fff;letter-spacing:-.01em}
  .logo-row small{color:#a9bcae!important;font-size:11.5px!important}
  .sidebar nav{gap:2px!important}
  .nav-group-label{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#7f9887;font-weight:700;padding:16px 12px 6px}
  .nav-group-label:first-child{padding-top:4px}
  .nav-btn{display:flex!important;align-items:center;gap:11px!important;padding:9px 12px!important;border-radius:10px!important;color:#c8d5cb!important;font-weight:550!important;font-size:14px;transform:none!important;box-shadow:none!important;background:transparent!important}
  .nav-btn span{margin-left:0!important}
  .nav-btn:hover{background:rgba(255,255,255,.06)!important;color:#fff!important}
  .nav-btn.active{background:rgba(255,255,255,.10)!important;color:#fff!important;box-shadow:inset 3px 0 0 var(--vf-gold)!important}
  .nav-ico{font-style:normal;width:22px;height:22px;display:inline-grid;place-items:center;border-radius:7px;background:rgba(255,255,255,.06);font-size:12.5px;color:#e6dcc2;flex:none}
  .nav-btn.active .nav-ico{background:var(--vf-gold);color:#1f1606}
  .nav-badge{margin-left:auto}
  .nav-badge-warn{background:var(--vf-gold)!important;color:#1f1606!important}
  .user-box{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:14px!important;margin-top:18px!important}
  .user-box .avatar{background:var(--vf-gold)!important;color:#1f1606}
  .user-box b{color:#fff}
  .main{margin-left:0!important;padding:0 32px 64px!important;max-width:1560px}
  .topbar{position:sticky;top:0;z-index:15;margin:0 -32px 22px!important;padding:18px 32px 16px!important;background:rgba(246,244,238,.86)!important;backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--vf-line-2)}
  .topbar h1{font-size:24px!important;font-weight:750;letter-spacing:-.03em}
  .topbar p{font-size:13px!important;color:var(--vf-muted)!important}
  .header-actions{align-items:center;gap:10px!important}
}

/* ---------- Global search trigger + palette ---------- */
.global-search-trigger{display:flex;align-items:center;gap:10px;min-width:260px;height:40px;padding:0 10px 0 12px;border:1px solid var(--vf-line);border-radius:11px;background:#fff;color:var(--vf-muted);cursor:pointer;box-shadow:var(--vf-shadow-sm);font:inherit}
.global-search-trigger em{font-style:normal;flex:1;text-align:left;font-size:13.5px}
.global-search-trigger kbd,.cmdk kbd{font:600 11px/1 var(--vf-font);padding:4px 6px;border-radius:6px;background:var(--vf-sage);color:var(--vf-muted);border:1px solid var(--vf-line)}
.global-search-trigger:hover{border-color:#cfd8cf}
.cmdk{position:fixed;inset:0;z-index:200;background:rgba(15,42,30,.42);backdrop-filter:blur(3px);display:flex;justify-content:center;align-items:flex-start;padding:12vh 16px 16px}
.cmdk-box{width:min(640px,100%);background:#fff;border-radius:16px;box-shadow:var(--vf-shadow-lg);overflow:hidden;border:1px solid var(--vf-line)}
.cmdk-input{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--vf-line-2);font-size:18px;color:var(--vf-muted)}
.cmdk-input input{flex:1;border:0!important;box-shadow:none!important;font-size:16px;padding:6px 0}
.cmdk-results{max-height:56vh;overflow:auto;padding:6px}
.cmdk-item{display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center;width:100%;padding:10px 12px;border:0;background:none;border-radius:10px;text-align:left;cursor:pointer;font:inherit;color:var(--vf-ink)}
.cmdk-item.active,.cmdk-item:hover{background:var(--vf-sage)}
.cmdk-item b{display:block;font-weight:650}
.cmdk-item small{color:var(--vf-muted)}
.cmdk-avatar{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--vf-leaf-soft);color:var(--vf-forest);font-weight:750}
.cmdk-empty{padding:28px;text-align:center;color:var(--vf-muted)}

/* ---------- Panels, stats, tables ---------- */
.panel{background:#fff!important;border:1px solid var(--vf-line)!important;border-radius:var(--vf-radius-lg)!important;box-shadow:var(--vf-shadow)!important;padding:18px 20px!important}
.panel-head h3{font-size:16px!important;font-weight:700;letter-spacing:-.015em}
.panel-head p{color:var(--vf-muted)!important;font-size:12.5px!important}
.panel-head-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.stat-card{background:#fff!important;border:1px solid var(--vf-line)!important;border-radius:14px!important;box-shadow:var(--vf-shadow-sm)!important;padding:14px 16px!important;border-left-width:1px!important}
.stat-card:before,.stat-card:after{display:none!important}
.stat-card span{color:var(--vf-muted)!important;font-size:11px!important;letter-spacing:.06em!important;font-weight:650}
.stat-card b{font-size:22px!important;font-weight:750;letter-spacing:-.02em;color:var(--vf-ink)}
.stat-card.stat-alert{background:var(--vf-red-soft)!important;border-color:#f1cfcb!important}
.stats-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important;gap:12px!important}
table{border-collapse:separate!important;border-spacing:0}
th{background:#faf9f5;color:#7a857e!important;font-size:11px!important;font-weight:650!important;letter-spacing:.06em!important;border-bottom:1px solid var(--vf-line)!important;padding:10px 12px!important;position:sticky;top:0;z-index:1}
td{border-bottom:1px solid var(--vf-line-2)!important;padding:12px!important;font-size:13.5px!important;vertical-align:middle!important}
tbody tr:hover{background:#fbfaf6!important}
tbody tr:last-child td{border-bottom:0!important}
.table-wrap{border:1px solid var(--vf-line-2);border-radius:12px}
.lead-name{font-weight:650!important;color:var(--vf-ink)}
.subtext{color:var(--vf-muted)!important;font-size:12px!important}
.lead-cell-status .subtext{display:none!important}
.lead-quick{display:inline-flex;gap:6px;margin-top:6px}
.lead-quick a{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:8px;border:1px solid var(--vf-line);background:#fff;text-decoration:none;font-size:13px;color:var(--vf-forest)}
.lead-quick a:hover{background:var(--vf-sage)}
.lead-quick a.wa{color:#1f9d57}
.empty{color:var(--vf-muted);padding:40px!important;text-align:center}

/* Pipeline stage chips */
.pipeline-stages{gap:8px!important;padding-bottom:6px}
.stage-card{border:1px solid var(--vf-line)!important;background:#fff!important;border-radius:12px!important;box-shadow:none!important;border-top:3px solid var(--stage-color,#9aa59e)!important;padding:9px 12px!important;min-width:104px}
.stage-card span{color:var(--vf-muted)!important;font-size:11.5px!important;font-weight:600}
.stage-card b{font-size:18px!important;color:var(--vf-ink)}
.stage-card.active{background:var(--vf-sage)!important;border-color:#c9d8cd!important;outline:2px solid var(--vf-forest);outline-offset:-1px}

/* Segmented control */
.v5-seg{display:inline-flex;background:var(--vf-sage);border:1px solid var(--vf-line);border-radius:10px;padding:3px;gap:2px}
.v5-seg button{border:0;background:transparent;padding:6px 11px;border-radius:7px;font:600 12.5px var(--vf-font);color:var(--vf-muted);cursor:pointer}
.v5-seg button.active{background:#fff;color:var(--vf-ink);box-shadow:var(--vf-shadow-sm)}

/* ---------- Insights ---------- */
.v5-insights{margin-bottom:18px}
.v5-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:14px}
.v5-kpi{background:#fff;border:1px solid var(--vf-line);border-radius:16px;padding:14px 16px;box-shadow:var(--vf-shadow-sm);position:relative;overflow:hidden;min-height:104px}
.v5-kpi .k-label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:650;color:var(--vf-muted)}
.v5-kpi .k-ico{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--vf-leaf-soft);color:var(--vf-forest);font-size:13px}
.v5-kpi .k-value{font-size:27px;font-weight:780;letter-spacing:-.035em;margin-top:10px;color:var(--vf-ink);line-height:1.05}
.v5-kpi .k-foot{font-size:12px;color:var(--vf-muted);margin-top:6px}
.v5-kpi .up{color:var(--vf-leaf);font-weight:700}.v5-kpi .down{color:var(--vf-red);font-weight:700}
.v5-kpi.hero{background:linear-gradient(140deg,#1d4a36,#123123);border-color:#1d4a36;color:#fff}
.v5-kpi.hero .k-label,.v5-kpi.hero .k-foot{color:#c6d4ca}.v5-kpi.hero .k-value{color:#fff}
.v5-kpi.hero .k-ico{background:rgba(201,154,62,.25);color:#f1d79c}
.v5-kpi.warn .k-ico{background:var(--vf-red-soft);color:var(--vf-red)}
.v5-kpi.gold .k-ico{background:var(--vf-gold-soft);color:var(--vf-gold-600)}
.v5-kpi.clickable{cursor:pointer}.v5-kpi.clickable:hover{border-color:#cdd8cf}
.v5-chart-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:14px}
.v5-chart-panel{margin-bottom:0!important;min-width:0}
.v5-chart{height:230px;position:relative}
.v5-chart svg{width:100%;height:100%;display:block;overflow:visible}
.v5-legend{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--vf-muted);margin-top:8px}
.v5-legend i{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:6px;vertical-align:middle}
.v5-tip{position:absolute;pointer-events:none;background:var(--vf-forest-900);color:#fff;font-size:12px;padding:8px 10px;border-radius:9px;box-shadow:var(--vf-shadow-lg);white-space:nowrap;transform:translate(-50%,-110%);z-index:3}
.v5-tip b{display:block;margin-bottom:2px}
.v5-funnel{display:grid;gap:9px}
.v5-funnel-row{display:grid;grid-template-columns:86px 1fr 70px;gap:10px;align-items:center;font-size:13px}
.v5-funnel-row span{color:var(--vf-muted);font-weight:600}
.v5-funnel-bar{height:24px;border-radius:7px;background:var(--vf-sage);overflow:hidden}
.v5-funnel-bar i{display:block;height:100%;border-radius:7px;background:linear-gradient(90deg,#2f7d57,#1d4a36);min-width:3px;transition:width .5s}
.v5-funnel-row:last-child .v5-funnel-bar i{background:linear-gradient(90deg,#d6ab53,#c99a3e)}
.v5-funnel-row b{text-align:right;font-weight:700}
.v5-funnel-row b small{display:block;font-weight:500;color:var(--vf-muted);font-size:11px}
.v5-sources{display:grid;grid-template-columns:140px 1fr;gap:16px;align-items:center}
.v5-sources svg{width:140px;height:140px}
.v5-src-list{display:grid;gap:9px;font-size:13px}
.v5-src-list div{display:grid;grid-template-columns:12px 1fr auto;gap:8px;align-items:center}
.v5-src-list i{width:10px;height:10px;border-radius:3px}
.v5-src-list b{font-weight:700}
.v5-campaigns{display:grid;gap:10px}
.v5-camp{display:grid;grid-template-columns:1fr auto;gap:4px 12px;font-size:13px;padding:10px 0;border-bottom:1px dashed var(--vf-line)}
.v5-camp:last-child{border-bottom:0}
.v5-camp b{font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v5-camp small{color:var(--vf-muted)}
.v5-camp .conv{font-weight:750;color:var(--vf-forest);text-align:right}
.v5-empty-chart{display:grid;place-items:center;height:100%;color:var(--vf-muted);font-size:13px;text-align:center;padding:20px}
.v5-more-metrics{margin:0 0 18px;background:#fff;border:1px solid var(--vf-line);border-radius:16px;box-shadow:var(--vf-shadow-sm)}
.v5-more-metrics summary{cursor:pointer;list-style:none;padding:14px 18px;font-weight:700;font-size:14px;display:flex;align-items:center;gap:10px}
.v5-more-metrics summary::-webkit-details-marker{display:none}
.v5-more-metrics summary:before{content:"›";display:inline-grid;place-items:center;width:22px;height:22px;border-radius:7px;background:var(--vf-sage);transition:transform .15s;font-size:16px}
.v5-more-metrics[open] summary:before{transform:rotate(90deg)}
.v5-more-metrics summary small{font-weight:500;color:var(--vf-muted)}
.v5-more-metrics .stats-grid{padding:0 18px 18px;margin:0!important}
.v5-dash-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.v5-dash-row>.panel{margin-bottom:18px}

/* ---------- Lead board (kanban) ---------- */
.lead-board{display:flex;gap:12px;overflow-x:auto;padding:4px 2px 12px;scroll-snap-type:x proximity;min-height:420px}
.board-col{flex:0 0 272px;background:#f7f6f1;border:1px solid var(--vf-line-2);border-radius:14px;display:flex;flex-direction:column;max-height:72vh;scroll-snap-align:start}
.board-col-head{display:flex;align-items:center;gap:8px;padding:11px 12px;border-bottom:1px solid var(--vf-line-2);font-weight:700;font-size:13px;position:sticky;top:0}
.board-col-head i{width:9px;height:9px;border-radius:50%}
.board-col-head em{font-style:normal;margin-left:auto;background:#fff;border:1px solid var(--vf-line);border-radius:999px;padding:1px 8px;font-size:11.5px;color:var(--vf-muted)}
.board-col-body{padding:8px;display:grid;gap:8px;overflow-y:auto;align-content:start;flex:1;min-height:60px;transition:background .15s}
.board-col.drag-over .board-col-body{background:var(--vf-leaf-soft);outline:2px dashed #9cc2aa;outline-offset:-6px;border-radius:12px}
.board-card{background:#fff;border:1px solid var(--vf-line);border-radius:12px;padding:11px 12px;box-shadow:var(--vf-shadow-sm);cursor:grab;display:grid;gap:6px}
.board-card:hover{border-color:#cdd8cf;box-shadow:var(--vf-shadow)}
.board-card.dragging{opacity:.5}
.board-card b{font-size:13.5px;font-weight:650}
.board-card .bc-meta{display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-size:11.5px;color:var(--vf-muted)}
.board-card .bc-foot{display:flex;justify-content:space-between;align-items:center;font-size:11.5px;color:var(--vf-muted)}
.board-card .bc-due{color:var(--vf-amber);font-weight:650}.board-card .bc-due.over{color:var(--vf-red)}
.board-more{font-size:12px;color:var(--vf-muted);text-align:center;padding:6px}

/* ---------- Drawer & dialogs ---------- */
.drawer{background:#fff!important;box-shadow:var(--vf-shadow-lg)!important;border-left:1px solid var(--vf-line)}
.drawer-head{background:linear-gradient(135deg,#f3f6f1,#fff)!important;border-bottom:1px solid var(--vf-line-2)}
.drawer-head h2{letter-spacing:-.025em}
.tabs{border-bottom:1px solid var(--vf-line-2)}
.tab.active{color:var(--vf-forest)!important;border-color:var(--vf-forest)!important}
.backdrop{background:rgba(15,42,30,.35)!important;backdrop-filter:blur(2px)}
dialog{border-radius:18px!important;box-shadow:var(--vf-shadow-lg)!important;border:1px solid var(--vf-line)!important}
dialog::backdrop{background:rgba(15,42,30,.42);backdrop-filter:blur(2px)}
.modal-head{border-bottom:1px solid var(--vf-line-2)}
.timeline>*{border-color:var(--vf-line-2)!important}

/* ---------- Chat ---------- */
.chat-shell{border:1px solid var(--vf-line)!important;border-radius:18px!important;box-shadow:var(--vf-shadow)!important;background:#fff}
.chat-messages{background:#f4f1e8 radial-gradient(rgba(29,74,54,.06) 1px,transparent 1px) 0 0/18px 18px!important}

/* ---------- Meta integration ---------- */
.meta-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;align-items:center;padding:24px 26px;border-radius:20px;margin-bottom:16px;color:#fff;background:
  radial-gradient(500px 240px at 100% 0,rgba(201,154,62,.28),transparent 70%),linear-gradient(140deg,#1d4a36,#0f2a1e);box-shadow:var(--vf-shadow)}
.meta-hero h2{color:#fff;font-size:26px;margin:8px 0;letter-spacing:-.03em}
.meta-hero p{color:#cfdad2;margin:0;line-height:1.55;font-size:14px}
.meta-hero .eyebrow{color:#e8c77f!important}
.meta-health{display:grid;gap:8px}
.meta-health-item{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px 12px;font-size:13.5px}
.meta-health-item b{flex:1;font-weight:600}
.meta-dot{width:10px;height:10px;border-radius:50%;background:#7f8f86;box-shadow:0 0 0 4px rgba(255,255,255,.06)}
.meta-dot.ok{background:#4ade80;box-shadow:0 0 0 4px rgba(74,222,128,.18)}
.meta-dot.warn{background:#f2c46b;box-shadow:0 0 0 4px rgba(242,196,107,.18)}
.meta-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:16px;align-items:start}
.meta-form .panel-head{margin-bottom:12px}
.meta-form .meta-sub{margin-top:22px;padding-top:18px;border-top:1px dashed var(--vf-line)}
.meta-form h3 em{font-style:normal;font-weight:500;color:var(--vf-muted);font-size:13px}
.meta-form small{color:var(--vf-muted);font-weight:500;font-size:12px}
.meta-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px;padding-top:16px;border-top:1px solid var(--vf-line-2)}
.meta-results{display:grid;gap:8px;margin-top:14px}
.meta-step{display:grid;grid-template-columns:22px 1fr;gap:10px;padding:10px 12px;border-radius:11px;font-size:13px;background:var(--vf-sage);border:1px solid var(--vf-line-2)}
.meta-step.ok{background:#eef7f1;border-color:#d3e8da}
.meta-step.fail{background:var(--vf-red-soft);border-color:#f1cfcb}
.meta-step .ic{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;color:#fff;background:var(--vf-leaf)}
.meta-step.fail .ic{background:var(--vf-red)}
.meta-step b{display:block}.meta-step small{color:#4f5b54;word-break:break-word}
.meta-webhooks{display:grid;gap:12px}
.meta-copy{display:grid;gap:5px}
.meta-copy span{font-size:11.5px;font-weight:650;color:var(--vf-muted);text-transform:uppercase;letter-spacing:.06em}
.meta-copy div{display:flex;gap:6px}
.meta-copy code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#f7f6f1;border:1px solid var(--vf-line);border-radius:9px;padding:9px 10px;font-size:12.5px}
.meta-copy button{border:1px solid var(--vf-line);background:#fff;border-radius:9px;padding:0 12px;font:600 12px var(--vf-font);cursor:pointer}
.meta-copy button:hover{background:var(--vf-sage)}
.meta-activity{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.meta-activity div{background:#faf9f5;border:1px solid var(--vf-line-2);border-radius:12px;padding:12px}
.meta-activity span{display:block;font-size:11.5px;color:var(--vf-muted);font-weight:600}
.meta-activity b{display:block;font-size:20px;margin-top:4px;letter-spacing:-.02em}
.meta-activity small{color:var(--vf-muted);font-size:11.5px}
.meta-test-form{display:flex;gap:8px}.meta-test-form input{flex:1}
.pill.ok{background:var(--vf-leaf-soft)!important;color:var(--vf-forest)!important}
.pill.missing{background:var(--vf-amber-soft)!important;color:var(--vf-amber)!important}

/* ---------- Responsive ---------- */
@media (max-width:1280px){
  .v5-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:1100px){
  .v5-chart-grid,.meta-grid,.meta-hero,.v5-dash-row{grid-template-columns:1fr}
  .global-search-trigger{min-width:0}.global-search-trigger em,.global-search-trigger kbd{display:none}
}
@media (max-width:820px){
  html,body{background:var(--vf-cream)!important}
  .topbar{background:rgba(246,244,238,.92)!important}
  .v5-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .v5-kpi{min-height:92px;padding:12px}
  .v5-kpi .k-value{font-size:22px}
  .v5-chart{height:190px}
  .v5-sources{grid-template-columns:110px 1fr}.v5-sources svg{width:110px;height:110px}
  .global-search-trigger{display:none}
  .board-col{flex-basis:84vw}
  .mobile-tab-bar{background:rgba(255,255,255,.96)!important;border-top:1px solid var(--vf-line)!important}
  .mobile-tab.active,.mobile-tab[aria-current="page"]{color:var(--vf-forest)!important}
  .mobile-add-lead-fab{background:var(--vf-forest)!important}
  .meta-activity{grid-template-columns:1fr 1fr}
  .meta-hero{padding:18px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* Callbacks list */
.notification-list{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px!important}
.notification-item{display:flex!important;justify-content:space-between;align-items:center;gap:12px;text-align:left;background:#fff!important;border:1px solid var(--vf-line)!important;border-left:3px solid var(--vf-gold)!important;border-radius:12px!important;padding:11px 13px!important;cursor:pointer;box-shadow:none!important;font:inherit}
.notification-item:hover{background:#fbfaf6!important}
.notification-item.due{border-left-color:var(--vf-red)!important;background:#fffafa!important}
.notification-item b{display:block;font-weight:650}
.notification-item small{color:var(--vf-muted)!important;font-size:12px}
.notification-item time{font-size:12px;font-weight:650;color:var(--vf-forest)!important;white-space:nowrap;display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.due-tag{font-style:normal;background:var(--vf-red);color:#fff;border-radius:6px;padding:2px 6px;font-size:10.5px}
.meta-side,.meta-webhooks,.meta-copy,.meta-copy>div{min-width:0}
.meta-copy button{flex:none}
.board-card .bc-foot{flex-wrap:wrap;gap:4px}
.meta-welcome-toggle{flex-direction:row!important;align-items:center;gap:10px!important;margin-bottom:12px;font-weight:600}
.meta-form label.full{margin-top:2px}

/* ---------- Farmhouse Playbook ---------- */
.vf-daily-tip{display:flex;align-items:center;gap:14px;background:linear-gradient(100deg,#fbf4e3,#f6f4ee 70%);border:1px solid #ecdcb5;border-radius:16px;padding:12px 16px;margin-bottom:14px}
.vf-daily-tip .vf-tip-ico{width:38px;height:38px;border-radius:11px;background:#fff;display:grid;place-items:center;font-size:18px;box-shadow:var(--vf-shadow-sm);flex:none}
.vf-daily-tip div{flex:1;min-width:0}
.vf-daily-tip small{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--vf-gold-600)}
.vf-daily-tip b{font-weight:600;font-size:14px;color:#3a3220}
.pb-hero{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;align-items:center;padding:24px 26px;border-radius:20px;margin-bottom:16px;color:#fff;background:
  radial-gradient(420px 220px at 95% 10%,rgba(201,154,62,.32),transparent 70%),
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='60' viewBox='0 0 120 60'%3E%3Cpath d='M0 50 Q30 30 60 50 T120 50' fill='none' stroke='%23ffffff' stroke-opacity='.05' stroke-width='2'/%3E%3C/svg%3E"),
  linear-gradient(140deg,#24583f,#0f2a1e)}
.pb-hero h2{color:#fff;font-size:26px;margin:8px 0;letter-spacing:-.03em}
.pb-hero p{color:#d3ddd5;margin:0;line-height:1.55;font-size:14px}
.pb-hero .eyebrow{color:#e8c77f!important}
.pb-tip-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:16px}
.pb-tip-card span{display:block;font-size:12px;font-weight:700;color:#e8c77f;margin-bottom:6px}
.pb-tip-card b{font-weight:600;line-height:1.5}
.pb-tabs{margin-bottom:16px;flex-wrap:wrap}
.pb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:14px}
.pb-card{margin-bottom:0!important}
.pb-lines{margin:0;padding-left:20px;display:grid;gap:10px;font-size:14px;line-height:1.55;color:#2b3a31}
.pb-lines li::marker{color:var(--vf-gold-600);font-weight:700}
.pb-note{margin:14px 0 0;padding:10px 12px;background:var(--vf-leaf-soft);border-radius:10px;font-size:13px;color:var(--vf-forest)}
.pb-faq{display:grid;gap:10px}
.pb-faq-item{margin:0!important;padding:0!important}
.pb-faq-item summary{cursor:pointer;padding:16px 20px;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:10px}
.pb-faq-item summary::-webkit-details-marker{display:none}
.pb-faq-item summary:after{content:"+";font-size:20px;color:var(--vf-gold-600);line-height:1}
.pb-faq-item[open] summary:after{content:"–"}
.pb-faq-item p{margin:0;padding:0 20px 18px;line-height:1.6;color:#3b4a41}
.pb-docs{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}
.pb-check{flex-direction:row!important;align-items:flex-start;gap:10px!important;padding:12px;border:1px solid var(--vf-line);border-radius:12px;background:#fff;cursor:pointer;font-weight:500!important}
.pb-check input{margin-top:3px;width:18px;height:18px;flex:none}
.pb-check b{display:block;font-weight:650}
.pb-check small{color:var(--vf-muted);font-size:12.5px;line-height:1.45}
.pb-check:has(input:checked){background:var(--vf-leaf-soft);border-color:#cfe3d6}
.pb-terms{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.pb-terms div{padding:12px 14px;border-radius:12px;background:#faf9f5;border:1px solid var(--vf-line-2)}
.pb-terms b{display:block;color:var(--vf-forest)}
.pb-terms span{font-size:13px;color:#4a564e}
.pb-out{display:grid;gap:6px;margin-top:14px}
.pb-out div{display:flex;justify-content:space-between;gap:10px;padding:8px 12px;border-radius:9px;background:#faf9f5;font-size:13.5px}
.pb-out span{color:var(--vf-muted)}
.pb-out .pb-total{background:var(--vf-forest);color:#fff}
.pb-out .pb-total span{color:#cfdad2}
.pb-out small{font-weight:500;opacity:.8}
@media (max-width:820px){.pb-hero{grid-template-columns:1fr;padding:18px}.pb-grid{grid-template-columns:1fr}.vf-daily-tip{flex-wrap:wrap}}