:root{--bg:#f6f6f4;--card:#fff;--ink:#111;--muted:#6b7280;--purple:#6f1fd4;--purple-dark:#5a18b0;
  --line:#e6e6e3;--hot:#16a34a;--warm:#eab308;--cool:#f97316;--cold:#dc2626}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:14px}
.app{display:grid;grid-template-columns:210px 1fr;min-height:100vh}
.side{background:#15131b;color:#cbb6f0;padding:20px 14px;display:flex;flex-direction:column;gap:4px}
.brand{font-weight:800;font-size:16px;color:#fff;margin:2px 6px 18px}
.side nav{display:flex;flex-direction:column;gap:2px}
.side a{color:#bdb4cf;text-decoration:none;padding:9px 12px;border-radius:9px;font-weight:600;font-size:13.5px}
.side a:hover{background:#241f30;color:#fff}
.side a.active{background:var(--purple);color:#fff}
.side .export{margin-top:auto;background:#241f30;color:#fff;text-align:center;font-size:12.5px}
.side .export:hover{background:#2f2940}
main{padding:26px 30px 70px;overflow:auto}
h1{font-size:21px;margin:0 0 4px}.muted{color:var(--muted);font-size:13px}
.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.between{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.card{background:var(--card);border:1px solid var(--line);border-radius:13px;padding:18px 20px;margin-bottom:16px}
.stats{display:flex;gap:12px;flex-wrap:wrap;margin:6px 0 20px}
.stat{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 18px;min-width:115px}
.stat .n{font-size:25px;font-weight:800}.stat .l{font-size:12px;color:var(--muted)}
.funnel{display:flex;gap:8px;flex-wrap:wrap;align-items:stretch}
.fstep{flex:1;min-width:96px;background:#faf7ff;border:1px solid #e9def9;border-radius:11px;padding:12px 14px}
.fstep .n{font-size:22px;font-weight:800;color:var(--purple)}
.fstep .l{font-size:11.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.fstep .p{font-size:11px;color:#9ca3af}
.tierbar{display:flex;height:26px;border-radius:8px;overflow:hidden;border:1px solid var(--line);margin-top:8px}
.tierbar div{display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:700}
.HOT{background:var(--hot)}.WARM{background:var(--warm);color:#3a2e00!important}.COOL{background:var(--cool)}.COLD{background:var(--cold)}
table{width:100%;border-collapse:collapse;font-size:13px}
th,td{text-align:left;padding:9px 11px;border-bottom:1px solid var(--line);vertical-align:top}
th{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
tr.click{cursor:pointer}tr.click:hover{background:#faf7ff}
.tier{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;color:#fff}
.pill{display:inline-block;font-size:11px;font-weight:700;padding:2px 9px;border-radius:999px}
.pill.live{background:#dcfce7;color:#15803d}.pill.draft{background:#f1f5f9;color:#64748b}
.pill.ab_test{background:#fef9c3;color:#854d0e}.pill.archived{background:#f3f4f6;color:#9ca3af}
.btn{background:var(--purple);color:#fff;border:none;border-radius:9px;padding:9px 15px;font-weight:700;font-size:13px;cursor:pointer}
.btn:hover{background:var(--purple-dark)}
.btn.sm{padding:6px 11px;font-size:12px}
.btn.ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}
.btn.ghost:hover{border-color:var(--purple);color:var(--purple)}
.btn.danger{background:#fff;color:var(--cold);border:1px solid #fecaca}
label{display:block;font-weight:600;font-size:12.5px;margin:12px 0 5px}
input[type=text],input[type=number],select,textarea{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:8px;font-size:13.5px;background:#fbfbfa;font-family:inherit}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--purple);background:#fff}
textarea{resize:vertical;min-height:58px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
@media(max-width:640px){.grid2{grid-template-columns:1fr}.app{grid-template-columns:1fr}}
.qedit{border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin-bottom:10px;background:#fbfbfa}
.qedit .qhead{display:flex;gap:8px;align-items:center;margin-bottom:6px}
.qedit .qhead .k{font-size:11px;font-weight:700;color:var(--purple);background:#f5f3ff;border-radius:6px;padding:2px 8px}
.warnedit{border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-bottom:8px;background:#fff}
.warnedit .wk{font-size:11px;font-weight:700;color:#b45309}
.flag{display:inline-block;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:1px 7px;margin:0 4px 4px 0;font-size:11px;color:#475569}
.flag.bad{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.flag.good{background:#f0fdf4;border-color:#bbf7d0;color:#15803d}
.scorebars{display:grid;gap:7px;max-width:320px}
.sb .t{display:flex;justify-content:space-between;font-size:12px;margin-bottom:2px}
.sb .track{height:7px;background:#eee;border-radius:4px;overflow:hidden}.sb .fill{height:100%;background:var(--purple)}
.chg{font-size:11px;color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:6px;padding:1px 7px;display:inline-block;margin:2px 4px 2px 0}
.back{color:var(--purple);cursor:pointer;font-size:13px;font-weight:600;text-decoration:none}
.toast{position:fixed;bottom:20px;right:20px;background:#15131b;color:#fff;padding:11px 16px;border-radius:9px;font-size:13px;opacity:0;transition:.3s;pointer-events:none}
.toast.show{opacity:1}

/* ===== flow editor (V1 tabbed + preview, V2 document) ===== */
.ehead{display:flex;align-items:center;gap:12px;margin:6px 0 16px;flex-wrap:wrap}
.modetoggle{display:flex;border:1px solid var(--line);border-radius:9px;overflow:hidden}
.modetoggle button{border:none;background:#fff;padding:7px 14px;font-weight:700;font-size:12.5px;cursor:pointer;color:var(--muted)}
.modetoggle button.on{background:var(--purple);color:#fff}
.ewrap{display:grid;grid-template-columns:1fr 370px;gap:18px;align-items:start}
@media(max-width:1000px){.ewrap{grid-template-columns:1fr}.epreview{display:none}}
.etabs{display:flex;gap:4px;margin-bottom:14px}
.etab{padding:7px 13px;border-radius:8px;font-weight:600;font-size:12.5px;cursor:pointer;color:var(--muted)}
.etab.on{background:var(--purple);color:#fff}
.epanel{display:none}.epanel.on{display:block}
.qcard2{border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin-bottom:12px;background:#fff}
.qtop{display:flex;align-items:center;gap:6px;margin-bottom:6px}.qtop .grip{color:#cdcdc8}
.qtext{font-weight:700;font-size:14.5px;border:1px solid transparent;background:transparent;border-radius:7px;padding:6px 8px;flex:1}
.qtext:hover{border-color:var(--line)}.qtext:focus{border-color:var(--purple);background:#fff;outline:none}
.opt2{border:1px solid var(--line);border-radius:10px;padding:8px 10px;margin:7px 0;background:#fbfbfa}
.opt2 .orow{display:flex;align-items:center;gap:8px}
.opt2 .dot{width:14px;height:14px;border-radius:50%;border:2px solid #c9c9c4;flex:0 0 auto}
.opt2 .otext{flex:1;border:1px solid transparent;background:transparent;border-radius:6px;padding:6px}
.opt2 .otext:hover{border-color:var(--line)}.opt2 .otext:focus{border-color:var(--purple);background:#fff;outline:none}
.disc{font-size:11.5px;font-weight:600;color:var(--muted);display:flex;align-items:center;gap:5px;cursor:pointer;white-space:nowrap}
.sw{width:32px;height:18px;background:#cfcfca;border-radius:999px;position:relative;transition:.2s;flex:0 0 auto}
.sw.on{background:#fdba74}.sw i{position:absolute;top:2px;left:2px;width:14px;height:14px;background:#fff;border-radius:50%;transition:.2s}.sw.on i{left:16px}
.nudgebox{margin-top:8px;border:1px dashed #fdba74;background:#fff7ed;border-radius:9px;padding:9px 11px}
.nudgebox label{color:#9a3412;margin:8px 0 3px}
.addbtn{background:#f5f3ff;color:var(--purple);border:1px dashed #cdbdf2;border-radius:9px;padding:7px;width:100%;cursor:pointer;font-weight:600;font-size:12.5px;margin-top:4px}
.epreview{border:1px solid var(--line);border-radius:14px;background:#f3f2ef;padding:14px;position:sticky;top:14px;max-height:calc(100vh - 40px);overflow:auto}
.pvtitle{font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:700;margin-bottom:8px}
.pvcard{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}
.pvb{display:flex;gap:7px;align-items:center;margin-bottom:10px}.pvlogo{width:20px;height:20px;border-radius:5px;background:var(--purple);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:11px}
.pveye{text-transform:uppercase;letter-spacing:.12em;font-size:9.5px;font-weight:700;color:var(--purple)}
.pvh{font-size:18px;font-weight:800;margin:4px 0 3px}.pvs{color:var(--muted);font-size:12px;margin-bottom:8px}
.pvq{font-weight:700;font-size:12.5px;margin:11px 0 5px}.pvo{border:1px solid var(--line);border-radius:8px;padding:7px 9px;font-size:11.5px;margin-bottom:5px;background:#fbfbfa}
.pvo.disc{border-color:#fdba74;background:#fff7ed}
.v2sheet{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;max-width:680px}
.v2sec{display:flex;align-items:center;gap:10px;margin:22px 0 8px}.v2sec .l{font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:700}.v2sec hr{flex:1;border:none;border-top:1px solid var(--line)}
.edit2{border:1px solid transparent;border-radius:7px;background:transparent;padding:6px 8px;width:100%;font-family:inherit;font-size:14px}
.edit2:hover{border-color:var(--line);background:#fcfbff}.edit2:focus{border-color:var(--purple);background:#fff;outline:none}
.drawer2{position:fixed;top:0;right:-380px;width:350px;height:100%;background:#fff;border-left:1px solid var(--line);z-index:50;transition:.25s;padding:20px;overflow:auto}.drawer2.on{right:0}
.scrim2{position:fixed;inset:0;background:rgba(0,0,0,.25);opacity:0;pointer-events:none;transition:.2s;z-index:49}.scrim2.on{opacity:1;pointer-events:auto}

/* modal */
.modalscrim{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:60}
.modalbox{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;width:400px;max-width:92vw;z-index:61;box-shadow:0 12px 44px rgba(0,0,0,.22)}
.toolbar2{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.toolbar2 input,.toolbar2 select{width:auto;padding:8px 11px}
.toolbar2 input.search{min-width:220px}
.toolbar2 input[type=date]{font-family:inherit;font-size:13px;border:1px solid var(--line);border-radius:8px;background:#fbfbfa}

/* leads table: badges, spam rows, per-day strip, column picker */
.badge{display:inline-block;font-size:10.5px;font-weight:700;padding:1px 7px;border-radius:999px;vertical-align:middle}
.badge.spam{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}
.badge.edited{background:#fffbeb;color:#b45309;border:1px solid #fde68a}
.badge.dupip{background:#fff7ed;color:#c2410c;border:1px solid #fed7aa}
.badge.dupemail{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}
tr.spamrow td{background:#fffafa}
tr.intlrow td{background:#ecfeff}
tr.folderhead td{background:#f8f8f6;font-weight:700;font-size:12px;letter-spacing:.02em}
.daybar{display:flex;gap:4px;align-items:flex-end;position:relative}
.daytip{display:none;position:absolute;z-index:30;pointer-events:none;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 12px;box-shadow:0 8px 28px rgba(0,0,0,.12);font-size:12px;line-height:1.55;text-align:left;white-space:nowrap}
.daytip .dth{font-weight:700}
.daytip .dtr{display:flex;justify-content:space-between;gap:18px;color:#475569}
.daytip .dtr b{color:var(--ink,#111)}
.dcol{flex:1;text-align:center;min-width:0}
.dcol .dn{font-size:10.5px;font-weight:700;color:var(--purple);height:14px}
.dcol .db{background:var(--purple);border-radius:3px 3px 0 0;margin:0 auto;width:70%;min-width:8px}
.dcol .dl{font-size:9.5px;color:#9ca3af;margin-top:3px;white-space:nowrap}
.colpick{position:relative}
.colpick .colmenu{display:none;position:absolute;right:0;top:calc(100% + 4px);background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 14px;z-index:30;box-shadow:0 8px 28px rgba(0,0,0,.12);white-space:nowrap}
.colpick.open .colmenu{display:block}
.colpick .colmenu label{display:flex;align-items:center;gap:7px;font-weight:500;font-size:12.5px;margin:5px 0}
.colpick .colmenu input{width:auto}

/* layout version picker */
.lv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:4px}
.lv-card{border:2px solid var(--line);border-radius:10px;padding:12px 10px;cursor:pointer;text-align:center;display:block;transition:.15s}
.lv-card:hover{border-color:#c5b5e8;background:#faf9ff}
.lv-card:has(input:checked){border-color:var(--purple);background:#f5f3ff}
.lv-card input{position:absolute;opacity:0;pointer-events:none;width:0;height:0}
.lv-name{font-weight:700;font-size:12.5px;margin-bottom:3px}
.lv-desc{font-size:11px;color:var(--muted);margin-bottom:7px;line-height:1.4}
.lv-preview{font-size:11px;color:var(--purple);text-decoration:none;font-weight:600}
.lv-preview:hover{text-decoration:underline}