:root{--blue:#1C6FB8;--blue2:#0f5f9f;--orange:#FF9900;--ink:#172033;--muted:#64748b;--bg:#f5f7fb;--line:#e6eaf0;--green:#12834c;--red:#c02b34;--card:#fff;--radius:14px}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--ink)}a{color:var(--blue)}.app-shell{min-height:100vh;display:flex}.sidebar{width:242px;background:#111827;color:#d9e0ea;position:fixed;left:0;top:0;bottom:0;padding:18px 14px;display:flex;flex-direction:column;z-index:50}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#fff;padding:5px 8px 22px}.brand small{display:block;color:#94a3b8;font-size:10px;margin-top:3px}.brand-mark{width:48px;height:48px;border-radius:13px;background:linear-gradient(135deg,var(--blue),#2a88d6);display:grid;place-items:center;color:white;font-weight:900;font-size:21px;box-shadow:0 8px 25px rgba(28,111,184,.25)}.brand-mark.small{width:38px;height:38px;border-radius:10px;font-size:17px}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar nav a{color:#aeb8c7;text-decoration:none;border-radius:9px;padding:10px 12px;display:flex;align-items:center;gap:11px;font-size:14px;font-weight:600}.sidebar nav a:hover,.sidebar nav a.active{background:#1f2937;color:#fff}.sidebar nav a.active{box-shadow:inset 3px 0 0 var(--orange)}.sidebar nav a span{width:19px;text-align:center}.sidebar-user{margin-top:auto;border-top:1px solid #263244;padding:15px 8px 3px;display:flex;justify-content:space-between;font-size:12px;color:#aeb8c7}.sidebar-user a{color:#fff;text-decoration:none}.main{margin-left:242px;width:calc(100% - 242px);min-height:100vh}.topbar{height:66px;background:rgba(255,255,255,.92);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;position:sticky;top:0;z-index:30;backdrop-filter:blur(9px)}.topbar-title{font-weight:800;flex:1}.store-switch select{width:auto;min-width:190px}.mobile-menu{display:none}.content{padding:26px 28px 55px;max-width:1500px;margin:auto}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.page-head h1{margin:0 0 5px;font-size:28px;letter-spacing:-.02em}.page-head p{margin:0;color:var(--muted)}.actions{display:flex;gap:8px;flex-wrap:wrap}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:0 5px 18px rgba(15,23,42,.025)}.card h2,.card h3{margin-top:0}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.metric{padding:18px}.metric .label{color:var(--muted);font-size:13px}.metric .value{font-size:28px;font-weight:850;margin-top:6px;letter-spacing:-.03em}.metric .hint{font-size:12px;color:var(--muted);margin-top:3px}.section{margin-top:20px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.section-title h2{font-size:18px;margin:0}.muted{color:var(--muted)}.small{font-size:12px}.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:800;background:#edf2f7;color:#526071}.badge.green{background:#eaf8f0;color:#176f45}.badge.red{background:#fff0f1;color:#9f1f2b}.badge.blue{background:#eaf3fb;color:#155f9d}.badge.orange{background:#fff5e6;color:#9a5c00}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:#94a3b8}.dot.green{background:#16a34a}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;padding:11px 13px;color:#667085;background:#f8fafc;border-bottom:1px solid var(--line);font-size:11px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}td{padding:12px 13px;border-bottom:1px solid #eef1f4;vertical-align:middle}tr:last-child td{border-bottom:0}tr:hover td{background:#fcfdff}.link{font-weight:700;text-decoration:none;color:var(--ink)}label{display:block;font-size:12px;font-weight:800;color:#455163;margin:0 0 5px}input,select,textarea{width:100%;border:1px solid #d9dee7;border-radius:9px;background:#fff;padding:10px 11px;font:inherit;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:#80b4df;box-shadow:0 0 0 3px rgba(28,111,184,.09)}textarea{min-height:110px;resize:vertical}.field{margin-bottom:14px}.field-help{font-size:11px;color:var(--muted);margin-top:5px}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-row-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #d5dbe4;background:#fff;color:#263245;text-decoration:none;border-radius:9px;padding:9px 13px;font-weight:750;font-size:13px;cursor:pointer;white-space:nowrap}.btn:hover{background:#f8fafc}.btn-primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn-primary:hover{background:var(--blue2)}.btn-danger{border-color:#f1c3c7;color:#a4232d;background:#fff}.btn-success{background:#158049;border-color:#158049;color:#fff}.btn-orange{background:var(--orange);border-color:var(--orange);color:#3d2c00}.btn-block{width:100%}.alert{border-radius:10px;padding:12px 15px;margin-bottom:16px;font-size:13px}.alert-success{background:#eaf8f0;color:#176f45}.alert-error{background:#fff0f1;color:#9f1f2b}.alert-warning{background:#fff6e8;color:#8a5403}.alert-info{background:#eaf3fb;color:#155f9d}.empty{padding:42px 20px;text-align:center;color:var(--muted)}.empty strong{display:block;color:var(--ink);font-size:17px;margin-bottom:6px}.toolbar{display:flex;gap:8px;margin-bottom:12px;align-items:center;flex-wrap:wrap}.toolbar form{display:flex;gap:8px;flex:1}.toolbar input{max-width:350px}.pagination{display:flex;gap:5px;margin-top:12px}.pagination a{padding:7px 10px;background:#fff;border:1px solid var(--line);border-radius:7px;text-decoration:none;font-size:12px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:18px}.tabs a{padding:10px 12px;text-decoration:none;color:var(--muted);font-size:13px;font-weight:700;border-bottom:2px solid transparent}.tabs a.active{color:var(--blue);border-color:var(--blue)}.timeline{border-left:2px solid #e5eaf0;margin-left:8px;padding-left:20px}.timeline-item{position:relative;padding:0 0 17px}.timeline-item:before{content:"";position:absolute;left:-26px;top:4px;width:10px;height:10px;border-radius:50%;background:var(--blue);border:3px solid #fff;box-shadow:0 0 0 1px #cad3de}.timeline-item .time{font-size:11px;color:var(--muted)}.codebox{background:#0f172a;color:#dbeafe;border-radius:10px;padding:14px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;overflow:auto;white-space:pre-wrap}.flow-canvas{display:flex;flex-direction:column;align-items:center;gap:0;padding:20px 0}.flow-node{width:min(100%,620px);background:#fff;border:1px solid #dfe5ec;border-radius:12px;padding:15px 17px;box-shadow:0 5px 18px rgba(15,23,42,.04);position:relative}.flow-node.trigger{border-top:4px solid var(--orange)}.flow-node.email{border-left:4px solid var(--blue)}.flow-node.delay{border-left:4px solid #7c3aed}.flow-node.condition{border-left:4px solid #d97706}.flow-node.action{border-left:4px solid #158049}.flow-node h4{margin:0 0 4px}.connector{height:28px;width:2px;background:#cbd5e1}.node-actions{display:flex;gap:6px;margin-top:10px}.builder{display:grid;grid-template-columns:220px 1fr;gap:16px}.builder-palette{display:flex;flex-direction:column;gap:7px}.builder-palette button{text-align:left}.email-canvas{background:#f3f5f8;border:1px solid var(--line);padding:20px;border-radius:12px;min-height:400px}.email-block{background:white;border:1px solid #dce2e9;border-radius:8px;padding:14px;margin-bottom:8px;position:relative}.email-block:hover{outline:2px solid rgba(28,111,184,.15)}.email-block-tools{position:absolute;right:8px;top:7px;display:flex;gap:4px}.email-preview{background:#f1f5f9;padding:25px;border-radius:12px}.email-preview-inner{max-width:680px;margin:auto;background:white;border-radius:12px;padding:30px}.login-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#eaf3fb,transparent 34%),#f6f8fb}.login-card{width:min(92vw,420px);background:white;border:1px solid var(--line);border-radius:20px;padding:34px;box-shadow:0 25px 70px rgba(15,23,42,.08);text-align:center}.login-card .brand-mark{margin:0 auto 14px}.login-card h1{margin:0 0 6px}.login-card form{text-align:left;margin-top:25px}.login-card label{margin-top:12px}.login-card .btn{margin-top:18px}.status-line{display:flex;align-items:center;gap:8px}.kpi-positive{color:#0f8a4b}.chart-bars{height:190px;display:flex;align-items:flex-end;gap:7px;padding-top:15px}.chart-bar{flex:1;background:linear-gradient(180deg,#3187cc,#1C6FB8);border-radius:5px 5px 0 0;min-height:3px;position:relative}.chart-bar:hover:after{content:attr(data-label);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:#111827;color:white;font-size:10px;padding:4px 6px;border-radius:5px;white-space:nowrap;margin-bottom:5px}.stat-pills{display:flex;gap:8px;flex-wrap:wrap}.stat-pill{padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:white;font-size:12px}.modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:100;display:none;align-items:center;justify-content:center;padding:20px}.modal-backdrop.open{display:flex}.modal{background:white;width:min(760px,96vw);max-height:90vh;overflow:auto;border-radius:16px;padding:22px;box-shadow:0 25px 80px rgba(15,23,42,.3)}.rule-row{display:grid;grid-template-columns:1.2fr .8fr 1.5fr auto;gap:7px;margin-bottom:8px}.rule-row .btn{padding:7px 10px}.split{display:grid;grid-template-columns:1fr 360px;gap:20px}.sticky{position:sticky;top:88px}.progress{height:8px;background:#edf1f5;border-radius:999px;overflow:hidden}.progress>span{display:block;height:100%;background:var(--blue)}@media(max-width:1100px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.sticky{position:static}.builder{grid-template-columns:1fr}.builder-palette{flex-direction:row;flex-wrap:wrap}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.2s}.menu-open .sidebar{transform:translateX(0)}.main{margin-left:0;width:100%}.topbar{padding:0 15px}.mobile-menu{display:block;margin-right:10px;border:0;background:none;font-size:20px}.content{padding:20px 14px 45px}.grid-4,.grid-3,.grid-2,.form-row,.form-row-3{grid-template-columns:1fr}.page-head{flex-direction:column}.store-switch select{min-width:130px;max-width:160px}.rule-row{grid-template-columns:1fr}.table-wrap{border-radius:10px}}

/* ===== MDS Marketing 1.2 professional UI ===== */
:root{--sidebar:#0c1424;--sidebar2:#111c30;--blue:#1468b3;--blue2:#0e5798;--orange:#ff9d17;--ink:#111827;--muted:#6b7280;--bg:#f5f7fb;--line:#e7eaf0;--soft:#f8fafc;--card:#fff;--shadow:0 10px 30px rgba(15,23,42,.055)}
body{background:linear-gradient(180deg,#f8fafe 0,#f5f7fb 260px);font-size:14px}.sidebar{width:258px;background:linear-gradient(180deg,var(--sidebar) 0%,#0b1220 100%);padding:18px 14px 14px;border-right:1px solid rgba(255,255,255,.035)}.main{margin-left:258px;width:calc(100% - 258px)}.brand{padding:4px 9px 20px}.brand strong{font-size:15px;letter-spacing:-.01em}.brand small{font-size:10px;letter-spacing:.03em;text-transform:uppercase}.brand-mark.small{background:linear-gradient(145deg,#2586d1,#1263a9);box-shadow:0 10px 30px rgba(20,104,179,.28)}.sidebar-section-label{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#5f7089;font-weight:800;padding:8px 12px 6px}.sidebar-section-label.system{margin-top:13px}.sidebar nav{gap:2px}.sidebar nav a{padding:9px 10px;border-radius:9px;font-size:13px;font-weight:650;color:#9eabc0;gap:10px}.sidebar nav a:hover{background:rgba(255,255,255,.055);color:#fff}.sidebar nav a.active{background:linear-gradient(90deg,rgba(36,130,205,.18),rgba(36,130,205,.06));color:#fff;box-shadow:inset 2px 0 0 #3b9be6}.nav-icon{width:20px!important;height:20px;display:grid!important;place-items:center}.nav-icon svg{width:17px;height:17px;fill:currentColor}.ai-nav{margin:13px 4px 4px;padding:11px 10px;border:1px solid rgba(80,162,224,.2);border-radius:12px;background:linear-gradient(135deg,rgba(30,111,184,.18),rgba(113,76,220,.13));color:#dceeff;text-decoration:none;display:flex;gap:10px;align-items:center}.ai-nav:hover,.ai-nav.active{border-color:rgba(86,173,239,.48);background:linear-gradient(135deg,rgba(30,111,184,.29),rgba(113,76,220,.22))}.ai-nav-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,#2c8ed7,#7358d7);color:#fff;font-size:16px;box-shadow:0 6px 18px rgba(58,113,195,.28)}.ai-nav>span:last-child{display:flex;flex-direction:column}.ai-nav strong{font-size:12px}.ai-nav small{font-size:9px;color:#8fa9c4;margin-top:2px}.sidebar-user{display:grid;grid-template-columns:34px 1fr 24px;gap:8px;align-items:center;border-top:1px solid rgba(255,255,255,.07);padding:14px 7px 2px;color:#c7d0dc}.sidebar-user>div{min-width:0;display:flex;flex-direction:column}.sidebar-user strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user small{font-size:9px;color:#708096;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-avatar{width:32px;height:32px;border-radius:9px;background:#1e2d43;display:grid;place-items:center;color:#fff;font-weight:800}.sidebar-user .logout{color:#7e8da2;text-decoration:none;font-size:16px}.sidebar-user .logout:hover{color:#fff}.topbar{height:70px;padding:0 30px;background:rgba(255,255,255,.88);box-shadow:0 1px 0 rgba(15,23,42,.03)}.topbar-store{display:flex;align-items:center;gap:9px;flex:1}.topbar-store>div{display:flex;flex-direction:column;line-height:1.15}.topbar-store strong{font-size:13px}.topbar-caption{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;font-weight:800;margin-bottom:2px}.store-status{width:9px;height:9px;border-radius:50%;background:#cbd5e1;box-shadow:0 0 0 4px #f1f5f9}.store-status.online{background:#22a06b;box-shadow:0 0 0 4px #e5f6ed}.topbar-actions{display:flex;align-items:center;gap:10px}.top-ai-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid #d8e7f5;background:#f5faff;color:#1263a9;text-decoration:none;border-radius:9px;padding:8px 11px;font-size:12px;font-weight:750}.top-ai-btn:hover{background:#edf7ff}.store-switch select{min-width:170px;border-radius:9px;padding:8px 32px 8px 10px;background:#fff;font-size:12px}.content{padding:30px 32px 60px;max-width:1540px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--blue);font-weight:850;margin-bottom:6px}.page-head{margin-bottom:24px;align-items:center}.page-head h1{font-size:27px;line-height:1.15}.page-head p{font-size:13px;max-width:720px}.card{border-color:#e8ebf1;border-radius:15px;box-shadow:var(--shadow);padding:21px}.card h2{font-size:18px;letter-spacing:-.015em}.btn{border-radius:9px;padding:9px 13px;font-size:12px;transition:.15s;box-shadow:0 1px 1px rgba(15,23,42,.02)}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(180deg,#1d78c3,#1265aa);border-color:#1265aa}.btn-orange{background:linear-gradient(180deg,#ffac33,#f29200);border-color:#ea8c00;color:#3b2500}.metric{border-radius:15px}.metric .label{font-size:11px;text-transform:uppercase;letter-spacing:.045em;font-weight:750}.metric .value{font-size:29px}.table-wrap{box-shadow:0 8px 26px rgba(15,23,42,.035)}table{font-size:12.5px}th{padding:12px 14px;background:#fafbfc}td{padding:13px 14px}.badge{font-size:10px;letter-spacing:.02em;padding:4px 8px}.global-alert{position:relative;box-shadow:var(--shadow)}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.settings-card{height:max-content}.settings-card-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px}.settings-card-head h2{margin:1px 0 4px}.settings-card-head p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.settings-icon{width:38px;height:38px;border-radius:11px;background:#eef5fb;color:#176ab0;display:grid;place-items:center;font-size:18px;font-weight:800;flex:0 0 auto}.settings-icon.ai{color:#6550c8;background:#f0edff}.settings-test{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.inline-test{display:flex;gap:10px;align-items:end}.inline-test .field{flex:1;margin:0}.switch-row{display:flex!important;gap:10px;align-items:flex-start;padding:12px;border:1px solid var(--line);border-radius:11px;background:#fafbfc;margin:4px 0 16px}.switch-row input{width:auto;margin-top:3px}.switch-row span{display:flex;flex-direction:column}.switch-row small{font-weight:400;color:var(--muted);margin-top:3px;line-height:1.4}.codebox.compact{padding:9px 11px;font-size:11px;max-height:90px;overflow:auto}
/* AI assistant */
.ai-status{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;border:1px solid #dbe9f5;background:linear-gradient(90deg,#f3f9ff,#f8f7ff);border-radius:14px;padding:13px 15px;margin-bottom:18px}.ai-status.local{background:#fafbfc;border-color:#e5e8ee}.ai-status>div{display:flex;flex-direction:column;gap:2px}.ai-status strong{font-size:12px}.ai-status span:not(.ai-orb){font-size:10.5px;color:var(--muted)}.ai-orb{width:36px;height:36px;border-radius:11px;background:linear-gradient(145deg,#2e8ed7,#7557d7);color:#fff;display:grid;place-items:center;font-size:18px;box-shadow:0 7px 22px rgba(77,86,190,.22)}.ai-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:16px;min-height:650px}.ai-conversations{padding:13px;max-height:740px;overflow:auto}.ai-side-title{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#94a3b8;font-weight:800;padding:4px 5px 10px}.ai-conversation{display:flex;flex-direction:column;text-decoration:none;color:var(--ink);padding:10px;border-radius:9px;margin-bottom:3px;border:1px solid transparent}.ai-conversation:hover{background:#f7f9fc}.ai-conversation.active{background:#eef6fd;border-color:#d9eaf8}.ai-conversation strong{font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-conversation span{font-size:9px;color:#94a3b8;margin-top:3px}.ai-chat{padding:0;display:flex;flex-direction:column;overflow:hidden;min-height:650px}.ai-messages{padding:26px;overflow:auto;flex:1;max-height:590px}.ai-empty{text-align:center;padding:85px 20px;color:var(--muted)}.ai-empty h2{color:var(--ink);margin:14px 0 6px}.ai-empty p{max-width:520px;margin:0 auto;line-height:1.55}.ai-big-orb{width:56px;height:56px;margin:auto;border-radius:18px;background:linear-gradient(145deg,#2c8ed7,#7558d8);display:grid;place-items:center;color:#fff;font-size:26px;box-shadow:0 12px 35px rgba(73,94,198,.24)}.ai-message{display:flex;gap:10px;margin-bottom:18px;align-items:flex-start}.ai-message.user{flex-direction:row-reverse}.ai-avatar{width:29px;height:29px;border-radius:9px;background:#eef3f7;color:#5b6778;font-size:9px;font-weight:900;display:grid;place-items:center;flex:0 0 auto}.ai-message.assistant .ai-avatar{background:linear-gradient(145deg,#2c8ed7,#7558d8);color:#fff;font-size:13px}.ai-bubble{max-width:min(790px,82%);background:#f7f9fb;border:1px solid #e8ecf1;border-radius:4px 13px 13px 13px;padding:12px 14px;line-height:1.55;font-size:12.5px}.ai-message.user .ai-bubble{background:#1468b3;color:#fff;border-color:#1468b3;border-radius:13px 4px 13px 13px}.ai-action-card{margin-top:12px;background:#fff;border:1px solid var(--line);border-radius:11px;padding:12px;min-width:min(520px,100%)}.ai-action-card.status-applied{border-color:#cfead9;background:#fbfffc}.ai-action-card.status-error{border-color:#f0cdd1}.ai-action-card.status-pending{border-color:#dce6ef}.ai-action-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:5px}.ai-action-head>div{display:flex;gap:7px;align-items:center}.action-icon{width:22px;height:22px;border-radius:7px;background:#edf4fa;color:#1468b3;display:grid;place-items:center;font-size:11px}.ai-action-result{margin-top:8px;font-size:11px;color:#24744a}.ai-action-result a{font-weight:800}.ai-quick-prompts{display:flex;gap:7px;padding:10px 17px 0;border-top:1px solid #eef1f4;overflow:auto}.ai-quick-prompts button{border:1px solid #e3e8ef;background:#fff;border-radius:999px;padding:7px 10px;font-size:10px;color:#526071;white-space:nowrap;cursor:pointer}.ai-quick-prompts button:hover{border-color:#b9d4ea;color:#1468b3;background:#f7fbff}.ai-composer{display:grid;grid-template-columns:1fr 42px;gap:8px;align-items:end;padding:11px 16px 16px}.ai-composer textarea{min-height:52px;max-height:150px;border-radius:13px;padding:12px 13px;resize:none;background:#fbfcfe}.ai-send{height:42px;width:42px;border:0;border-radius:12px;background:linear-gradient(145deg,#237fc8,#1263a9);color:white;font-size:19px;cursor:pointer;box-shadow:0 7px 18px rgba(20,104,179,.2)}
/* Email builder */
.email-pro-layout{display:grid;grid-template-columns:190px minmax(420px,1fr) 300px;gap:14px;align-items:start}.email-palette,.email-inspector{position:sticky;top:88px}.email-palette .palette-group{margin-bottom:16px}.palette-title{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#94a3b8;font-weight:800;margin:0 0 7px}.palette-button{display:flex;width:100%;align-items:center;gap:8px;border:1px solid #e4e8ee;background:#fff;border-radius:8px;padding:8px 9px;margin-bottom:5px;font-size:11px;cursor:pointer;color:#374151}.palette-button:hover{border-color:#b9d7ec;background:#f6fbff;color:#1468b3}.palette-button span{width:22px;height:22px;border-radius:6px;background:#f0f4f8;display:grid;place-items:center}.email-builder-stage{background:#e9edf2;border:1px solid #dde2e8;border-radius:13px;padding:24px;min-height:640px}.email-document{max-width:640px;margin:auto;background:#fff;border-radius:14px;padding:25px;box-shadow:0 10px 35px rgba(15,23,42,.08)}.eb-block{position:relative;border:1px solid transparent;border-radius:8px;padding:9px;margin:3px -9px;cursor:pointer}.eb-block:hover{border-color:#cfe1ef;background:#fbfdff}.eb-block.selected{border-color:#6da9d7;box-shadow:0 0 0 2px rgba(28,111,184,.08)}.eb-block-tools{position:absolute;right:5px;top:-12px;display:none;background:#fff;border:1px solid #dce2e9;border-radius:7px;box-shadow:0 4px 12px rgba(15,23,42,.08);overflow:hidden;z-index:3}.eb-block:hover .eb-block-tools,.eb-block.selected .eb-block-tools{display:flex}.eb-block-tools button{border:0;background:#fff;padding:5px 7px;font-size:10px;cursor:pointer}.eb-block-tools button:hover{background:#f3f6f9}.email-inspector h3{font-size:13px;margin:0 0 13px}.inspector-empty{font-size:11px;color:var(--muted);line-height:1.5;padding:10px 0}.email-toolbar-pro{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.device-toggle{display:flex;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff}.device-toggle button{border:0;background:transparent;padding:7px 9px;font-size:10px;cursor:pointer}.device-toggle button.active{background:#edf5fb;color:#1468b3;font-weight:800}.preview-modal-frame{width:100%;height:70vh;border:1px solid var(--line);border-radius:10px;background:#fff}.test-send-box{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:13px}.test-send-box input{font-size:11px}.theme-swatch-row{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.theme-swatch-row input[type=color]{height:39px;padding:4px}.builder-top-fields{display:grid;grid-template-columns:1fr 1.5fr;gap:12px;margin-bottom:14px}.email-list-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px}.email-list-preview{width:130px;height:78px;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#f4f6f8}.email-list-preview iframe{width:520px;height:312px;transform:scale(.25);transform-origin:0 0;border:0;pointer-events:none}
/* newsletter form builder */
.form-type-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.form-type-card{position:relative}.form-type-card input{position:absolute;opacity:0}.form-type-card label{border:1px solid var(--line);border-radius:11px;padding:12px;display:flex;flex-direction:column;gap:4px;cursor:pointer;height:100%}.form-type-card label strong{font-size:11px}.form-type-card label span{font-size:9.5px;color:var(--muted);font-weight:400;line-height:1.35}.form-type-card input:checked+label{border-color:#72abd6;background:#f3f9fe;box-shadow:0 0 0 2px rgba(28,111,184,.07)}.newsletter-preview-shell{background:#f1f3f6;border-radius:13px;padding:26px;min-height:370px;display:grid;place-items:center}.newsletter-preview{width:min(100%,560px);padding:25px;border-radius:16px;box-shadow:0 12px 35px rgba(15,23,42,.12)}.newsletter-preview.horizontal .newsletter-input-row{display:grid;grid-template-columns:1fr auto;gap:8px}.newsletter-preview .preview-title{font-size:23px;font-weight:850;line-height:1.1;margin-bottom:7px}.newsletter-preview .preview-body{font-size:13px;line-height:1.5;margin-bottom:14px;opacity:.72}.newsletter-preview button{border:0;padding:11px 16px;border-radius:9px;color:#fff;font-weight:750}.embed-code-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}
@media(max-width:1250px){.email-pro-layout{grid-template-columns:170px 1fr}.email-inspector{grid-column:1/-1;position:static}.settings-grid{grid-template-columns:1fr}.ai-layout{grid-template-columns:220px 1fr}}
@media(max-width:900px){.email-pro-layout{grid-template-columns:1fr}.email-palette,.email-inspector{position:static}.email-palette{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.ai-layout{grid-template-columns:1fr}.ai-conversations{display:none}.ai-message .ai-bubble{max-width:90%}.top-ai-btn{display:none}}
@media(max-width:760px){.sidebar{width:258px}.main{margin-left:0;width:100%}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:40}.menu-open .sidebar-overlay{display:block}.topbar{padding:0 14px}.content{padding:22px 13px 48px}.topbar-store strong{max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.store-switch{display:none}.settings-grid,.builder-top-fields{grid-template-columns:1fr}.form-type-cards{grid-template-columns:1fr}.inline-test{flex-direction:column;align-items:stretch}.email-builder-stage{padding:12px}.email-document{padding:17px}.ai-status{grid-template-columns:36px 1fr}.ai-status .btn{display:none}.ai-messages{padding:17px 12px}.ai-composer{padding:10px}.ai-action-card{min-width:0}.ai-quick-prompts{padding-left:10px}}

/* Dashboard 1.2 */
.dashboard-head{align-items:flex-end}.pro-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.pro-metric{display:flex;gap:13px;align-items:center;padding:18px;background:#fff;border:1px solid #e8edf3;border-radius:16px;text-decoration:none;color:inherit;box-shadow:0 4px 18px rgba(15,23,42,.035)}.pro-metric:hover{border-color:#bfd8ef;transform:translateY(-1px)}.metric-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:#eff7ff;color:#1467aa;font-size:18px;font-weight:800}.pro-metric div{min-width:0}.pro-metric span:not(.metric-icon){display:block;color:#68758a;font-size:12px;font-weight:700}.pro-metric strong{display:block;font-size:24px;line-height:1.15;margin:4px 0;color:#13213a}.pro-metric small{display:block;color:#7d8999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:16px}.pro-chart{height:225px;gap:8px;align-items:flex-end;padding:20px 4px 0}.chart-col{height:100%;display:flex;flex:1;min-width:0;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px}.chart-col .chart-bar{width:72%;min-width:8px}.chart-col>span{font-size:10px;color:#8793a5}.setup-score{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#eef8f2;color:#177245;font-weight:800}.health-list{display:grid;gap:3px}.health-item{display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:center;padding:10px 6px;text-decoration:none;color:inherit;border-radius:10px}.health-item:hover{background:#f7f9fc}.health-check{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#fff2e4;color:#a45912;font-weight:900}.health-check.done{background:#e9f8ef;color:#177245}.health-item strong,.health-item small{display:block}.health-item small{margin-top:2px;color:#7d8999}.quick-ai{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;border-radius:17px;background:linear-gradient(120deg,#101d39,#182c58);color:#fff}.quick-ai>div:first-child{display:flex;gap:13px;align-items:center}.quick-ai strong,.quick-ai span{display:block}.quick-ai>div:first-child span:not(.ai-orb){color:#c1cee4;font-size:13px;margin-top:3px}.quick-ai-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.quick-ai-actions a{padding:9px 12px;border-radius:10px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);color:#fff;text-decoration:none;font-size:12px;font-weight:700}.quick-ai-actions a:hover{background:rgba(255,255,255,.18)}.mini-list{display:grid}.mini-list>a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 2px;border-bottom:1px solid #eef1f5;text-decoration:none;color:inherit}.mini-list>a:last-child{border-bottom:0}.mini-list strong,.mini-list small{display:block}.mini-list small{color:#7d8999;margin-top:3px}.mini-value{font-weight:800;color:#1b5e91;white-space:nowrap}.empty.compact{padding:28px 10px}.segment-trigger-fields,.cooldown-fields{display:none}
@media(max-width:1100px){.pro-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.quick-ai{align-items:flex-start;flex-direction:column}.quick-ai-actions{justify-content:flex-start}}
@media(max-width:650px){.pro-metrics{grid-template-columns:1fr}.pro-metric{padding:14px}.dashboard-head{align-items:flex-start}.quick-ai-actions{display:grid;width:100%}.quick-ai-actions a{text-align:center}}

/* =========================================================
   MDS MARKETING 2.0 · SIMPLE / METATRAFIC
   ========================================================= */
:root{--blue:#024DF7;--blue2:#003bc5;--yellow:#FCEC2C;--ink:#0b1220;--muted:#677386;--bg:#f5f7fb;--line:#e5eaf1;--card:#fff;--radius:16px;--green:#0f9f5b;--red:#c5303a}
body{background:var(--bg);color:var(--ink)}.sidebar{background:#071637}.brand-mark{background:var(--blue);box-shadow:0 9px 24px rgba(2,77,247,.25)}.sidebar nav a.active{background:#102857;box-shadow:inset 3px 0 0 var(--yellow);color:#fff}.sidebar nav a:hover{background:#0e244d}.sidebar-section-label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#7081a6;font-weight:900;padding:12px 12px 7px}.sidebar-section-label.system{margin-top:12px}.nav-icon{width:20px!important;height:20px;display:grid!important;place-items:center}.nav-icon svg{width:18px;height:18px;fill:currentColor}.sidebar-user{align-items:center;gap:8px}.sidebar-user>div{min-width:0;flex:1}.sidebar-user strong,.sidebar-user small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-avatar{width:32px;height:32px;border-radius:9px;background:var(--yellow);color:#111;display:grid;place-items:center;font-weight:900}.logout{font-size:18px}.topbar{height:70px}.topbar-store{display:flex;align-items:center;gap:10px;flex:1}.topbar-store div{display:flex;flex-direction:column}.topbar-caption{font-size:10px;color:#8a94a5;text-transform:uppercase;letter-spacing:.07em;font-weight:800}.store-status{width:9px;height:9px;border-radius:50%;background:#b4bdca}.store-status.online{background:#16a565;box-shadow:0 0 0 4px #e8f8f0}.topbar-actions{display:flex;align-items:center;gap:9px}.page-head h1{font-size:31px;font-weight:900}.eyebrow{text-transform:uppercase;color:var(--blue);font-weight:900;font-size:10px;letter-spacing:.12em;margin-bottom:7px}.card{border-color:var(--line);border-radius:16px;box-shadow:0 4px 20px rgba(25,42,70,.035)}.btn-primary{background:var(--blue);border-color:var(--blue)}.btn-primary:hover{background:var(--blue2)}.btn-yellow{background:var(--yellow);border-color:var(--yellow);color:#111}.btn-yellow:hover{background:#f4e319}.btn-lg{padding:12px 17px;font-size:14px}.badge.blue{background:#eaf0ff;color:#024DF7}.input-suffix{display:grid;grid-template-columns:1fr auto;align-items:stretch}.input-suffix input{border-radius:9px 0 0 9px}.input-suffix span{display:flex;align-items:center;padding:0 10px;border:1px solid #d9dee7;border-left:0;border-radius:0 9px 9px 0;color:var(--muted);background:#f8fafc;font-size:12px}.copy-field{display:grid;grid-template-columns:1fr auto;gap:8px}.copy-field code{display:flex;align-items:center;padding:10px 12px;border-radius:9px;background:#f5f7fb;border:1px solid var(--line);overflow:auto}.toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.toggle input{display:none}.toggle>span{width:38px;height:22px;border-radius:999px;background:#cbd3df;position:relative;transition:.2s}.toggle>span:after{content:"";width:16px;height:16px;background:#fff;border-radius:50%;position:absolute;left:3px;top:3px;transition:.2s;box-shadow:0 1px 4px #0002}.toggle input:checked+span{background:var(--blue)}.toggle input:checked+span:after{left:19px}.toggle b{font-size:12px}.toggle.compact>span{width:34px;height:20px}.toggle.compact>span:after{width:14px;height:14px}.toggle.compact input:checked+span:after{left:17px}.switch-row{display:flex;gap:10px;align-items:flex-start;padding:10px 0}.switch-row input{width:auto;margin-top:3px}.switch-row span{display:flex;flex-direction:column;gap:3px}.switch-row small{font-weight:400;color:var(--muted)}.status-chip{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:850;background:#f2f4f7;color:#667085}.status-chip.on{background:#e9f8ef;color:#16804d}.status-chip.off{background:#f3f4f6;color:#7a8494}.sticky-save{position:sticky;bottom:12px;background:rgba(245,247,251,.9);padding:12px;border-radius:14px;backdrop-filter:blur(9px);z-index:10;border:1px solid rgba(229,234,241,.7)}
/* dashboard */
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.kpi-card{display:flex;flex-direction:column;gap:6px;padding:18px}.kpi-card .kpi-label{font-size:12px;color:var(--muted);font-weight:750}.kpi-card strong{font-size:29px;letter-spacing:-.035em}.kpi-card small{color:#8892a2}.kpi-card.featured{background:linear-gradient(135deg,var(--blue),#0036b8);color:white;border-color:transparent}.kpi-card.featured .kpi-label,.kpi-card.featured small{color:#d9e4ff}.dashboard-main-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.75fr);gap:16px}.sales-chart{height:240px;display:flex;align-items:flex-end;gap:8px;padding:20px 3px 2px}.sales-bar-wrap{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}.sales-bar{width:72%;min-width:7px;border-radius:5px 5px 1px 1px;background:var(--blue);min-height:2px}.sales-bar-wrap small{font-size:9px;color:#929bad}.health-simple{display:grid;gap:7px}.health-simple>a,.health-simple>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid #eef1f5;border-radius:11px;text-decoration:none;color:inherit}.health-simple strong,.health-simple span{display:block}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.quick-grid>a,.quick-grid>.card{text-decoration:none;color:inherit;padding:18px}.quick-grid>a:hover{border-color:#c5d4ff;transform:translateY(-1px)}.quick-icon{width:35px;height:35px;border-radius:10px;background:#edf2ff;color:var(--blue);display:grid;place-items:center;font-weight:900;margin-bottom:10px}.quick-grid h2,.quick-grid h3{margin:0 0 5px}.help-grid p{color:var(--muted);line-height:1.55}.simple-steps{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.simple-steps span{padding:10px 13px;background:#f3f6fb;border-radius:10px;font-weight:750}.simple-steps b{color:var(--blue)}
/* abandoned */
.sequence{max-width:760px;margin:20px auto}.sequence-start,.flow-end-card{text-align:center;font-weight:850;background:#edf2ff;color:var(--blue);border:1px solid #d9e4ff;border-radius:12px;padding:12px}.sequence-line,.flow-connector{height:30px;display:grid;place-items:center}.sequence-line:after,.flow-connector:after{content:"";height:30px;width:2px;background:#cad3e0}.sequence-email,.flow-email-card,.flow-trigger-card{position:relative}.step-number{width:30px;height:30px;border-radius:9px;background:#edf2ff;color:var(--blue);font-weight:900;display:grid;place-items:center;position:absolute;left:14px;top:14px}.step-number.brand{background:var(--yellow);color:#111}.sequence-email-body,.flow-email-body,.flow-trigger-body{padding-left:42px}.delay-grid{display:grid;grid-template-columns:1fr 110px;gap:7px}
/* automations */
.flow-simple{max-width:820px;margin-left:auto;margin-right:auto}.flow-trigger-card{border-top:4px solid var(--yellow)}.flow-trigger-body label:first-child{font-size:10px;color:var(--blue);letter-spacing:.1em}.trigger-help{font-size:12px;color:var(--muted);margin:8px 0}.trigger-fields{margin-top:13px;padding:13px;background:#f7f9fc;border-radius:10px}.automation-list,.capture-list,.campaign-list{display:grid;gap:8px}.automation-row,.capture-row,.campaign-row{display:flex;align-items:center;gap:13px;padding:13px;border:1px solid #edf0f4;border-radius:12px}.automation-icon,.capture-icon{width:38px;height:38px;flex:0 0 auto;border-radius:11px;background:#edf2ff;color:var(--blue);display:grid;place-items:center;font-weight:900}.automation-main,.capture-main,.campaign-main{min-width:0;flex:1}.automation-main strong,.automation-main span,.capture-main strong,.capture-main span,.capture-main small,.campaign-main strong,.campaign-main span{display:block}.automation-main span,.capture-main span,.capture-main small,.campaign-main span{color:var(--muted);font-size:12px;margin-top:3px}
/* newsletter */
.newsletter-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.newsletter-summary .card strong{display:block;font-size:24px;margin-top:4px}.campaign-editor{max-width:1050px}.campaign-steps{display:flex;gap:7px;margin:8px 0 20px}.step-pill{padding:6px 10px;border-radius:999px;background:#eef2f7;color:#667085;font-size:11px;font-weight:800}.step-pill.active{background:#edf2ff;color:var(--blue)}.inline-action{display:flex;gap:7px;align-items:center}.inline-action input{min-width:220px}.campaign-stat{min-width:75px;text-align:right}.modal-wide{width:min(980px,96vw)}.preview-device{background:#edf0f4;padding:18px;border-radius:12px;display:flex;justify-content:center}.preview-device iframe{transition:width .2s;max-width:100%}
/* capture */
.capture-grid{display:grid;grid-template-columns:minmax(420px,.95fr) minmax(420px,1.05fr);gap:16px;align-items:start}.capture-preview-panel{position:sticky;top:88px}.capture-preview-wrap{background:#eef1f6;padding:28px;border-radius:13px;min-height:360px;display:grid;place-items:center}.capture-demo{width:min(100%,760px);border-radius:14px;padding:28px;display:grid;gap:24px;box-shadow:0 12px 35px rgba(14,31,65,.12);font-family:inherit}.capture-demo.horizontal{grid-template-columns:.8fr 1.2fr;align-items:center}.capture-demo.blue{background:#024DF7;color:#fff}.capture-demo.light{background:#fff;color:#111827}.capture-demo.yellow{background:#FCEC2C;color:#111827}.capture-demo h3{margin:0 0 8px;font-size:25px}.capture-demo p{margin:0;opacity:.88;line-height:1.5}.capture-demo-form{display:flex;gap:8px}.capture-demo-form input{background:#fff;color:#111827;border-color:#d7dce5}.capture-demo-form button{border:0;border-radius:9px;padding:11px 16px;font-weight:850;cursor:pointer}.capture-demo.blue button{background:#FCEC2C;color:#111}.capture-demo.light button,.capture-demo.yellow button{background:#024DF7;color:#fff}.capture-demo label{color:inherit;font-size:10px;margin-top:8px;display:flex;gap:5px;opacity:.85}.capture-demo label input{width:auto}.capture-diagnostic{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.capture-row .actions form,.automation-row .actions form{display:inline-flex}.marker-help small{display:block;color:var(--muted);margin-top:7px;line-height:1.5}
/* email editor */
.email-editor-page{display:grid;gap:12px}.email-editor-header{display:flex;align-items:end;justify-content:space-between;gap:16px}.email-editor-header .form-row{flex:1;max-width:760px}.email-editor-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.rich-toolbar{position:sticky;top:70px;z-index:25;background:#fff;border:1px solid var(--line);border-radius:12px;padding:7px;display:flex;align-items:center;gap:4px;box-shadow:0 5px 20px rgba(15,23,42,.06);overflow:auto}.rich-toolbar button,.rich-toolbar select,.toolbar-color{width:auto;min-width:32px;height:34px;padding:6px 8px;border:1px solid transparent;border-radius:7px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer}.rich-toolbar button:hover,.rich-toolbar select:hover,.toolbar-color:hover{background:#f3f6fb;border-color:#e4e9f0}.toolbar-sep{height:24px;width:1px;background:#e2e7ee;margin:0 3px}.toolbar-color{position:relative;font-weight:900}.toolbar-color input{position:absolute;inset:0;opacity:0;cursor:pointer}.email-workspace{display:grid;grid-template-columns:190px minmax(500px,1fr) 280px;gap:14px;align-items:start}.email-block-library,.email-inspector{position:sticky;top:122px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;max-height:calc(100vh - 145px);overflow:auto}.library-title{text-transform:uppercase;font-size:9px;letter-spacing:.11em;color:#94a3b8;font-weight:900;margin:7px 3px}.email-block-library>button{width:100%;display:flex;gap:9px;align-items:center;text-align:left;border:1px solid #edf0f4;background:#fff;border-radius:9px;padding:8px;margin-bottom:5px;cursor:pointer}.email-block-library>button:hover{border-color:#c8d7ff;background:#f8faff}.email-block-library>button>span{width:27px;height:27px;border-radius:8px;background:#edf2ff;color:var(--blue);display:grid;place-items:center;font-weight:900}.email-block-library strong,.email-block-library small{display:block}.email-block-library small{color:var(--muted);font-size:9px;margin-top:2px}.email-builder-stage{padding:28px;min-height:680px;border-radius:14px;background:#e9edf4}.email-document{width:100%;margin:auto;padding:32px 36px;box-shadow:0 10px 40px rgba(9,22,47,.1)}.eb-block{position:relative;padding:10px;margin:3px -10px;border:1px solid transparent;border-radius:9px}.eb-block:hover,.eb-block.selected{border-color:#aac4ff;background:rgba(244,248,255,.62)}.eb-block-tools{position:absolute;right:5px;top:-13px;display:none;background:#fff;border:1px solid #dfe5ee;border-radius:7px;box-shadow:0 5px 16px #0001;overflow:hidden;z-index:5}.eb-block:hover .eb-block-tools,.eb-block.selected .eb-block-tools{display:flex}.eb-block-tools button{border:0;background:#fff;padding:5px 7px;cursor:pointer}.eb-block-tools button:hover{background:#f2f5f9}.eb-heading{font-weight:900;line-height:1.15;outline:none}.eb-rich{font-size:16px;line-height:1.65;outline:none}.eb-rich p{margin:0 0 12px}.eb-preview-button{display:inline-block;font-weight:850}.eb-image-placeholder{height:130px;border:2px dashed #cbd4e2;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8691a3;gap:5px}.eb-image-placeholder strong{color:#465266}.eb-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.eb-columns>div{outline:none;min-height:55px}.eb-divider{border:0;border-top:1px solid #dce2eb}.eb-spacer{background:repeating-linear-gradient(45deg,#f8fafc,#f8fafc 5px,#f2f5f9 5px,#f2f5f9 10px);display:grid;place-items:center;color:#98a2b3;font-size:10px;border-radius:5px}.eb-commerce{border:1px solid #eef1f5;border-radius:10px;padding:14px}.eb-product-row{display:flex;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid #eef1f5}.eb-product-row:last-child{border-bottom:0}.eb-product-row>div{width:45px;height:45px;border-radius:7px;background:#edf1f6}.eb-product-row p{margin:0;font-size:13px}.eb-product-row small{color:var(--muted)}.eb-coupon{padding:17px;border:1px dashed var(--blue);border-radius:10px;text-align:center}.eb-coupon>*{display:block}.eb-coupon strong{font:900 26px ui-monospace,monospace;margin:5px}.eb-social{color:var(--blue);font-weight:800;font-size:13px}.inspector-head{display:flex;flex-direction:column;margin:2px 0 13px}.inspector-head small{color:var(--muted);margin-top:2px}.inspector-tip{padding:10px;background:#fffbea;border:1px solid #f4e788;border-radius:9px;font-size:11px;line-height:1.5}.email-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.email-template-card{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#fff}.email-template-thumb{height:175px;background:#edf0f4;overflow:hidden}.email-template-thumb iframe{width:700px;height:700px;border:0;transform:scale(.38);transform-origin:0 0;pointer-events:none}.email-template-info{padding:13px}.email-template-info>strong,.email-template-info>span,.email-template-info>small{display:block}.email-template-info>span{margin-top:3px}.email-template-info>small{color:var(--muted);margin:5px 0 10px}.email-template-info form{display:inline-flex}
/* settings */
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.settings-card-head{display:flex;gap:12px;margin-bottom:16px}.settings-icon{width:39px;height:39px;border-radius:11px;background:#edf2ff;color:var(--blue);display:grid;place-items:center;font-weight:900}.settings-card-head h2{margin:0}.settings-card-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.inline-test{display:flex;align-items:end;gap:8px}.inline-test .field{flex:1;margin:0}.brand-preview{display:flex;align-items:center;gap:8px;margin:15px 0}.brand-swatch{width:38px;height:38px;border-radius:10px;border:1px solid #e1e5eb}.brand-swatch.blue{background:#024DF7}.brand-swatch.yellow{background:#FCEC2C}.brand-preview div{display:flex;flex-direction:column;margin-left:5px}.brand-preview small{color:var(--muted);margin-top:3px}
@media(max-width:1250px){.email-workspace{grid-template-columns:170px 1fr}.email-inspector{grid-column:1/-1;position:static;max-height:none}.capture-grid,.dashboard-main-grid{grid-template-columns:1fr}.capture-preview-panel{position:static}.kpi-grid,.quick-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.email-workspace{grid-template-columns:1fr}.email-block-library{position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:5px;max-height:none}.library-title{grid-column:1/-1}.email-editor-header{align-items:stretch;flex-direction:column}.rich-toolbar{top:66px}.newsletter-summary,.settings-grid{grid-template-columns:1fr}.automation-row,.capture-row,.campaign-row{align-items:flex-start;flex-wrap:wrap}.automation-row .actions,.capture-row .actions{width:100%;justify-content:flex-end}}
@media(max-width:650px){.kpi-grid,.quick-grid{grid-template-columns:1fr}.capture-demo.horizontal{grid-template-columns:1fr}.capture-demo-form{display:block}.capture-demo-form button{width:100%;margin-top:7px}.email-block-library{grid-template-columns:1fr 1fr}.email-builder-stage{padding:10px}.email-document{padding:18px}.email-editor-actions,.inline-action{align-items:stretch;flex-direction:column}.inline-action input{min-width:0}.rich-toolbar{top:64px}.settings-grid{grid-template-columns:1fr}}
.kpi-card{background:#fff;border:1px solid var(--line);border-radius:16px;color:inherit;text-decoration:none;box-shadow:0 4px 20px rgba(25,42,70,.035)}.kpi-card>div{display:flex;flex-direction:column}.kpi-card>div>small{font-weight:750}.kpi-card>div>em{font-style:normal;color:var(--muted);font-size:11px;margin-top:3px}.kpi-icon{width:34px;height:34px;border-radius:10px;background:#edf2ff;color:var(--blue);display:grid;place-items:center;font-weight:900;margin-bottom:3px}.kpi-card.static{display:flex}.health-bullet{width:10px;height:10px;border-radius:50%;background:#d0d6df;flex:0 0 auto}.health-bullet.ok{background:#15a365}.health-simple>a{display:grid;grid-template-columns:auto 1fr auto}.quick-grid>a{background:#fff;border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;gap:5px}.quick-grid>a>strong{color:var(--ink)}.quick-grid>a>span{color:var(--muted);font-size:11px;line-height:1.45}.newsletter-summary{margin-bottom:16px}.newsletter-summary>div,.newsletter-summary>a{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;text-decoration:none;color:inherit}.newsletter-summary>div strong{display:block;font-size:26px}.newsletter-summary>div span,.newsletter-summary>a{color:var(--muted);font-size:12px}.campaign-steps{display:block}.campaign-steps section{padding:17px 0;border-bottom:1px solid var(--line)}.campaign-steps section:last-child{border-bottom:0}.sequence-start,.sequence-end{display:flex;align-items:center;justify-content:center;gap:9px;padding:13px;border-radius:12px;background:#edf2ff;color:#024DF7;font-weight:850}.sequence-start div{display:flex;flex-direction:column}.sequence-start small{font-weight:500;color:#677386}.sequence-email-head{display:flex;align-items:center;gap:11px;margin-bottom:15px}.sequence-email-head .step-number{position:static}.sequence-email-head>div:nth-child(2){display:flex;flex-direction:column;flex:1}.sequence-email-head small{color:var(--muted);margin-top:2px}.narrow{max-width:320px}

.eb-cart-button-wrap .eb-variable-note{display:block;margin-top:8px;font-size:10px;color:#7a8798}.email-inspector code{background:#eef4ff;color:#12337a;border-radius:5px;padding:2px 5px;font-size:10px}

/* --- capture form responsive controls 2.0.2 --- */
.section-subtitle{font-size:13px;font-weight:800;color:#334155;margin:2px 0 14px;text-transform:uppercase;letter-spacing:.04em}
.palette-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.palette-grid .field{margin-bottom:0}
.palette-grid input[type=color]{height:44px;padding:4px;border-radius:10px}
.preview-switcher{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.preview-switcher .btn.is-active{background:var(--blue);border-color:var(--blue);color:#fff}
.capture-preview-frame{width:100%;display:flex;justify-content:center;transition:all .2s ease}
.capture-preview-frame.desktop{max-width:100%}
.capture-preview-frame.tablet{max-width:820px}
.capture-preview-frame.mobile{max-width:390px}
.capture-preview-frame.mobile .capture-demo,.capture-preview-frame.tablet .capture-demo{width:100%}
.capture-preview-wrap{overflow:auto}
.capture-demo{width:min(100%,900px);border-radius:18px;padding:32px 48px;display:grid;gap:28px;box-shadow:0 12px 35px rgba(14,31,65,.12);font-family:inherit;border:0;min-height:0}
.capture-demo.horizontal{grid-template-columns:minmax(0,.95fr) minmax(250px,1.05fr);align-items:center}
.capture-demo.stacked{grid-template-columns:1fr}
.capture-demo h3{margin:0 0 10px;font-size:clamp(22px,2.5vw,46px);line-height:1.1}
.capture-demo p{margin:0;opacity:.88;line-height:1.6}
.capture-demo-form{display:flex;flex-wrap:wrap;gap:10px}
.capture-demo-form input{flex:1 1 220px;min-width:0;background:#fff;color:#111827;border:1px solid #d7dce5;border-radius:12px;padding:12px 14px}
.capture-demo-form button{border:0;border-radius:12px;padding:11px 16px;font-weight:850;cursor:pointer;min-height:46px}
.capture-demo label{color:inherit;font-size:11px;margin-top:10px;display:flex;gap:6px;opacity:.85;align-items:flex-start}
.capture-demo label input{width:auto;flex:0 0 auto;margin-top:2px}
@media(max-width:1250px){.palette-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.palette-grid,.form-row-3{grid-template-columns:1fr}.capture-demo.horizontal{grid-template-columns:1fr}.capture-demo{padding:24px 22px}}
@media(max-width:650px){.capture-preview-frame.mobile,.capture-preview-frame.tablet,.capture-preview-frame.desktop{max-width:100%}.capture-demo{padding:20px 16px}.capture-demo-form{display:block}.capture-demo-form input{width:100%}.capture-demo-form button{width:100%;margin-top:8px}}