:root{--bg:#f7f9fc;--panel:#fff;--text:#0f172a;--muted:#64748b;--line:#e5e7eb;--blue:#2563eb;--violet:#a21caf;--grad:linear-gradient(135deg,#2563eb,#a21caf);--shadow:0 20px 60px rgba(15,23,42,.08);--radius:18px}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 36px));margin:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:12px 18px;font-weight:700;cursor:pointer;background:#fff;color:#111827;border:1px solid var(--line);font-size:14px}.btn.primary{background:var(--grad);color:#fff;border:0}.btn.small{padding:8px 11px;font-size:12px;border-radius:10px}.btn.danger{background:#fee2e2;color:#991b1b;border-color:#fecaca}.btn.green{background:#dcfce7;color:#166534;border-color:#bbf7d0}input,select,textarea{width:100%;border:1px solid #cfd7e3;background:#fff;border-radius:12px;padding:12px 14px;font-size:14px;outline:none}input:focus,select:focus,textarea:focus{border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.12)}label{display:block;font-size:13px;font-weight:700;margin:0 0 7px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-row{margin-bottom:14px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.pad{padding:24px}.muted{color:var(--muted)}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:700;background:#eef2ff;color:#4f46e5}.badge.red{background:#fee2e2;color:#991b1b}.badge.green{background:#dcfce7;color:#166534}.badge.gray{background:#f1f5f9;color:#475569}.top{height:70px;background:rgba(255,255,255,.8);backdrop-filter:blur(15px);border-bottom:1px solid #eef2f7;position:sticky;top:0;z-index:5}.top .container{height:100%;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:10px;font-weight:900;color:#5b35ff}.logo-icon{width:36px;height:36px;border-radius:12px;background:var(--grad);display:grid;place-items:center;color:#fff}.nav{display:flex;gap:30px;font-size:14px;color:#475569}.hero{padding:80px 0 70px;text-align:center;background:radial-gradient(circle at 20% 20%,rgba(37,99,235,.10),transparent 30%),radial-gradient(circle at 80% 20%,rgba(162,28,175,.10),transparent 30%),#fff}.pill{display:inline-flex;gap:8px;align-items:center;padding:8px 14px;border-radius:999px;background:#eef2ff;color:#2563eb;font-weight:800;font-size:13px}.hero h1{font-size:clamp(38px,6vw,72px);line-height:1.08;margin:26px 0 20px;font-weight:950}.gradient-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:18px;line-height:1.7;color:#64748b;max-width:750px;margin:0 auto 30px}.hero-preview{max-width:740px;height:330px;margin:60px auto 0;padding:22px;border-radius:18px;background:#fff;box-shadow:0 30px 80px rgba(15,23,42,.16)}.preview-inner{height:100%;border-radius:14px;background:linear-gradient(135deg,#dbeafe,#f3e8ff);display:grid;place-items:center;color:#2563eb}.section{padding:80px 0}.section.alt{background:#f4f7fb}.section-title{text-align:center;margin-bottom:45px}.section-title h2{font-size:34px;margin:0 0 12px}.grid{display:grid;gap:22px}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-4{grid-template-columns:repeat(4,1fr)}.feature{padding:24px}.feature-icon{width:42px;height:42px;border-radius:12px;background:var(--grad);color:#fff;display:grid;place-items:center;font-weight:900;margin-bottom:16px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}.stat-num{font-size:34px;font-weight:950;color:#6d35ff}.cta{background:var(--grad);color:#fff}.cta .card{max-width:620px;margin:auto;padding:28px}.footer{background:#0f172a;color:#cbd5e1;padding:50px 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,rgba(37,99,235,.10),transparent 30%),#f8fafc;padding:30px}.login-card{width:min(520px,100%);padding:42px}.login-card .logo-icon{width:84px;height:84px;border-radius:22px;margin:0 auto 22px;font-size:34px}.login-card h1{text-align:center;font-size:34px;margin:0 0 8px}.login-card p{text-align:center}.back-link{position:absolute;top:24px;left:50%;transform:translateX(-50%);color:#475569}.app{display:flex;min-height:100vh}.sidebar{width:280px;background:#fff;border-right:1px solid var(--line);position:fixed;left:0;top:0;bottom:0;display:flex;flex-direction:column;z-index:4}.sidebar .logo{height:76px;padding:0 24px;border-bottom:1px solid var(--line)}.menu{padding:16px 12px;overflow:auto;flex:1}.menu a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;color:#334155;font-weight:700;margin-bottom:4px}.menu a.active,.menu a:hover{background:#f1f5ff;color:#4f46e5}.side-user{border-top:1px solid var(--line);padding:18px 22px;display:flex;align-items:center;gap:12px}.avatar{width:42px;height:42px;border-radius:50%;background:var(--grad);color:#fff;display:grid;place-items:center;font-weight:900}.main{margin-left:280px;flex:1;min-width:0}.admin-top{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:3}.search{max-width:420px}.content{padding:28px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:22px;gap:20px}.page-head h1{margin:0 0 8px;font-size:30px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}.metric{padding:22px}.metric .n{font-size:30px;font-weight:950;margin-bottom:4px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:14px;border-bottom:1px solid #eef2f7;text-align:left;font-size:14px;vertical-align:top}.table th{color:#64748b;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.actions{display:flex;gap:8px;flex-wrap:wrap}.split{display:grid;grid-template-columns:1fr 420px;gap:22px}.builder{display:grid;grid-template-columns:220px 1fr 280px;gap:18px}.block-list button{width:100%;margin-bottom:8px;text-align:left}.email-canvas{background:#f1f5f9;padding:22px;border-radius:18px;min-height:520px}.email-paper{max-width:620px;margin:auto;background:#fff;border-radius:18px;padding:28px;box-shadow:0 10px 30px rgba(15,23,42,.08)}.alert{padding:12px 14px;border-radius:12px;margin-bottom:16px}.alert.ok{background:#dcfce7;color:#166534}.alert.err{background:#fee2e2;color:#991b1b}.chart{height:260px;background:linear-gradient(180deg,#fff,#f8fafc);border:1px dashed #dbe3ef;border-radius:16px;display:flex;align-items:end;gap:18px;padding:28px}.bar{flex:1;background:var(--grad);border-radius:10px 10px 0 0;min-height:30px}.line{height:260px;border-radius:16px;background:linear-gradient(135deg,#eff6ff,#faf5ff);display:grid;place-items:center;color:#64748b}.hidden-mobile{display:initial}@media(max-width:1000px){.grid.cols-3,.grid.cols-4,.stats,.cards{grid-template-columns:repeat(2,1fr)}.split,.builder{grid-template-columns:1fr}.sidebar{width:78px}.sidebar .logo span,.menu span,.side-user div:last-child{display:none}.main{margin-left:78px}.nav{display:none}}@media(max-width:640px){.container{width:min(100% - 24px,1180px)}.grid.cols-3,.grid.cols-4,.stats,.cards,.form-grid{grid-template-columns:1fr}.sidebar{display:none}.main{margin-left:0}.admin-top{padding:0 16px}.content{padding:18px}.hero-preview{height:230px}.footer-grid{grid-template-columns:1fr}.hero h1{font-size:38px}}

/* Figma restore patch: closer to original EmailFlow SaaS UI */
:root{--bg:#f8fafc;--panel:#ffffff;--text:#0f172a;--muted:#64748b;--line:#e2e8f0;--blue:#2563eb;--violet:#7c3aed;--purple:#9333ea;--grad:linear-gradient(135deg,#2563eb 0%,#7c3aed 55%,#9333ea 100%);--shadow:0 10px 30px rgba(15,23,42,.06);--shadow-lg:0 25px 70px rgba(37,99,235,.16);--radius:16px}body{background:#f8fafc;color:#0f172a}.top{background:rgba(255,255,255,.86);box-shadow:0 1px 0 rgba(226,232,240,.75)}.logo{font-size:20px}.logo-icon{background:var(--grad);box-shadow:0 12px 26px rgba(124,58,237,.25)}.logo-icon .nav-svg{width:21px;height:21px;stroke:#fff}.nav-svg{display:inline-flex;width:20px;height:20px;flex:0 0 20px}.nav-svg svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.hero{background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:-140px -80px auto auto;width:420px;height:420px;border-radius:50%;background:rgba(124,58,237,.12);filter:blur(20px)}.hero:after{content:"";position:absolute;left:-100px;top:80px;width:360px;height:360px;border-radius:50%;background:rgba(37,99,235,.10);filter:blur(20px)}.hero>.container{position:relative;z-index:1}.hero-preview{background:#fff;border:1px solid #e2e8f0;box-shadow:0 30px 90px rgba(15,23,42,.14);transform:perspective(1100px) rotateX(2deg)}.preview-inner{background:linear-gradient(135deg,#eff6ff 0%,#faf5ff 100%)}.card{box-shadow:var(--shadow);border:1px solid #e8eef7}.feature{transition:.2s}.feature:hover{transform:translateY(-3px);box-shadow:0 16px 45px rgba(15,23,42,.09)}.sidebar{width:272px;background:#fff;border-right:1px solid #e2e8f0}.sidebar .logo{height:72px}.menu a{font-size:14px;border-radius:12px;color:#475569;padding:11px 14px;transition:.15s}.menu a .nav-svg{color:#64748b}.menu a.active{background:linear-gradient(90deg,rgba(37,99,235,.11),rgba(124,58,237,.09));color:#2563eb}.menu a.active .nav-svg{color:#2563eb}.menu a:hover{background:#f8fafc;color:#2563eb}.admin-top{height:72px;background:rgba(255,255,255,.95);backdrop-filter:blur(10px)}.search{background:#f8fafc;border-color:#e2e8f0;border-radius:14px;padding-left:42px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:14px center}.content{padding:32px}.page-head h1{font-size:32px;font-weight:850;letter-spacing:-.03em}.cards{gap:20px}.metric{padding:24px;position:relative;overflow:hidden}.metric:after{content:"";position:absolute;right:-28px;top:-28px;width:96px;height:96px;border-radius:50%;background:linear-gradient(135deg,rgba(37,99,235,.13),rgba(124,58,237,.10))}.metric .n{font-size:31px;letter-spacing:-.04em}.table th{background:#f8fafc;color:#64748b}.table tr:hover td{background:#fcfdff}.badge{border:1px solid transparent}.builder{grid-template-columns:240px minmax(360px,1fr) 300px}.email-canvas{background:linear-gradient(135deg,#eef2ff,#faf5ff);border:1px dashed #c7d2fe}.email-paper{box-shadow:0 18px 55px rgba(15,23,42,.13)}.smtp-check-panel{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;background:linear-gradient(135deg,#fff,#f8fbff)}.check-list{display:flex;gap:8px;flex-wrap:wrap}.smtp-actions{display:grid;gap:8px;min-width:260px}.inline-test{display:flex;gap:8px}.inline-test input{min-width:150px;padding:8px 10px;border-radius:10px}.inline-test .btn{white-space:nowrap}.btn.primary{background:var(--grad);box-shadow:0 12px 24px rgba(37,99,235,.18)}.btn.primary:hover{filter:brightness(.98);transform:translateY(-1px)}.btn{transition:.15s}.avatar{background:var(--grad);box-shadow:0 8px 20px rgba(124,58,237,.22)}@media(max-width:1000px){.sidebar{width:84px}.main{margin-left:84px}.menu a{justify-content:center}.menu a .nav-svg{width:23px;height:23px}.smtp-check-panel{display:block}.inline-test{display:grid}}@media(max-width:640px){.top .actions{display:none}.content{padding:18px}.admin-top .actions b{display:none}.search{max-width:220px}.hero-preview{transform:none}.smtp-actions{min-width:0}}

/* Dashboard restored close to original Figma screen */
.dash-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-bottom:28px}.dash-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:28px 26px;min-height:142px;transition:.18s;box-shadow:0 1px 2px rgba(15,23,42,.02)}.dash-card:hover{box-shadow:0 14px 35px rgba(15,23,42,.08);transform:translateY(-2px)}.dash-card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.dash-icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;color:#fff;box-shadow:0 12px 26px rgba(15,23,42,.12)}.dash-icon .nav-svg{width:26px;height:26px;color:#fff}.dash-icon.blue{background:linear-gradient(135deg,#2563eb,#3b82f6)}.dash-icon.green{background:linear-gradient(135deg,#16a34a,#22c55e)}.dash-icon.purple{background:linear-gradient(135deg,#7c3aed,#c026d3)}.dash-icon.orange{background:linear-gradient(135deg,#f97316,#ea580c)}.dash-icon.red{background:linear-gradient(135deg,#ef4444,#e11d48)}.dash-icon.indigo{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.dash-icon.teal{background:linear-gradient(135deg,#14b8a6,#0d9488)}.trend{font-weight:800;font-size:15px}.trend.up{color:#16a34a}.trend.down{color:#ef4444}.dash-value{font-size:31px;font-weight:950;letter-spacing:-.04em;color:#0f172a;line-height:1}.dash-label{color:#475569;margin-top:10px;font-size:16px}.dash-grid.two{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.dash-panel{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:28px;box-shadow:0 1px 2px rgba(15,23,42,.02)}.dash-panel h2{font-size:23px;margin:0 0 22px;color:#0f172a;letter-spacing:-.02em}.line-chart{height:330px;position:relative}.line-chart svg{width:100%;height:280px}.line-chart text{fill:#64748b;font-size:14px;text-anchor:middle}.grid-lines line{stroke:#e5e7eb;stroke-dasharray:5 5}.line-blue,.line-purple{fill:none;stroke-width:4}.line-blue{stroke:#3b82f6}.line-purple{stroke:#8b5cf6}.dot-blue{fill:#3b82f6}.dot-purple{fill:#8b5cf6}.legend{display:flex;align-items:center;justify-content:center;gap:18px;color:#4f46e5;font-weight:600}.legend i{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:6px;vertical-align:-1px}.legend .blue{background:#3b82f6}.legend .purple{background:#8b5cf6}.legend .teal{background:#06b6d4}.bar-chart{height:300px;display:flex;gap:18px;align-items:flex-end;padding:10px 8px 0;border-left:2px solid #94a3b8;border-bottom:2px solid #94a3b8;background:repeating-linear-gradient(to top,transparent 0,transparent 58px,#edf2f7 60px)}.bar-item{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:10px;color:#64748b}.bar-col{width:100%;max-width:66px;border-radius:10px 10px 0 0;background:linear-gradient(180deg,#3b82f6,#8b5cf6);box-shadow:0 10px 20px rgba(59,130,246,.18)}.top-links{display:grid;grid-template-columns:220px 1fr;gap:28px;align-items:center;min-height:300px}.donut{width:200px;height:200px;border-radius:50%;background:conic-gradient(#3b82f6 0 30%,#8b5cf6 30% 55%,#06b6d4 55% 73%,#f59e0b 73% 86%,#6b7280 86% 100%);position:relative;margin:auto}.donut:after{content:"";position:absolute;inset:48px;border-radius:50%;background:#fff}.link-list p{display:flex;align-items:center;justify-content:space-between;margin:0;padding:12px 0;border-bottom:1px solid #f1f5f9}.link-list p b{font-size:14px}.link-list span{color:#64748b;font-weight:800}.campaign-bars{height:300px;display:grid;gap:14px}.campaign-row{display:grid;grid-template-columns:82px 1fr;align-items:end;gap:14px}.campaign-row>span{color:#475569;font-weight:700}.mini-bars{height:52px;display:flex;align-items:flex-end;gap:8px;border-bottom:1px solid #e5e7eb}.mini-bars i{width:22px;background:#3b82f6;border-radius:5px 5px 0 0}.mini-bars i.purple{background:#8b5cf6}.mini-bars i.teal{background:#06b6d4}.activity{margin-top:4px}.activity-row{display:flex;gap:14px;padding:15px 0;border-bottom:1px solid #f1f5f9}.activity-row:last-child{border-bottom:0}.activity-row>span{width:9px;height:9px;border-radius:50%;background:#22c55e;margin-top:8px;box-shadow:0 0 0 5px #dcfce7}.activity-row b{display:block;font-size:15px}.activity-row small{display:block;color:#64748b;margin-top:4px}.admin-top .actions>span:first-child{font-size:0;position:relative;width:22px;height:22px}.admin-top .actions>span:first-child:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23334155' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 8a6 6 0 0 0-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9'/%3E%3Cpath d='M13.73 21a2 2 0 0 1-3.46 0'/%3E%3C/svg%3E") center/contain no-repeat}.admin-top .actions>span:first-child:after{content:"";position:absolute;right:-1px;top:-3px;width:9px;height:9px;background:#ef4444;border-radius:50%;border:2px solid #fff}@media(max-width:1200px){.dash-cards{grid-template-columns:repeat(2,1fr)}.dash-grid.two{grid-template-columns:1fr}}@media(max-width:640px){.dash-cards{grid-template-columns:1fr}.dash-card{padding:22px}.top-links{grid-template-columns:1fr}.donut{width:180px;height:180px}.bar-chart{gap:8px}.dash-panel{padding:20px}}

/* Email Builder restored to original Figma layout */
.figma-builder-shell{display:grid;grid-template-columns:260px minmax(480px,1fr) 330px;min-height:calc(100vh - 165px);background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;overflow:hidden;box-shadow:0 1px 2px rgba(15,23,42,.03)}
.figma-blocks,.figma-settings{background:#fff;padding:18px;overflow:auto}.figma-blocks{border-right:1px solid #e5e7eb}.figma-settings{border-left:1px solid #e5e7eb}.figma-blocks h3,.figma-settings h3{margin:0 0 16px;font-size:18px;letter-spacing:-.02em}.figma-block-list{display:grid;gap:9px}.figma-block{width:100%;display:flex;align-items:center;gap:12px;border:0;background:#f8fafc;color:#334155;text-align:left;border-radius:12px;padding:10px 12px;cursor:pointer;transition:.16s}.figma-block:hover{background:linear-gradient(90deg,#eff6ff,#faf5ff);transform:translateX(2px)}.figma-block span{width:34px;height:34px;border-radius:10px;background:#fff;display:grid;place-items:center;color:#64748b;border:1px solid #eef2f7;transition:.16s}.figma-block:hover span{background:var(--grad);color:#fff;border-color:transparent}.figma-block span .nav-svg{width:18px;height:18px}.figma-block b{font-size:14px;font-weight:750}.variables-card{margin-top:20px;padding-top:16px;border-top:1px solid #eef2f7}.variables-card h4{margin:0 0 10px;font-size:14px}.variables-card button{display:block;width:100%;border:1px solid #dbeafe;background:#eff6ff;color:#2563eb;border-radius:10px;padding:8px 10px;margin-bottom:7px;text-align:left;font-family:ui-monospace,Menlo,monospace;font-weight:700;cursor:pointer}.variables-card button:hover{background:#dbeafe}.figma-preview-area{background:#f1f5f9;padding:22px;overflow:auto}.builder-toolbar{display:block;margin-bottom:18px}.builder-toolbar-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:18px 20px;box-shadow:0 8px 30px rgba(15,23,42,.06);overflow:hidden}.builder-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}.builder-field{min-width:0}.builder-field label{display:block;margin:0 0 8px;font-size:13px;font-weight:800;color:#475569}.builder-field input{width:100%;max-width:100%;box-sizing:border-box;height:48px;border-radius:14px;border:1px solid #dbe2ea;background:#fff;font-size:15px}.builder-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.builder-actions .btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;max-width:100%;padding:12px 18px;border-radius:14px;font-weight:800;white-space:normal;line-height:1.2;text-align:center}.builder-actions .btn.primary{padding-inline:22px}.figma-canvas{background:#f1f5f9;padding:20px;border-radius:0;min-height:620px}.figma-paper{max-width:680px;background:#fff;border-radius:14px;overflow:hidden;padding:0;box-shadow:0 18px 55px rgba(15,23,42,.16);border:1px solid #e5e7eb}.email-header-brand{background:linear-gradient(90deg,#2563eb,#9333ea);color:#fff;text-align:center;font-weight:900;font-size:24px;padding:24px}.preview-content{padding:34px}.email-footer-brand{background:#f8fafc;border-top:1px solid #e5e7eb;text-align:center;color:#64748b;font-size:13px;line-height:1.6;padding:22px}.email-footer-brand a{color:#2563eb}.builder-code{display:none;margin-top:16px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;min-height:240px}.builder-code.visible{display:block}.settings-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.icon-btn{border:0;background:#f8fafc;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:#64748b;cursor:pointer}.icon-btn.danger{color:#dc2626}.icon-btn .nav-svg{width:20px;height:20px}.settings-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:#f8fafc;border-radius:12px;padding:4px;margin-bottom:18px}.settings-tabs button{border:0;background:transparent;border-radius:9px;padding:9px 8px;font-weight:800;color:#64748b;cursor:pointer}.settings-tabs button.active{background:#fff;color:#2563eb;box-shadow:0 1px 4px rgba(15,23,42,.08)}.settings-pane{display:none}.settings-pane.active{display:block}.settings-pane label{margin-top:14px}.settings-pane textarea{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;min-height:230px}.color-row{display:grid;grid-template-columns:58px 1fr;gap:8px}.color-row input[type=color]{padding:3px;height:44px}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.saved-templates{margin-top:22px}.figma-builder-shell .btn.primary{min-height:44px}@media(max-width:1250px){.figma-builder-shell{grid-template-columns:230px minmax(380px,1fr)}.figma-settings{grid-column:1 / -1;border-left:0;border-top:1px solid #e5e7eb}.builder-fields{grid-template-columns:1fr}}@media(max-width:980px){.builder-fields{grid-template-columns:1fr}.builder-actions{display:grid;grid-template-columns:1fr 1fr}.builder-actions .btn{width:100%}}@media(max-width:760px){.figma-builder-shell{display:block}.figma-blocks,.figma-settings{max-height:none}.figma-preview-area{padding:12px}.preview-content{padding:22px}.builder-actions{display:grid;grid-template-columns:1fr}.builder-actions .btn{width:100%}.figma-paper{max-width:100%}}
.visual-edit-note{background:linear-gradient(135deg,#eff6ff,#faf5ff);border:1px solid #dbeafe;border-radius:14px;padding:13px 14px;margin-bottom:14px;color:#334155}.visual-edit-note b{display:block;color:#111827;margin-bottom:4px}.visual-edit-note p{margin:0;font-size:13px;line-height:1.45}.visual-editable-preview{outline:2px dashed #dbeafe;outline-offset:6px}.visual-editable-preview [data-visual-editable="1"]{min-height:18px;transition:outline .12s,box-shadow .12s,background .12s}.visual-editable-preview [data-visual-editable="1"]:hover{outline:1px dashed #8b5cf6;outline-offset:3px;background:rgba(239,246,255,.35)}.builder-selected{outline:2px solid #7c3aed!important;outline-offset:4px!important;box-shadow:0 0 0 6px rgba(124,58,237,.10)!important;background:rgba(245,243,255,.35)!important}.var-chip-preview{display:inline-block;padding:1px 7px;border-radius:999px;background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe;font-weight:700;font-size:.92em;white-space:nowrap}.builder-mini-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 12px}.btn.danger,.btn.small.danger{background:#fff;color:#dc2626;border-color:#fecaca}.btn.danger:hover,.btn.small.danger:hover{background:#fef2f2}.settings-pane textarea#selectedBlockEditor{min-height:120px;font-family:inherit;font-size:14px}.preview-content:focus{outline:2px solid #2563eb;outline-offset:8px}
.builder-upload-box{background:linear-gradient(135deg,#eff6ff,#faf5ff);border:1px dashed #93c5fd;border-radius:14px;padding:14px;margin:14px 0;color:#334155}.builder-upload-box b{display:block;color:#111827;margin-bottom:4px}.builder-upload-box input[type=file]{width:100%;background:#fff;border:1px solid #dbeafe;border-radius:12px;padding:10px;margin-top:8px}.upload-status{font-size:13px;margin-top:8px;color:#64748b}.upload-status.ok{color:#059669;font-weight:700}.upload-status.err{color:#dc2626;font-weight:700}.preview-content img.builder-selected,.preview-content img:hover{outline:2px solid #7c3aed!important;outline-offset:4px!important;box-shadow:0 0 0 6px rgba(124,58,237,.10)!important}.builder-image-actions{display:grid;grid-template-columns:1fr;gap:8px}
.style-segment{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.style-segment button{border:1px solid #dbeafe;background:#fff;color:#334155;border-radius:10px;padding:9px 8px;font-weight:800;cursor:pointer}.style-segment button:hover{background:linear-gradient(90deg,#eff6ff,#faf5ff);color:#2563eb}.upload-status.ok{background:#ecfdf5;border-color:#bbf7d0;color:#166534}.upload-status.err{background:#fef2f2;border-color:#fecaca;color:#991b1b}

.style-divider{height:1px;background:#e5e7eb;margin:14px 0}.email-header-brand[data-visual-editable="1"],.email-footer-brand[data-visual-editable="1"]{cursor:pointer}.theme-color-hint{font-size:12px;color:#64748b}
#blockImageUploadBox{opacity:.72}
#blockImageUploadBox.active{opacity:1;border-color:#7c3aed;background:linear-gradient(135deg,#eef2ff,#faf5ff)}
#builderImageUpload:disabled{opacity:.55;cursor:not-allowed;background:#f8fafc}
[data-email-block="image"].builder-selected,[data-email-block="logo"].builder-selected{outline:2px solid #7c3aed!important;outline-offset:6px!important;box-shadow:0 0 0 6px rgba(124,58,237,.10)!important;background:rgba(245,243,255,.35)!important}

/* Email builder: normal block editing, logo replacement and drag-and-drop ordering */
.preview-content{min-height:360px}.preview-content img{max-width:100%;height:auto}.builder-draggable-block{position:relative;max-width:100%;cursor:grab;transition:transform .12s, outline .12s, box-shadow .12s}.builder-draggable-block:active{cursor:grabbing}.builder-draggable-block:hover{outline:1px dashed rgba(124,58,237,.45);outline-offset:5px}.builder-dragging{opacity:.45;transform:scale(.99)}.builder-drag-over-before{box-shadow:0 -4px 0 #7c3aed!important}.builder-drag-over-after{box-shadow:0 4px 0 #7c3aed!important}.figma-block[draggable="true"]{cursor:grab}.figma-block[draggable="true"]:active{cursor:grabbing}.visual-editable-preview [data-email-block="logo"]{min-height:70px}.visual-editable-preview [data-email-block="logo"] img,.visual-editable-preview [data-email-block="image"] img{max-width:100%;height:auto}.builder-upload-box.active{border-color:#7c3aed;box-shadow:0 0 0 4px rgba(124,58,237,.08);background:linear-gradient(135deg,#eef2ff,#faf5ff)}@media(max-width:720px){.figma-paper{width:100%;max-width:100%}.preview-content{padding:18px}.builder-draggable-block{max-width:100%!important}.preview-content table{width:100%!important}.preview-content td{display:block;width:100%!important;margin-bottom:10px}}

/* Email builder: understandable block ordering controls */
.builder-block-controls{position:absolute;right:-12px;top:-12px;display:flex;align-items:center;gap:4px;padding:4px;background:#fff;border:1px solid #dbeafe;border-radius:999px;box-shadow:0 10px 25px rgba(15,23,42,.14);z-index:12;opacity:0;pointer-events:none;transition:.15s}
.builder-draggable-block:hover>.builder-block-controls,.builder-selected>.builder-block-controls{opacity:1;pointer-events:auto}
.builder-block-controls button{width:28px;height:28px;border:0;border-radius:50%;background:linear-gradient(135deg,#2563eb,#9333ea);color:#fff;font-size:16px;line-height:1;font-weight:900;cursor:pointer;display:grid;place-items:center}
.builder-block-controls button:disabled{opacity:.35;cursor:not-allowed;filter:grayscale(1)}
.builder-block-controls .builder-delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626)!important;color:#fff}
.builder-block-controls .builder-delete-btn:hover{filter:brightness(.96);transform:translateY(-1px)}
.builder-handle{width:26px;height:28px;border-radius:999px;display:grid;place-items:center;color:#64748b;background:#f8fafc;border:1px solid #eef2f7;font-weight:900;letter-spacing:-2px;cursor:grab;user-select:none}
.builder-selected>.builder-block-controls{box-shadow:0 12px 30px rgba(124,58,237,.22);border-color:#c4b5fd}
.builder-order-help{margin-top:8px;padding:10px 12px;border-radius:12px;background:#f8fafc;border:1px solid #e5e7eb;color:#64748b;font-size:13px;line-height:1.45}
@media(max-width:720px){.builder-block-controls{right:6px;top:6px;opacity:1;pointer-events:auto}.builder-block-controls button{width:30px;height:30px}}
.saved-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.saved-head h2{margin:0 0 4px}.template-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.template-actions form{margin:0}.btn.danger,.btn.small.danger{background:#fff;color:#dc2626;border-color:#fecaca}.btn.danger:hover,.btn.small.danger:hover{background:#fef2f2;border-color:#fca5a5}@media(max-width:760px){.saved-head{display:block}.template-actions{display:grid}}
.template-current-row td{background:linear-gradient(90deg,rgba(37,99,235,.09),rgba(147,51,234,.07))!important;border-top:1px solid rgba(124,58,237,.22);border-bottom:1px solid rgba(124,58,237,.22)}
.template-current-row td:first-child{border-left:4px solid #7c3aed;border-radius:12px 0 0 12px}.template-current-row td:last-child{border-radius:0 12px 12px 0}.badge.current{background:linear-gradient(135deg,#2563eb,#9333ea);color:#fff;margin-left:8px;vertical-align:middle}.current-disabled{background:#eef2ff!important;color:#4f46e5!important;border-color:#c7d2fe!important;cursor:default!important}

.template-current td{background:linear-gradient(90deg,rgba(37,99,235,.11),rgba(147,51,234,.08))!important;border-top:1px solid #c7d2fe;border-bottom:1px solid #c7d2fe;position:relative}.template-current td:first-child{border-left:5px solid #7c3aed}.badge.current{background:linear-gradient(135deg,#2563eb,#9333ea);color:#fff;border:0;margin-left:8px}.btn.selected{background:#eef2ff;color:#4f46e5;border-color:#c7d2fe;cursor:default}

/* SMTP cards like Figma Make */
.smtp-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.smtp-page-head h2{margin:0 0 6px;font-size:20px}.smtp-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.smtp-preset{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:16px;box-shadow:0 10px 30px rgba(15,23,42,.04);transition:.15s}.smtp-preset:hover,.smtp-preset.active{border-color:#7c3aed;background:linear-gradient(135deg,#eff6ff,#faf5ff);transform:translateY(-1px)}.smtp-preset b{display:block;color:#0f172a}.smtp-preset small{display:block;color:#64748b;margin-top:3px;font-size:12px}.preset-icon,.smtp-card-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#2563eb,#9333ea);color:#fff;display:grid;place-items:center;flex:0 0 48px}.preset-icon .nav-svg,.smtp-card-icon .nav-svg{width:24px;height:24px}.smtp-card-grid{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:18px;margin-bottom:22px}.smtp-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:24px;box-shadow:0 10px 30px rgba(15,23,42,.05)}.smtp-card-top{display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:start;margin-bottom:22px}.smtp-card h3{margin:0 0 4px;font-size:20px}.smtp-card p{margin:0;color:#475569}.smtp-status{display:inline-flex;align-items:center;white-space:nowrap;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.smtp-status.ok{background:#dcfce7;color:#15803d}.smtp-status.err{background:#fee2e2;color:#dc2626}.smtp-status.wait{background:#f1f5f9;color:#64748b}.smtp-limit{margin:15px 0}.smtp-limit>div{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.smtp-limit span{color:#64748b}.smtp-limit b{color:#0f172a}.smtp-limit i{height:8px;background:#e5e7eb;border-radius:999px;display:block;overflow:hidden}.smtp-limit em{height:100%;display:block;background:linear-gradient(90deg,#2563eb,#9333ea)}.smtp-host{margin:18px 0!important;color:#334155!important}.smtp-host span{font-size:12px;background:#f1f5f9;border-radius:999px;padding:3px 8px;margin-left:6px}.smtp-error-text{font-size:12px;color:#dc2626!important;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:9px;margin:8px 0!important}.smtp-card-actions{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.smtp-card-actions .btn{height:48px}.smtp-card-actions>form:not(.smtp-test-pop){display:flex}.smtp-test-pop{grid-column:1/-1;display:flex;gap:8px}.smtp-test-pop input{height:44px}.smtp-form-panel{margin-top:8px}.smtp-form-title{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}.smtp-form-title h2{margin:0 0 6px}.smtp-empty-card{grid-column:1/-1}.empty-state{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:16px;padding:22px;color:#64748b;text-align:center}.bar-item small{display:block;text-align:center;color:#64748b;font-size:11px;margin-top:4px}
@media(max-width:1200px){.smtp-card-grid,.smtp-presets{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.smtp-page-head,.smtp-form-title{display:block}.smtp-card-grid,.smtp-presets{grid-template-columns:1fr}.smtp-card-top{grid-template-columns:48px 1fr}.smtp-status{grid-column:2}.smtp-card-actions{grid-template-columns:1fr}.smtp-test-pop{display:grid}}

.preferences-card h2{font-size:20px;margin:22px 0 8px}.pref-check{display:flex;align-items:flex-start;gap:10px;padding:12px 0;border-bottom:1px solid #eef2f7;font-weight:500}.pref-check input{margin-top:4px;flex:0 0 auto}.pref-consents{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:8px 14px;margin:18px 0}.preferences-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.preferences-actions .btn{min-height:44px}@media(max-width:640px){.preferences-actions{display:grid}.preferences-actions .btn{width:100%}}


.groups-layout{align-items:start}.group-cards{gap:18px}.designer-group-card{position:relative;overflow:hidden;padding:22px;border:1px solid #e7ebf3;border-radius:24px;box-shadow:0 18px 44px rgba(15,23,42,.08);gap:16px;background:#fff}.designer-group-card::before{content:"";position:absolute;inset:0 0 auto 0;height:92px;background:var(--topic-grad,linear-gradient(135deg,#2563eb,#7c3aed));opacity:.08}.designer-group-card.tone-1{--topic-grad:linear-gradient(135deg,#2563eb,#7c3aed)}.designer-group-card.tone-2{--topic-grad:linear-gradient(135deg,#06b6d4,#2563eb)}.designer-group-card.tone-3{--topic-grad:linear-gradient(135deg,#8b5cf6,#ec4899)}.designer-group-card.tone-4{--topic-grad:linear-gradient(135deg,#10b981,#22c55e)}.group-card{display:flex;flex-direction:column;gap:12px}.group-card-top{display:flex;align-items:flex-start;gap:14px;position:relative;z-index:1}.group-icon-badge{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--topic-grad,linear-gradient(135deg,#2563eb,#7c3aed));color:#fff;box-shadow:0 14px 28px rgba(37,99,235,.22);flex:0 0 52px}.group-icon-badge .nav-svg{width:24px;height:24px}.group-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex:1}.group-card-head h3{margin:0;font-size:28px;line-height:1.1}.group-subtitle{margin:8px 0 0;color:#64748b;font-size:13px;font-weight:600}.count-badge{background:#f8faff;color:#4f46e5;border:1px solid #dbeafe;padding:7px 11px;font-size:12px}.group-card-body{position:relative;z-index:1}.group-card .muted{min-height:72px;line-height:1.65;font-size:16px;color:#475569}.group-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.group-meta span{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#f8fafc;border:1px solid #e2e8f0;color:#475569;font-size:12px;font-weight:700}.group-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto;position:relative;z-index:1}.group-actions form{margin:0}.group-actions .btn.small{min-width:140px;height:42px;border-radius:12px;font-size:13px;font-weight:800}.group-editor-card{padding:28px;border-radius:24px;box-shadow:0 18px 44px rgba(15,23,42,.08);border:1px solid #e7ebf3;background:linear-gradient(180deg,#fff, #fbfcff)}.group-editor-head h2{margin:0 0 8px;font-size:24px}.group-editor-card textarea{min-height:120px;resize:vertical}.group-editor-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
@media(max-width:1200px){.groups-layout{display:block}.group-cards{margin-bottom:18px}.designer-group-card .group-card-head h3{font-size:24px}}
@media(max-width:800px){.group-cards{grid-template-columns:1fr!important}.group-card-head{display:block}.count-badge{margin-top:10px}.group-actions{display:grid;grid-template-columns:1fr}.group-actions .btn.small,.group-actions form,.group-actions form .btn{width:100%}}



/* Subscribers import/delete UI */
.subscribers-layout{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:22px;align-items:start}.subscribers-main,.subscribers-side{min-width:0}.subscribers-side{display:grid;gap:18px}.section-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.section-card-head h2{margin:0 0 6px;font-size:22px}.subscribers-list-card,.subscriber-import-card,.subscriber-manual-card{background:linear-gradient(180deg,#fff,#fbfcff);border-radius:24px;border:1px solid #e7ebf3;box-shadow:0 18px 44px rgba(15,23,42,.08)}.subscriber-import-card h2,.subscriber-manual-card h2{margin-top:0}.small-note{font-size:12px;line-height:1.45;margin-top:8px}.check-line{display:flex;align-items:center;gap:8px;font-weight:500;margin:8px 0}.check-line input{width:auto}.subscriber-stats-inline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.mini-stat{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:14px 16px}.mini-stat-label{display:block;color:#64748b;font-size:12px;font-weight:700;margin-bottom:8px}.mini-stat strong{font-size:22px;line-height:1;color:#0f172a}.subscriber-card-list{display:grid;gap:16px}.subscriber-card{border:1px solid #e7ebf3;border-radius:22px;padding:18px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05)}.subscriber-card-top{display:flex;align-items:flex-start;gap:14px;margin-bottom:16px}.subscriber-avatar{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#2563eb,#9333ea);color:#fff;font-weight:900;font-size:18px;flex:0 0 50px}.subscriber-main-info{min-width:0;flex:1}.subscriber-main-info h3{margin:2px 0 6px;font-size:20px;line-height:1.2}.subscriber-email{display:inline-block;color:#2563eb;font-weight:700;word-break:break-word}.subscriber-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}.info-label{display:block;font-size:12px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.info-value{display:block;font-size:15px;line-height:1.5;color:#0f172a}.topic-chip-list{display:flex;gap:8px;flex-wrap:wrap}.topic-chip{display:inline-flex;align-items:center;padding:8px 11px;border-radius:999px;background:#eef2ff;color:#4f46e5;border:1px solid #dbeafe;font-size:12px;font-weight:700}.topic-chip.empty{background:#f8fafc;color:#64748b;border-color:#e2e8f0}.subscriber-card-actions{display:flex;justify-content:flex-end;margin-top:16px}.topic-selector{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 18px}.topic-check{margin:0;padding:10px 12px;border:1px solid #e2e8f0;border-radius:14px;background:#fff}.topic-check span{font-weight:700;color:#334155}.topic-check input{margin:0}.subscriber-manual-card .btn.primary,.subscriber-import-card .btn.primary{width:100%}@media(max-width:1180px){.subscribers-layout{grid-template-columns:1fr}.subscribers-side{grid-template-columns:1fr 1fr}}@media(max-width:900px){.subscriber-stats-inline{grid-template-columns:repeat(2,1fr)}.subscriber-info-grid{grid-template-columns:1fr}}@media(max-width:760px){.subscribers-side{grid-template-columns:1fr}.section-card-head{display:block}.subscriber-card-top{flex-wrap:wrap}.subscriber-card-actions{justify-content:stretch}.subscriber-card-actions .btn{width:100%}.subscriber-stats-inline{grid-template-columns:1fr}}

/* Compact subscribers list: no horizontal scroll, good for 1000+ records */
.compact-subscribers-layout{grid-template-columns:minmax(0,1fr) 430px}.subscribers-list-card{overflow:hidden}.subscriber-row-list{display:grid;gap:10px;max-height:none}.subscriber-row{display:grid;grid-template-columns:42px minmax(180px,1.2fr) minmax(110px,.7fr) minmax(170px,1fr) 92px auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid #e7ebf3;border-radius:16px;background:#fff;box-shadow:0 5px 16px rgba(15,23,42,.04)}.subscriber-row:hover{border-color:#c7d2fe;background:linear-gradient(90deg,#fff,#fbfcff)}.subscriber-row-avatar{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#2563eb,#9333ea);color:#fff;font-weight:900;flex:0 0 42px}.subscriber-row-main{min-width:0}.subscriber-row-main b{display:block;font-size:15px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subscriber-row-main a{display:block;color:#2563eb;font-weight:700;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subscriber-row-meta{min-width:0}.subscriber-row-meta span{display:block;color:#64748b;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px}.subscriber-row-meta b{display:block;font-size:13px;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subscriber-row-meta.status em{font-style:normal}.subscriber-row-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end}.subscriber-row-actions form{margin:0}.subscriber-row-actions .btn.small{height:34px;border-radius:10px;white-space:nowrap}.subscriber-form-actions{display:flex;gap:10px;flex-wrap:wrap}.subscriber-form-actions .btn.primary{width:auto}.subscriber-manual-card .subscriber-form-actions .btn.primary{flex:1}@media(max-width:1450px){.subscriber-row{grid-template-columns:42px minmax(170px,1.3fr) minmax(150px,1fr) 86px auto}.subscriber-row-meta.phone{display:none}}@media(max-width:1250px){.compact-subscribers-layout{grid-template-columns:1fr}.subscribers-side{grid-template-columns:1fr 1fr}.subscriber-row{grid-template-columns:42px minmax(190px,1fr) minmax(180px,1fr) 92px auto}}@media(max-width:900px){.subscriber-row{grid-template-columns:42px minmax(0,1fr) auto}.subscriber-row-meta.phone,.subscriber-row-meta.topics{display:none}.subscriber-row-actions{grid-column:1/-1;justify-content:flex-start}.subscribers-side{grid-template-columns:1fr}}@media(max-width:560px){.subscriber-row{grid-template-columns:38px minmax(0,1fr);gap:10px}.subscriber-row-meta.status{grid-column:2}.subscriber-row-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr}.subscriber-row-actions .btn,.subscriber-row-actions form,.subscriber-row-actions form .btn{width:100%}.subscriber-stats-inline{grid-template-columns:repeat(2,1fr)}}

/* Subscribers compact action buttons */
.subscriber-row-actions{min-width:82px}
.subscriber-row-actions .icon-only{width:36px;height:36px;min-width:36px;padding:0;border-radius:12px;font-size:18px;line-height:1;font-weight:900}
.subscriber-row-actions .dots-edit{letter-spacing:1px;background:#f8fafc;color:#334155;border-color:#dbe2ea}
.subscriber-row-actions .dots-edit:hover{background:linear-gradient(135deg,#eff6ff,#faf5ff);color:#2563eb;border-color:#c7d2fe}
.subscriber-row-actions .btn.danger.icon-only{font-size:15px;background:#fff;color:#dc2626;border-color:#fecaca}
@media(max-width:900px){.subscriber-row-actions{display:flex!important}.subscriber-row-actions .icon-only{width:40px;height:40px}}


.subscriber-row{grid-template-columns:42px minmax(160px,1.15fr) minmax(90px,.6fr) minmax(150px,.95fr) 80px 74px;padding:12px 18px 12px 14px}
.subscriber-row-actions{min-width:74px;gap:6px;justify-content:flex-start;padding-right:4px}
.subscriber-row-actions .icon-only{width:32px;height:32px;min-width:32px;border-radius:10px;font-size:16px}
.subscriber-row-actions .btn.danger.icon-only{font-size:14px}
@media(max-width:1450px){.subscriber-row{grid-template-columns:42px minmax(160px,1.2fr) minmax(150px,.95fr) 80px 74px}}
@media(max-width:1250px){.subscriber-row{grid-template-columns:42px minmax(170px,1fr) minmax(170px,.95fr) 80px 74px}}
@media(max-width:900px){.subscriber-row-actions{justify-content:flex-start;padding-right:0}.subscriber-row-actions .icon-only{width:36px;height:36px;min-width:36px}}

.subscriber-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding:14px 4px;color:#64748b;font-size:13px;font-weight:700}.subscriber-pagination>div{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:700px){.subscriber-pagination{display:block}.subscriber-pagination>div{margin-top:10px}}


.subscriber-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px solid #e7ebf3;color:#64748b;font-size:13px}.page-num-list{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.page-num-list .btn.primary{color:#fff}.page-dots{padding:0 4px;color:#94a3b8;font-weight:900}.subscriber-clear-card{background:linear-gradient(180deg,#fff,#fff7f7);border-color:#fecaca}.subscriber-clear-card h2{margin-top:0;color:#991b1b}

.campaigns-layout{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:22px;align-items:start}.campaigns-list-card,.campaign-form-card{border-radius:24px;box-shadow:0 18px 44px rgba(15,23,42,.08);border:1px solid #e7ebf3}.campaign-tile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.campaign-tile{position:relative;border:1px solid #e7ebf3;border-radius:22px;padding:18px;background:linear-gradient(180deg,#fff,#fbfcff);box-shadow:0 10px 28px rgba(15,23,42,.05)}.campaign-tile-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.campaign-tile-head{min-width:0}.campaign-tile-head h3{margin:0;font-size:24px;line-height:1.15;word-break:break-word}.campaign-tile-head p{margin:8px 0 0;color:#64748b;font-size:14px;line-height:1.45;word-break:break-word}.campaign-actions{display:flex;gap:6px;justify-content:flex-end;flex:0 0 auto}.campaign-actions form{margin:0}.icon-only{width:34px;height:34px;min-width:34px;padding:0;border-radius:11px;display:inline-flex;align-items:center;justify-content:center}.dots-edit{letter-spacing:1px;background:#f8fafc;color:#334155;border-color:#dbe2ea}.campaign-tile-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.campaign-start-label{font-size:12px;font-weight:700;color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;padding:8px 12px;border-radius:999px}.campaign-metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}.campaign-metric{padding:12px 14px;border-radius:16px;background:#f8fafc;border:1px solid #e2e8f0}.campaign-metric span{display:block;font-size:12px;color:#64748b;font-weight:700;margin-bottom:6px}.campaign-metric strong{font-size:24px;line-height:1;color:#0f172a}.campaign-progress i{display:block;height:8px;background:#e5e7eb;border-radius:999px;overflow:hidden}.campaign-progress em{display:block;height:100%;background:linear-gradient(90deg,#2563eb,#9333ea)}.campaign-progress-tile .progress-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:8px}.campaign-progress-tile .progress-head span{font-size:13px;color:#64748b;font-weight:700}.campaign-progress-tile .progress-head b{font-size:13px;color:#0f172a}.campaign-form-card h2{margin-top:0}.send-mode-box{display:grid;gap:8px;margin:8px 0 14px}.send-mode-box label{display:flex;align-items:center;gap:8px;margin:0;padding:10px 12px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;font-weight:700}.send-mode-box input{width:auto}.campaign-form-actions{display:flex;gap:10px;flex-wrap:wrap}.current-disabled{background:#eef2ff!important;color:#4f46e5!important;border-color:#c7d2fe!important;cursor:default!important}@media(max-width:1400px){.campaign-tile-grid{grid-template-columns:1fr}}@media(max-width:1280px){.campaigns-layout{grid-template-columns:1fr}}@media(max-width:760px){.campaign-metric-grid{grid-template-columns:1fr}.campaign-tile-top{display:block}.campaign-actions{margin-top:12px;justify-content:flex-start}}

.site-time-pill{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid #e2e8f0;border-radius:16px;background:linear-gradient(135deg,#ffffff,#f8fbff);box-shadow:0 8px 24px rgba(15,23,42,.05);white-space:nowrap}.site-time-dot{width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.12)}.site-time-pill small{display:block;font-size:10px;line-height:1;color:#64748b;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.site-time-pill b{display:block;font-size:14px;line-height:1.15;color:#0f172a;font-variant-numeric:tabular-nums}.queue-worker-indicator{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:8px 11px;border-radius:999px;background:#eef2ff;color:#4f46e5;border:1px solid #dbeafe;font-size:12px;font-weight:900;white-space:nowrap}.queue-worker-indicator.checking{background:#fff7ed;color:#ea580c;border-color:#fed7aa}.queue-worker-indicator.error{background:#fee2e2;color:#991b1b;border-color:#fecaca}@media(max-width:980px){.site-time-pill{display:none}.queue-worker-indicator{display:none}}


/* Campaign cards redesign */
.campaign-tile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,420px));gap:18px;align-items:start}
.campaign-tile{border:1px solid #e7ebf3;border-radius:28px;padding:22px;background:linear-gradient(180deg,#ffffff 0%,#fcfdff 100%);box-shadow:0 18px 40px rgba(15,23,42,.07);overflow:hidden;position:relative}
.campaign-tile:before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,#2563eb,#7c3aed,#d946ef)}
.campaign-tile-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}
.campaign-title-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.campaign-tile-head h3{margin:0;font-size:34px;line-height:1.05;letter-spacing:-.02em;color:#0f172a}
.campaign-id-chip{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#eff6ff;border:1px solid #dbeafe;color:#2563eb;font-size:12px;font-weight:800}
.campaign-tile-head p{margin:12px 0 0;color:#64748b;font-size:18px;line-height:1.5;max-width:34ch}
.campaign-actions-stack{display:flex;align-items:flex-start;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:164px}
.campaign-actions-stack form{margin:0}
.campaign-actions-stack .icon-only,.campaign-actions-stack .current-disabled{width:42px;height:42px;min-width:42px;border-radius:14px;font-size:18px;font-weight:900;box-shadow:none}
.play-btn{background:#ecfdf5!important;color:#059669!important;border-color:#a7f3d0!important}
.pause-btn{background:#fff7ed!important;color:#ea580c!important;border-color:#fdba74!important}
.campaign-tile-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.campaign-start-label{font-size:13px;font-weight:800;padding:10px 14px;border-radius:999px;background:#f8fafc;border:1px solid #e2e8f0;color:#475569}
.campaign-metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}
.campaign-metric{padding:16px;border-radius:18px;background:linear-gradient(180deg,#f8fafc,#ffffff);border:1px solid #e2e8f0}
.campaign-metric span{display:block;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#64748b;margin-bottom:8px}
.campaign-metric strong{font-size:34px;line-height:1;color:#0f172a}
.campaign-progress-tile{padding:14px 16px;border-radius:18px;background:#f8fafc;border:1px solid #e2e8f0}
.campaign-progress-tile .progress-head{margin-bottom:10px}.campaign-progress-tile i{height:10px}
.badge.green{background:#ecfdf5;color:#059669;border-color:#a7f3d0}.badge.red{background:#fef2f2;color:#dc2626;border-color:#fecaca}
@media(max-width:1100px){.campaign-tile-grid{grid-template-columns:1fr}.campaign-tile-head h3{font-size:28px}.campaign-tile-head p{font-size:16px}}
@media(max-width:640px){.campaign-tile{padding:18px}.campaign-tile-top{flex-direction:column}.campaign-actions-stack{max-width:none;justify-content:flex-start}.campaign-metric-grid{grid-template-columns:1fr}.campaign-tile-head h3{font-size:24px}.campaign-tile-head p{font-size:15px}}


/* Cleaner campaigns: smaller typography and no useless queue badge */
.queue-worker-indicator{display:none!important}
.campaign-tile-grid{grid-template-columns:repeat(auto-fit,minmax(320px,380px));gap:16px}
.campaign-tile{border-radius:24px;padding:20px;max-width:380px}
.campaign-tile-head h3{font-size:24px!important;line-height:1.15!important;letter-spacing:-.01em!important}
.campaign-tile-head p{font-size:15px!important;line-height:1.45!important;max-width:30ch!important;margin-top:8px!important}
.campaign-id-chip{font-size:11px;padding:5px 9px}.campaign-actions-stack{max-width:152px;gap:7px}.campaign-actions-stack .icon-only,.campaign-actions-stack .current-disabled{width:38px;height:38px;min-width:38px;border-radius:13px;font-size:16px}.campaign-metric-grid{gap:10px;margin-bottom:14px}.campaign-metric{padding:13px 14px;border-radius:16px}.campaign-metric span{font-size:11px;margin-bottom:6px}.campaign-metric strong{font-size:26px}.campaign-start-label{font-size:12px;padding:8px 12px}.campaign-progress-tile{padding:12px 14px}
@media(max-width:1100px){.campaign-tile{max-width:100%}.campaign-tile-head h3{font-size:23px!important}}


/* Campaigns page modal redesign */
.side-user{display:none!important}
.campaigns-layout{display:block!important}
.campaigns-list-card{min-height:620px}
.campaign-page-head{align-items:flex-start;gap:18px}
.campaign-head-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.campaign-count-chip{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 14px;border-radius:999px;background:#f8fafc;border:1px solid #e2e8f0;color:#475569;font-weight:900;font-size:13px;white-space:nowrap}
.campaign-modal-open{min-height:44px;border-radius:14px;padding:0 18px;box-shadow:0 14px 28px rgba(79,70,229,.18)}
.campaign-id-chip{display:none!important}
.campaign-title-line{gap:0!important}
.campaign-tile-head h3{font-size:24px!important;line-height:1.15!important;letter-spacing:-.01em!important;max-width:260px}
.campaign-tile-head p{font-size:14px!important;line-height:1.45!important;margin-top:8px!important;max-width:30ch!important}
.campaign-metric strong{font-size:28px!important}
.campaign-actions-stack{max-width:150px!important}
.admin-top .actions{display:flex;align-items:center;gap:12px;min-width:0}
.admin-top .actions>span:not(.avatar):not(.site-time-dot){display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:12px;background:#fff7ed}
.admin-top .actions>.avatar{width:48px;height:48px;box-shadow:0 12px 28px rgba(124,58,237,.22)}
.admin-top .actions>b{white-space:nowrap;font-size:16px;line-height:1}
.admin-top .actions .btn.small{min-height:42px;border-radius:12px}
.site-time-pill{min-width:142px;justify-content:center}
.campaign-modal-backdrop{position:fixed;inset:0;z-index:80;background:rgba(15,23,42,.45);backdrop-filter:blur(10px);display:none;align-items:flex-start;justify-content:center;padding:36px 18px;overflow:auto}
.campaign-modal-backdrop.is-open{display:flex}
.campaign-modal-shell{width:min(820px,100%);animation:modalUp .18s ease-out}
.campaign-modal-card{display:block;width:100%;border:1px solid rgba(226,232,240,.95);border-radius:30px;background:linear-gradient(180deg,#fff,#fbfcff);box-shadow:0 30px 90px rgba(15,23,42,.28);padding:28px}
.campaign-modal-top{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid #eef2f7}
.campaign-modal-top h2{margin:4px 0 8px;font-size:32px;letter-spacing:-.03em;color:#0f172a}
.modal-kicker{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;background:#eef2ff;color:#4f46e5;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.modal-x{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:15px;background:#f8fafc;border:1px solid #e2e8f0;color:#64748b;font-size:28px;text-decoration:none;line-height:1;flex:0 0 auto}
.modal-x:hover{background:#fee2e2;color:#dc2626;border-color:#fecaca}
.campaign-modal-card label{font-weight:900;color:#0f172a}
.campaign-modal-card input,.campaign-modal-card select{min-height:50px;border-radius:15px}
.campaign-modal-card .topic-selector{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 18px}
.campaign-modal-card .topic-check{border-radius:16px;background:#fff;border:1px solid #e2e8f0;padding:12px 14px}
.campaign-modal-card .send-mode-box{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:10px 0 18px}
.campaign-modal-card .send-mode-box label{border:1px solid #e2e8f0;border-radius:16px;padding:14px 16px;background:#fff;display:flex;gap:10px;align-items:center}
.campaign-form-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end;margin-top:8px;padding-top:18px;border-top:1px solid #eef2f7}
.campaign-form-actions .btn.primary{min-height:48px;border-radius:15px;padding:0 22px}
@keyframes modalUp{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:920px){
  .campaign-page-head{display:block}
  .campaign-head-actions{justify-content:flex-start;margin-top:14px}
  .campaign-modal-card{padding:20px;border-radius:24px}
  .campaign-modal-top h2{font-size:26px}
  .campaign-modal-card .send-mode-box{grid-template-columns:1fr}
}
@media(max-width:720px){
  .admin-top .actions>b{display:none}
  .campaign-tile-head h3{max-width:none}
  .campaign-head-actions{width:100%}
  .campaign-modal-open{width:100%}
}

.campaigns-page-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:6px 0 18px}
.campaigns-page-top-spacer{flex:1 1 auto}
.campaign-modal-open-top{min-height:46px;border-radius:16px;padding:0 20px;box-shadow:0 14px 28px rgba(79,70,229,.18)}
@media(max-width:920px){.campaigns-page-top{margin-top:8px}.campaigns-page-top-spacer{display:none}.campaign-modal-open-top{width:100%}}


/* SMTP form modal */
.smtp-form-panel{display:none!important}
.smtp-page-head{align-items:flex-start}
.smtp-page-head .smtp-modal-open{min-height:46px;border-radius:16px;padding:0 20px;box-shadow:0 14px 28px rgba(79,70,229,.18)}
.smtp-modal-backdrop{position:fixed;inset:0;z-index:90;background:rgba(15,23,42,.45);backdrop-filter:blur(10px);display:none;align-items:flex-start;justify-content:center;padding:36px 18px;overflow:auto}
.smtp-modal-backdrop.is-open{display:flex}
.smtp-modal-shell{width:min(980px,100%);animation:modalUp .18s ease-out}
.smtp-modal-card{display:block;width:100%;border:1px solid rgba(226,232,240,.95);border-radius:30px;background:linear-gradient(180deg,#fff,#fbfcff);box-shadow:0 30px 90px rgba(15,23,42,.28);padding:28px}
.smtp-modal-top{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid #eef2f7}
.smtp-modal-top h2{margin:4px 0 8px;font-size:32px;letter-spacing:-.03em;color:#0f172a}
.smtp-modal-card label{font-weight:900;color:#0f172a}
.smtp-modal-card input,.smtp-modal-card select{min-height:50px;border-radius:15px}
.smtp-modal-card .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.smtp-modal-card>p{margin:18px 0}
.smtp-modal-card>button.btn.primary{min-height:48px;border-radius:15px;padding:0 22px;float:right}
@media(max-width:920px){.smtp-page-head{display:block}.smtp-page-head .smtp-modal-open{margin-top:14px;width:100%}.smtp-modal-card{padding:20px;border-radius:24px}.smtp-modal-card .form-grid{grid-template-columns:1fr}.smtp-modal-top h2{font-size:26px}}


/* Subscribers page redesign with modals */
.subscribers-page-top{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px}
.subscribers-page-top-info{flex:1 1 auto}
.subscribers-page-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.subscribers-list-card-full{width:100%}
.subscriber-groups-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:20px 0 18px}
.subscriber-group-card{display:flex;flex-direction:column;gap:6px;padding:18px;border:1px solid #e6ebf4;border-radius:20px;background:linear-gradient(180deg,#fff,#f8fbff);text-decoration:none;color:#0f172a;box-shadow:0 10px 30px rgba(15,23,42,.05);transition:.18s ease}
.subscriber-group-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(15,23,42,.08)}
.subscriber-group-card.is-active{border-color:#6d4cff;box-shadow:0 18px 40px rgba(109,76,255,.16);background:linear-gradient(180deg,#ffffff,#f5f2ff)}
.subscriber-group-title{font-weight:900;font-size:16px;line-height:1.25}
.subscriber-group-card strong{font-size:28px;line-height:1;font-weight:900;color:#0f172a}
.subscriber-group-card small{color:#64748b;font-size:13px}
.active-group-filter{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:#eef4ff;color:#1e293b;font-size:14px}
.filter-reset-link{font-weight:800;text-decoration:none}
.ghost-danger{border-color:#fecaca;color:#dc2626;background:#fff}
.sub-modal-backdrop{position:fixed;inset:0;z-index:92;background:rgba(15,23,42,.45);backdrop-filter:blur(10px);display:none;align-items:flex-start;justify-content:center;padding:34px 18px;overflow:auto}
.sub-modal-backdrop.is-open{display:flex}
.sub-modal-shell{width:min(980px,100%);animation:modalUp .18s ease-out}
.sub-modal-card{width:100%;border:1px solid rgba(226,232,240,.95);border-radius:30px;background:linear-gradient(180deg,#fff,#fbfcff);box-shadow:0 30px 90px rgba(15,23,42,.28);padding:28px}
.sub-modal-top{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid #eef2f7}
.sub-modal-top h2{margin:4px 0 8px;font-size:32px;letter-spacing:-.03em;color:#0f172a}
.sub-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.modal-topic-selector{margin-top:10px;margin-bottom:6px;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
.sub-modal-actions{display:flex;justify-content:flex-end;gap:12px;align-items:center;margin-top:20px;flex-wrap:wrap}
@media(max-width:920px){.subscribers-page-top{flex-direction:column}.subscribers-page-actions{width:100%;justify-content:stretch}.subscribers-page-actions .btn{flex:1 1 100%}.sub-grid-2{grid-template-columns:1fr}.sub-modal-card{padding:20px;border-radius:24px}.sub-modal-top h2{font-size:26px}}


/* Robust dashboard */
.robust-dashboard-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.robust-dash-card{min-height:166px}
.dash-hint{margin-top:10px;color:#64748b;font-size:13px;line-height:1.35}
.dashboard-rate-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.rate-panel{display:flex;align-items:center;gap:18px;min-height:150px}
.rate-panel h2{margin:0 0 6px}
.rate-ring{width:86px;height:86px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#6d4cff 0 75%,#eef2ff 0);box-shadow:inset 0 0 0 12px #fff,0 14px 30px rgba(109,76,255,.14);flex:0 0 auto}
.rate-ring strong{font-size:22px;color:#0f172a}
.group-stat-list,.campaign-dashboard-list{display:flex;flex-direction:column;gap:14px}
.group-stat-row{display:grid;grid-template-columns:minmax(0,210px) 1fr;gap:14px;align-items:center}
.group-stat-row b{display:block;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.group-stat-row span{display:block;color:#64748b;font-size:13px;margin-top:3px}
.group-stat-row i,.campaign-dashboard-row i{display:block;height:10px;background:#eef2f7;border-radius:999px;overflow:hidden}
.group-stat-row em,.campaign-dashboard-row em{display:block;height:100%;background:linear-gradient(90deg,#2563eb,#7c3aed);border-radius:999px}
.campaign-dashboard-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 14px;padding:14px;border:1px solid #e6ebf4;border-radius:18px;background:#fff}
.campaign-dashboard-row b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.campaign-dashboard-row span,.campaign-dashboard-row small{color:#64748b;font-size:13px}
.campaign-dashboard-row i,.campaign-dashboard-row small{grid-column:1 / -1}
.robust-bars{min-height:230px}
@media(max-width:760px){.rate-panel{display:block}.rate-ring{margin-bottom:14px}.group-stat-row{grid-template-columns:1fr}.campaign-dashboard-row{grid-template-columns:1fr}}


/* Users page admin settings */
.stack-col{display:flex;flex-direction:column;gap:22px}
.inline-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;margin:12px 0 18px}
.inline-checks label{display:flex;align-items:center;gap:8px;font-weight:500;color:#334155}
.users-settings-split .table-wrap{min-height:100%}
@media(max-width:1100px){.inline-checks{grid-template-columns:1fr}.users-settings-split{grid-template-columns:1fr}}

.users-page-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}
.users-page-top-spacer{flex:1 1 auto}
.users-page-actions{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}
.users-page-actions .btn{min-height:46px;border-radius:16px;padding:0 20px}
.users-page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}
.user-modal-card{max-width:980px}
.user-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.user-inline-checks{margin-top:12px}
@media(max-width:920px){.users-page-top{flex-direction:column;align-items:stretch}.users-page-actions{width:100%}.users-page-actions .btn{flex:1 1 100%}.users-page-head{flex-direction:column}.user-grid-2{grid-template-columns:1fr}}


/* Queue per-campaign dashboard */
.queue-campaign-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px}
.queue-campaign-head h2{margin:0 0 8px;font-size:28px;letter-spacing:-.02em}
.queue-campaign-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin-bottom:18px}
.queue-campaign-card{display:block;text-decoration:none;color:inherit;border:1px solid #e6ebf4;border-radius:24px;background:linear-gradient(180deg,#fff,#fbfcff);box-shadow:0 14px 34px rgba(15,23,42,.06);padding:18px;transition:.18s ease}
.queue-campaign-card:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(15,23,42,.09)}
.queue-campaign-card.active{border-color:#6d4cff;box-shadow:0 20px 46px rgba(109,76,255,.16)}
.queue-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:15px}
.queue-card-top h3{margin:0 0 6px;font-size:22px;line-height:1.15;word-break:break-word}
.queue-card-top p{margin:0;color:#64748b;font-size:13px}
.queue-card-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:15px}
.queue-card-stats div{background:#f8fafc;border:1px solid #eef2f7;border-radius:15px;padding:10px}
.queue-card-stats span{display:block;color:#64748b;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.queue-card-stats b{font-size:20px;line-height:1.2;color:#0f172a}
.queue-progress{border:1px solid #eef2f7;border-radius:16px;background:#fff;padding:12px;margin-bottom:12px}
.queue-progress>div{display:flex;justify-content:space-between;font-size:13px;font-weight:900;margin-bottom:8px}
.queue-progress i{display:block;height:9px;background:#eef2f7;border-radius:999px;overflow:hidden}
.queue-progress em{display:block;height:100%;background:linear-gradient(90deg,#2563eb,#7c3aed);border-radius:999px}
.queue-next{font-size:13px;color:#64748b}
.queue-next b{color:#0f172a}
.queue-filter-row{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 18px}
.queue-table-card{border-radius:24px}
.badge.orange{background:#fff7ed;color:#ea580c;border:1px solid #fed7aa}
.badge.blue{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}
@media(max-width:780px){.queue-campaign-head{display:block}.queue-card-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.queue-card-top{display:block}.queue-card-top .badge{margin-top:10px}}


/* Manual cron run topbar button */
.cron-run-btn{border:1px solid rgba(99,102,241,.22);background:linear-gradient(135deg,#eef2ff,#fff);color:#4338ca;border-radius:16px;min-height:46px;padding:0 14px;display:inline-flex;align-items:center;gap:9px;font-weight:900;box-shadow:0 10px 24px rgba(79,70,229,.10);cursor:pointer;transition:.18s ease}
.cron-run-btn span{width:26px;height:26px;border-radius:10px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:16px}
.cron-run-btn:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(79,70,229,.16)}
.cron-run-btn:disabled{opacity:.72;cursor:wait;transform:none}
.cron-run-btn.is-loading span{animation:cronSpin 1s linear infinite}
@keyframes cronSpin{to{transform:rotate(360deg)}}
.cron-run-toast{position:fixed;right:24px;top:86px;z-index:200;min-width:280px;max-width:min(460px,calc(100vw - 32px));padding:15px 18px;border-radius:18px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 22px 60px rgba(15,23,42,.22);font-weight:900;color:#0f172a;opacity:0;transform:translateY(-12px);pointer-events:none;transition:.2s ease}
.cron-run-toast.is-show{opacity:1;transform:translateY(0)}
.cron-run-toast.ok{border-color:#bbf7d0;background:linear-gradient(180deg,#fff,#f0fdf4)}
.cron-run-toast.err{border-color:#fecaca;background:linear-gradient(180deg,#fff,#fef2f2);color:#991b1b}
@media(max-width:980px){.cron-run-btn b{display:none}.cron-run-btn{padding:0 10px}.cron-run-toast{right:16px;top:76px}}


/* Working hours controls */
.campaign-work-card{margin:20px 0 4px;border:1px solid #e6ebf4;border-radius:22px;background:linear-gradient(180deg,#ffffff,#f8fbff);padding:18px;box-shadow:0 12px 28px rgba(15,23,42,.05)}
.rules-work-card{margin:22px 0}
.work-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px}
.work-card-head h2,.work-card-head h3{margin:0 0 7px;color:#0f172a}
.work-toggle{display:inline-flex;align-items:center;gap:8px;border:1px solid #dbeafe;background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:10px 13px;font-weight:900;white-space:nowrap}
.work-toggle input{width:auto}
.work-time-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px}
.work-time-grid input{min-height:46px;border-radius:14px}
.work-days{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.work-days label{display:inline-flex;align-items:center;gap:7px;border:1px solid #e2e8f0;background:#fff;border-radius:999px;padding:10px 13px;font-weight:900;color:#334155}
.work-days input{width:auto}
.rules-form>h2{margin-top:0}
@media(max-width:720px){.work-card-head{display:block}.work-toggle{margin-top:10px}.work-time-grid{grid-template-columns:1fr}}


/* Builder button/link editor */
.builder-link-box{border:1px solid #e2e8f0;background:linear-gradient(180deg,#fff,#f8fbff);border-radius:18px;padding:16px;margin:0 0 16px;box-shadow:0 10px 26px rgba(15,23,42,.05)}
.builder-link-box.active{border-color:#bfdbfe;background:linear-gradient(180deg,#fff,#eff6ff)}
.builder-link-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}
.builder-link-head b{font-size:16px;color:#0f172a}
.builder-link-head span{font-size:12px;font-weight:900;color:#4f46e5;background:#eef2ff;border:1px solid #dbeafe;border-radius:999px;padding:6px 10px}
.builder-link-box input{min-height:42px;border-radius:12px;margin-bottom:10px}
.builder-link-box input:disabled{background:#f8fafc;color:#94a3b8}
.builder-link-box .muted{font-size:13px;line-height:1.45}


/* Subscription / unsubscribe center */
.clients-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:22px;align-items:start}
.subscribe-settings-card textarea{min-height:96px}
.clients-topic-list{margin:12px 0 18px}
.public-link-box{border:1px solid #dbeafe;background:#eff6ff;color:#1e40af;border-radius:14px;padding:14px;margin:12px 0 16px;font-weight:900;word-break:break-all}
.subscribe-preview-card{margin-top:22px;border:1px solid #e2e8f0;border-radius:24px;padding:24px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 18px 44px rgba(15,23,42,.08)}
.subscribe-preview-card span{display:inline-flex;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;border-radius:999px;padding:8px 12px;font-weight:900}
.subscribe-preview-card .fake-input,.subscribe-preview-card .fake-topic-row{border:1px solid #e2e8f0;border-radius:14px;padding:13px 14px;margin:12px 0;color:#64748b;background:#fff}
.preferences-public-page{min-height:100vh;padding:40px 16px;background:radial-gradient(circle at 20% 0%,rgba(37,99,235,.16),transparent 36%),radial-gradient(circle at 80% 0%,rgba(147,51,234,.18),transparent 34%),linear-gradient(180deg,#f8fbff,#eef4ff);display:flex;align-items:flex-start;justify-content:center}
.preferences-designer-card{width:min(880px,100%);background:rgba(255,255,255,.94);border:1px solid rgba(226,232,240,.9);border-radius:30px;padding:28px;box-shadow:0 26px 80px rgba(15,23,42,.14)}
.pref-hero{display:flex;gap:18px;align-items:center;padding:22px;border-radius:24px;background:linear-gradient(135deg,#2563eb,#9333ea);color:#fff;margin-bottom:24px}
.pref-hero h1{margin:2px 0 6px;color:#fff;font-size:32px}.pref-hero p{margin:0;color:rgba(255,255,255,.9)}.pref-hero span{font-weight:900;opacity:.88}.pref-logo{width:58px;height:58px;border-radius:18px;background:rgba(255,255,255,.18);display:grid;place-items:center;font-size:28px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.pref-section-head h2{margin:0 0 6px}.pref-section-head p{margin:0 0 14px;color:#64748b}.pref-topic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin:14px 0 20px}
.pref-topic-card{display:flex;gap:12px;align-items:flex-start;border:1px solid #e2e8f0;border-radius:18px;background:#fff;padding:15px;cursor:pointer;transition:.16s ease}.pref-topic-card:hover{border-color:#bfdbfe;transform:translateY(-1px)}.pref-topic-card input{width:auto;margin-top:4px}.pref-topic-card b{display:block}.pref-topic-card small{display:block;color:#64748b;margin-top:4px}
.designer-consents{background:#f8fbff;border-radius:20px}.designer-actions{margin-top:20px}.pref-danger-zone{margin-top:24px;border:1px solid #fecaca;background:linear-gradient(180deg,#fff,#fff7f7);border-radius:24px;padding:20px}.pref-danger-zone h2{margin:0 0 8px}.pref-danger-zone textarea{width:100%;border-radius:14px;margin:8px 0 12px}.pref-small-note{margin-top:18px;text-align:center}.subscribe-fields-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:20px}.subscribe-main-btn{width:100%;min-height:52px}.subscribe-result{max-width:720px}
.tabs-line{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.unsubscribe-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px}.unsubscribe-person-card{border:1px solid #e2e8f0;border-radius:24px;background:#fff;padding:20px;box-shadow:0 14px 34px rgba(15,23,42,.06)}.unsubscribe-person-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.unsubscribe-person-top h3{margin:0 0 5px;word-break:break-word}.unsubscribe-person-top p{margin:0;color:#64748b}.unsubscribe-meta{font-size:14px;line-height:1.65;color:#334155;background:#f8fafc;border-radius:16px;padding:12px;margin:14px 0}.unsubscribe-actions{display:flex;gap:8px;flex-wrap:wrap}.unsubscribe-actions form{margin:0}.timeline-list{display:grid;gap:12px}.timeline-item{display:grid;grid-template-columns:20px 1fr auto;gap:14px;align-items:start;border:1px solid #e2e8f0;border-radius:20px;background:#fff;padding:16px;box-shadow:0 10px 26px rgba(15,23,42,.05)}.timeline-dot{width:12px;height:12px;border-radius:99px;background:linear-gradient(135deg,#2563eb,#9333ea);margin-top:7px}.timeline-item h3{margin:0 0 4px;font-size:17px}.timeline-item p{margin:0;color:#0f172a;font-weight:900}.timeline-item span{color:#64748b}.timeline-item time{color:#64748b;font-size:13px;white-space:nowrap}
@media(max-width:900px){.clients-grid{grid-template-columns:1fr}.subscribe-fields-grid{grid-template-columns:1fr}.pref-hero{align-items:flex-start}.preferences-designer-card{padding:18px}.timeline-item{grid-template-columns:16px 1fr}.timeline-item time{grid-column:2}}


/* Subscription stats and widget modal */
.requests-sub-stats{margin-bottom:20px}
.widget-action-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.widget-code-textarea{width:100%;min-height:140px;border-radius:16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}
.widget-modal-card{max-width:980px}
.widget-preview-mini{margin-top:18px;border:1px solid #e2e8f0;border-radius:24px;background:#f8fafc;padding:16px;display:flex;justify-content:center}
.subscribe-embed-body{margin:0;background:transparent}
.preferences-public-page.embed-mode{min-height:auto;padding:0;background:transparent}
.preferences-public-page.embed-mode .preferences-designer-card{box-shadow:none;border-radius:24px}
.preferences-public-page.embed-mode .pref-hero{padding:18px}
.preferences-public-page.embed-mode .pref-hero h1{font-size:26px}
.preferences-public-page.embed-mode .preferences-designer-card{padding:18px}


/* Widget variants builder */
.widget-builder-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:18px}
.widget-builder-panel{border:1px solid #e2e8f0;border-radius:22px;background:#fff;padding:18px}
.widget-type-grid{display:grid;grid-template-columns:1fr;gap:10px;margin:8px 0 16px}
.widget-type-grid label{display:flex;align-items:center;gap:10px;border:1px solid #e2e8f0;border-radius:16px;padding:12px;font-weight:900;background:#f8fbff;cursor:pointer}
.widget-type-grid input{width:auto}
.widget-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.widget-mini-grid input,.widget-mini-grid select,.widget-builder-panel select{min-height:42px;border-radius:12px}
.widget-builder-panel>label{font-weight:900;margin-top:12px;display:block}
.widget-preview-mini #ef-subscribe-widget{position:relative!important;right:auto!important;bottom:auto!important;margin:auto}
.widget-preview-mini #ef-subscribe-panel{position:relative!important;right:auto!important;bottom:auto!important;display:block!important;margin-bottom:12px;width:min(420px,100%)!important;height:360px!important}
@media(max-width:980px){.widget-builder-grid{grid-template-columns:1fr}.widget-mini-grid{grid-template-columns:1fr}}


/* Per-site subscription widgets */
.widget-list-card{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;border:1px solid #e2e8f0;border-radius:18px;background:#fff;padding:16px;margin:12px 0;box-shadow:0 10px 26px rgba(15,23,42,.05)}
.widget-list-card h3{margin:0 0 6px}.widget-list-card p{margin:0;color:#64748b}
.widget-card-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.widget-card-actions form{margin:0}
.widget-form-compact .pref-hero{padding:16px}.widget-form-compact .pref-hero h1{font-size:24px}.widget-form-compact .pref-topic-grid{grid-template-columns:1fr}
.widget-form-floating .pref-hero{padding:16px}.widget-form-floating .pref-hero h1{font-size:24px}
@media(max-width:720px){.widget-list-card{display:block}.widget-card-actions{justify-content:flex-start;margin-top:12px}}


/* Restored form editor + modal widget editor */
.already-subscribed-box{border:1px solid #bbf7d0;background:#f0fdf4;color:#166534;border-radius:16px;padding:14px 16px;margin:12px 0;font-weight:700}
#widgetEditorPreview{min-height:260px;align-items:center}
.widget-builder-modal .widget-code-textarea{min-height:120px}
.widget-builder-modal .subscribe-preview-card{width:100%;margin:0 auto}
.widget-builder-modal .fake-input,.widget-builder-modal .fake-topic-row{border:1px solid #e2e8f0;border-radius:14px;padding:12px;margin:10px 0;background:#fff;color:#64748b}


/* Cron status monitor */
.cron-status-pill{border:1px solid #e2e8f0;border-radius:16px;min-height:46px;padding:0 12px;display:flex;align-items:center;gap:9px;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.06)}
.cron-status-pill span{width:10px;height:10px;border-radius:999px;background:#f59e0b;box-shadow:0 0 0 5px rgba(245,158,11,.12)}
.cron-status-pill.ok span{background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.12)}
.cron-status-pill small{display:block;color:#64748b;font-size:11px;line-height:1}
.cron-status-pill b{display:block;color:#0f172a;font-size:13px;line-height:1.1;margin-top:3px}
.cron-monitor-panel{margin:22px 0;border-radius:24px}
.cron-monitor-panel.ok{border-color:#bbf7d0;background:linear-gradient(180deg,#fff,#f0fdf4)}
.cron-monitor-panel.warn{border-color:#fed7aa;background:linear-gradient(180deg,#fff,#fff7ed)}
.cron-monitor-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0 16px}
.cron-monitor-grid div{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:14px}
.cron-monitor-grid small{display:block;color:#64748b;margin-bottom:6px}.cron-monitor-grid b{font-size:22px;color:#0f172a}
.cron-command-box{background:#0f172a;color:#e2e8f0;border-radius:16px;padding:14px 16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;overflow:auto;margin:12px 0}
.cron-log-table{margin-top:12px}
@media(max-width:980px){.cron-status-pill div{display:none}.cron-monitor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* Topbar layout fix */
.admin-top{gap:16px;min-width:0}
.admin-top .search{flex:1 1 360px;min-width:220px;max-width:560px}
.admin-actions{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;min-width:0}
.admin-user-name{white-space:nowrap}
.avatar{flex:0 0 auto}
.cron-status-pill{flex:0 0 auto;white-space:nowrap}
.cron-run-btn{flex:0 0 auto;white-space:nowrap}
.site-time-pill{flex:0 0 auto}
@media(max-width:1280px){.admin-top{padding:0 18px}.admin-top .search{max-width:380px}.admin-user-name{display:none}.cron-run-btn b{display:none}}
@media(max-width:1080px){.cron-status-pill div{display:none}.site-time-pill div{display:none}.cron-status-pill,.site-time-pill{padding:0 12px}.admin-top .search{max-width:none}}
@media(max-width:760px){.admin-top{height:auto;min-height:76px;align-items:center}.admin-actions{gap:6px}.cron-run-btn{min-height:42px}.avatar{display:none}}


/* Live refresh */
[data-live-campaign-progress-bar]{transition:width .35s ease}
[data-live-total] .dash-value,[data-live-campaign] strong{transition:.2s ease}


/* Multi SMTP selector */
.smtp-multi-selector{max-height:220px;overflow:auto;border:1px solid #e2e8f0;border-radius:18px;padding:10px;background:#f8fafc;margin-top:8px}
.form-help{font-size:12px;color:#64748b;margin:8px 0 0}


/* Queue SMTP details */
.queue-smtp-detail-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px;margin:12px 0 14px}
.queue-smtp-detail{border:1px solid #e2e8f0;background:#fff;border-radius:14px;padding:9px 11px}
.queue-smtp-detail b{display:block;color:#0f172a;font-size:13px;margin-bottom:3px}
.queue-smtp-detail span{display:block;color:#64748b;font-size:12px;line-height:1.35}
.queue-card-top p{max-width:760px;line-height:1.35}


/* DNS reputation page */
.dns-reputation-page{display:grid;gap:18px}
.dns-overview-card{border-radius:24px}
.dns-domain-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:18px;margin-top:18px}
.dns-domain-card{border:1px solid #e2e8f0;border-radius:24px;background:linear-gradient(180deg,#fff,#fbfdff);padding:20px;box-shadow:0 18px 40px rgba(15,23,42,.06)}
.dns-domain-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}
.dns-domain-head h3{margin:0 0 4px;font-size:24px}.dns-domain-head p{margin:0;color:#64748b}
.dns-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.dns-check-item{border:1px solid #e2e8f0;border-radius:18px;background:#fff;padding:14px;min-height:132px}
.dns-check-item.ok{border-color:#bbf7d0;background:linear-gradient(180deg,#fff,#f0fdf4)}
.dns-check-item.warn{border-color:#fed7aa;background:linear-gradient(180deg,#fff,#fff7ed)}
.dns-check-item b{display:block;font-size:18px;margin-bottom:8px;color:#0f172a}
.dns-check-item small{display:block;margin-top:10px;color:#475569;line-height:1.35;word-break:break-word}
.dns-subtitle{margin:18px 0 10px}
.dns-smtp-list{display:grid;gap:8px}
.dns-smtp-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #e2e8f0;background:#fff;border-radius:14px;padding:10px 12px}
.dns-smtp-row b{display:block;color:#0f172a}.dns-smtp-row span{display:block;color:#64748b;font-size:12px;margin-top:2px}
.dns-help-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.dns-help-grid div{border:1px solid #e2e8f0;border-radius:18px;background:#fff;padding:16px}
.dns-help-grid b{font-size:18px}.dns-help-grid p{color:#64748b;line-height:1.45}
@media(max-width:900px){.dns-check-grid,.dns-help-grid{grid-template-columns:1fr}.dns-domain-grid{grid-template-columns:1fr}}