:root{--navy:#002f57;--blue:#0074c7;--sky:#31b4e7;--orange:#ff5300;--green:#73bc25;--bg:#f4f7fa;--text:#16324a;--muted:#6b7f90;--line:#dce5ec;--white:#fff;--danger:#c62828}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.layout{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.sidebar{background:#071d33;color:#fff;padding:22px 16px;position:sticky;top:0;height:100vh}.brand{font-weight:800;font-size:19px;letter-spacing:.4px;margin-bottom:24px}.brand span{color:var(--orange)}.menu a{display:flex;gap:10px;align-items:center;padding:10px 11px;border-radius:4px;color:#cfdae4;margin:4px 0;font-size:14px}.menu a:hover,.menu a.active{background:#0d3155;color:#fff}.main{padding:24px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.topbar h1{font-size:26px;margin:0}.muted{color:var(--muted)}.card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px}.grid{display:grid;gap:16px}.grid.kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.kpi strong{font-size:28px;color:var(--navy);display:block;margin-top:6px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);font-size:14px}.table th{color:var(--muted);font-size:12px;text-transform:uppercase}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:4px;padding:10px 14px;font-weight:700;cursor:pointer}.btn.primary{background:var(--orange);color:#fff}.btn.secondary{background:var(--navy);color:#fff}.btn.ghost{background:#eef4f8;color:var(--navy)}.btn.danger{background:#fee8e8;color:var(--danger)}.actions{display:flex;gap:8px;flex-wrap:wrap}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid .full{grid-column:1/-1}label{display:block;font-size:13px;font-weight:700;color:var(--text)}input,select,textarea{width:100%;border:1px solid #cbd7e1;background:#fff;border-radius:4px;padding:10px 11px;margin-top:6px}.flash{padding:12px 14px;border-radius:6px;margin-bottom:16px}.flash.ok{background:#e8f7df;color:#2f6b12}.flash.error{background:#fee9e7;color:#8f1f16}.badge{display:inline-flex;border-radius:20px;padding:5px 9px;font-size:12px;font-weight:700;background:#eef4f8}.badge.sent,.badge.active{background:#e8f7df;color:#2f6b12}.badge.draft{background:#fff4dc;color:#8b5d00}.badge.bounced,.badge.failed{background:#fee9e7;color:#8f1f16}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#061a2f,#0d3f69)}.login .box{width:min(430px,92vw);background:#fff;padding:28px;border-radius:12px}.login h1{color:var(--navy);margin-top:0}.editor-shell{display:grid;grid-template-columns:180px minmax(0,1fr) 280px;gap:14px}.palette,.inspector{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px;align-self:start;position:sticky;top:18px}.palette button{width:100%;text-align:left;margin:5px 0;padding:9px;border:1px solid var(--line);background:#fff;border-radius:4px;cursor:pointer}.canvas{background:#e8edf2;border-radius:10px;padding:22px;min-height:650px}.email-page{max-width:680px;margin:auto;background:#fff;min-height:560px;padding:28px;box-shadow:0 8px 28px rgba(6,28,50,.08)}.block{border:1px dashed transparent;padding:8px;position:relative}.block:hover,.block.selected{border-color:var(--sky)}.block-tools{display:none;position:absolute;right:4px;top:4px;gap:4px}.block:hover .block-tools{display:flex}.block-tools button{border:0;background:#eff5f8;border-radius:3px;padding:4px 6px;cursor:pointer}.html-preview{width:100%;min-height:180px;border:0;background:#fff}.codearea{font-family:Consolas,monospace;min-height:240px}.toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.chart{height:210px;display:flex;align-items:end;gap:10px;padding:15px 8px;border-bottom:1px solid var(--line)}.chart .bar{flex:1;background:#d9eaf7;min-width:15px;border-radius:4px 4px 0 0;position:relative}.chart .bar span{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);font-size:11px;color:var(--muted);padding-bottom:3px}.split{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:1100px){.grid.kpis{grid-template-columns:repeat(2,1fr)}.editor-shell{grid-template-columns:150px 1fr}.inspector{grid-column:1/-1;position:static}}@media(max-width:760px){.layout{grid-template-columns:1fr}.sidebar{height:auto;position:static}.menu{display:flex;overflow:auto}.menu a{white-space:nowrap}.main{padding:14px}.form-grid,.split{grid-template-columns:1fr}.grid.kpis{grid-template-columns:1fr}.editor-shell{grid-template-columns:1fr}.palette{position:static}.topbar{align-items:flex-start;gap:12px;flex-direction:column}}
/* v0.2 POWER EDITOR + CLIENT REPORT PORTAL */
.editor-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:16px 0 10px;padding:10px 12px;background:#fff;border:1px solid var(--line);border-radius:8px;position:sticky;top:0;z-index:25}.editor-shell.power{grid-template-columns:190px minmax(0,1fr) 300px}.editor-shell.power .palette,.editor-shell.power .inspector{top:68px}.palette-title{font-size:10px;font-weight:800;letter-spacing:1.1px;color:var(--muted);margin:8px 0}.palette-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.palette-grid button{display:flex!important;flex-direction:column;gap:4px;align-items:center;text-align:center!important;font-size:18px;padding:10px 5px!important}.palette-grid button span{font-size:10px;color:var(--muted);font-weight:700}.device-frame{max-width:680px;margin:0 auto;transition:.25s}.device-frame.mobile{max-width:390px}.device-frame.mobile .email-page{padding:8px}.block{transition:.15s;background:#fff}.block.dragging{opacity:.35}.block-label{display:none;position:absolute;left:4px;top:4px;background:var(--sky);color:#fff;font-size:9px;font-weight:800;padding:3px 5px;border-radius:3px;z-index:4}.block.selected .block-label{display:block}.block.selected{outline:2px solid rgba(49,180,231,.15)}.preview-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.social-preview span{display:inline-block;margin:0 8px;font-weight:700}.inspector{max-height:calc(100vh - 90px);overflow:auto}.inspector-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:9px;margin-bottom:10px}.inspector-head span{font-size:10px;background:#eaf5fb;color:#0074c7;padding:4px 6px;border-radius:3px;font-weight:800}.inspector-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.inspector-grid label{font-size:11px}.inspector textarea{min-height:130px}.test-send{margin-top:14px}.test-send form{display:flex;align-items:end;gap:10px}.test-send label{flex:1}.test-send input{margin-bottom:0}.kpi small{display:block;margin-top:5px;color:var(--muted);font-size:11px}.kpi.accent{border-top:3px solid var(--orange)}.report-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.report-card{display:block;background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px;transition:.2s}.report-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(6,28,50,.08);border-color:#b9d6e9}.report-card h3{margin:14px 0 6px}.report-card p{color:var(--muted);min-height:38px}.mini-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding-top:12px;margin-top:12px}.mini-metrics span{font-size:10px;color:var(--muted);text-transform:uppercase}.mini-metrics strong{display:block;color:var(--navy);font-size:18px;margin-bottom:3px}.report-split{margin-top:16px}.performance{display:flex;gap:24px;align-items:center;justify-content:center;padding:18px 0}.donut{--p:0;width:138px;height:138px;border-radius:50%;background:conic-gradient(var(--blue) calc(var(--p)*1%),#e8eef3 0);display:grid;place-items:center;position:relative}.donut:before{content:"";position:absolute;width:96px;height:96px;border-radius:50%;background:#fff}.donut>div{position:relative;text-align:center}.donut strong{display:block;font-size:25px;color:var(--navy)}.donut span{font-size:11px;color:var(--muted)}.spark-bars{height:165px;display:flex;align-items:flex-end;gap:8px;padding-top:10px}.spark-col{flex:1;min-width:14px;text-align:center}.spark-col i{display:block;background:linear-gradient(#31b4e7,#0074c7);border-radius:4px 4px 0 0;min-height:4px}.spark-col span{display:block;font-size:9px;color:var(--muted);padding-top:4px}.link-ranking>div{padding:11px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center}.link-ranking span{font-size:11px;color:var(--muted)}.link-url{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--blue)}.summary-list p{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:10px 0;margin:0}.eyebrow{display:inline-block;font-size:10px;letter-spacing:1.3px;font-weight:800;color:var(--sky);margin-bottom:6px}.permission-flow{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:18px 0}.permission-flow span{background:#eef5f9;border:1px solid #d8e6ef;border-radius:4px;padding:10px 12px;font-size:12px;font-weight:700}.client-manage{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-top:16px}.campaign-permissions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.campaign-permissions label{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);padding:11px;border-radius:6px;cursor:pointer}.campaign-permissions input{width:auto;margin:3px 0 0}.campaign-permissions small{display:block;color:var(--muted);font-weight:400;margin-top:3px}.soft{border:0;border-top:1px solid var(--line);margin:20px 0}.portal-body{background:#f4f7fa}.portal-top{height:74px;background:#071d33;color:#fff;padding:0 max(20px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px}.portal-top .brand{margin:0}.portal-top .muted{color:#9fb0bf}.portal-logo{max-width:180px;max-height:46px}.portal-main{max-width:1180px;margin:0 auto;padding:28px 20px 50px}.portal-hero{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:20px}.portal-hero h1{font-size:34px;color:var(--navy);margin:4px 0}.portal-hero p{margin:0;color:var(--muted)}.portal-footer{text-align:center;padding:25px;color:var(--muted);font-size:11px}.portal-mark{display:inline-block;background:#e9f4fb;color:#0074c7;font-size:10px;font-weight:800;letter-spacing:1.4px;padding:5px 7px;border-radius:4px;margin-bottom:10px}
@media(max-width:1100px){.editor-shell.power{grid-template-columns:160px 1fr}.editor-shell.power .inspector{grid-column:1/-1;position:static;max-height:none}.report-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.editor-top{position:static;align-items:flex-start;flex-direction:column}.editor-shell.power{grid-template-columns:1fr}.palette-grid{grid-template-columns:repeat(5,1fr)}.palette-grid button{min-width:0}.preview-columns{grid-template-columns:1fr}.test-send form{flex-direction:column;align-items:stretch}.report-cards{grid-template-columns:1fr}.client-manage,.campaign-permissions{grid-template-columns:1fr}.portal-top{height:auto;padding:14px 16px;align-items:flex-start}.portal-top>div:last-child{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.portal-main{padding:20px 14px}.portal-hero{align-items:flex-start;flex-direction:column}.portal-hero h1{font-size:27px}.performance{gap:12px}.donut{width:116px;height:116px}.donut:before{width:82px;height:82px}.link-ranking>div{grid-template-columns:1fr}.palette{position:static}.inspector-grid{grid-template-columns:1fr}}

/* v0.3 — visual system inspired by the approved EMAILSEND concept */
:root{--v3-blue:#0669cf;--v3-green:#6ac21b;--v3-orange:#ff6a00;--v3-red:#ef4444;--v3-sky:#0b7bd8;--v3-ink:#0f172a;--v3-soft:#f7f9fc;--v3-line:#e4eaf0}
body{font-family:Arial,Helvetica,sans-serif;background:#f7f9fc;color:#152238}
.layout.v03{grid-template-columns:238px minmax(0,1fr);min-height:100vh}
.layout.v03 .sidebar{background:#fff;color:#172033;border-right:1px solid var(--v3-line);padding:18px 14px;height:100vh;box-shadow:none}
.brand-logo{display:flex;align-items:center;justify-content:center;height:64px;margin:0 0 12px;padding:4px 8px}
.brand-logo img{display:block;max-width:190px;max-height:50px;width:auto;height:auto}
.layout.v03 .menu{display:flex;flex-direction:column;gap:4px}
.layout.v03 .menu a{color:#233248;border-radius:9px;padding:11px 12px;margin:0;font-size:13.5px;font-weight:600;transition:.16s}
.layout.v03 .menu a:hover{background:#f3f7fb;color:#075fbb}
.layout.v03 .menu a.active{background:#edf5ff;color:#075fbb}
.nav-ico{width:22px;height:22px;display:grid;place-items:center;flex:0 0 22px}
.nav-ico svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sidebar-foot{position:absolute;left:16px;right:16px;bottom:18px;border-top:1px solid var(--v3-line);padding-top:16px;display:flex;align-items:center;gap:10px;color:#44556b;font-size:12px}
.sidebar-foot small{display:block;color:#8190a3;margin-top:2px}.support-dot{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#eef5ff;color:#075fbb;font-weight:800}
.layout.v03 .main{padding:0 28px 34px;min-width:0}
.layout.v03 .topbar{margin:0 -28px 22px;padding:18px 28px;border-bottom:1px solid var(--v3-line);background:#fff;min-height:86px}
.layout.v03 .topbar h1{font-size:28px;color:#0a1222;letter-spacing:-.4px}.layout.v03 .topbar .muted{font-size:12px;margin-top:5px}
.top-actions{align-items:center}.tenant-switch select{min-width:165px;margin:0;background:#fff;border-color:var(--v3-line);font-size:12px;padding:9px 32px 9px 10px}
.user-chip{display:flex;align-items:center;gap:9px;padding:4px 10px 4px 4px;border-left:1px solid var(--v3-line)}.user-chip .avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#eef2f7;color:#0b64ba;font-weight:800}.user-chip strong{display:block;font-size:12px}.user-chip small{display:block;color:#77869a;font-size:10px;margin-top:2px}
.login{background:#f4f8fb}.login .box{border:1px solid var(--v3-line);box-shadow:0 24px 70px rgba(8,34,60,.12);border-radius:16px}.login-logo{display:block;width:230px;max-width:80%;margin:0 auto 20px}.login h1{text-align:center;font-size:27px;margin-bottom:6px}.login .box>.muted{text-align:center;display:block;margin-bottom:20px}
.btn.blue,.btn.primary.blue{background:var(--v3-blue);color:#fff}.btn.sm{padding:8px 11px;font-size:11px}.btn.outline-green{border:1px solid #8fd45b;background:#fff;color:#4e9b1c;padding:8px 11px;font-size:11px}.text-link{color:#0768c7;font-size:12px;font-weight:700}.text-link:hover{text-decoration:underline}
.demo-banner{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 16px;margin-bottom:15px;border:1px solid #cce7b4;background:#f5fbeF;border-radius:8px}.demo-banner strong{display:block;color:#2e6511}.demo-banner span{display:block;color:#62775a;font-size:12px;margin-top:3px}.demo-btn{background:#fff;border:1px solid #addb86;color:#3b7e16;padding:8px 11px;font-size:11px}
.dashboard-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.dashboard-actions .muted{font-size:12px}
.kpi-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:14px}.metric-card{background:#fff;border:1px solid var(--v3-line);border-radius:11px;padding:14px;display:flex;gap:11px;align-items:center;min-width:0;box-shadow:0 4px 16px rgba(21,45,74,.035)}.metric-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:21px;flex:0 0 42px}.metric-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}.metric-card small{display:block;color:#586a7e;font-size:10px}.metric-card strong{display:block;color:#101827;font-size:23px;line-height:1.08;margin:4px 0}.metric-card em{display:block;color:#8a98a9;font-size:9px;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-card.blue .metric-icon{background:#e9f3ff;color:#0566c8}.metric-card.green .metric-icon{background:#edf9e7;color:#5aad18}.metric-card.sky .metric-icon{background:#e9f5ff;color:#0a70ca}.metric-card.orange .metric-icon{background:#fff2e7;color:#f26a00}.metric-card.red .metric-icon{background:#fff0f0;color:#e53935}.metric-card.lime .metric-icon{background:#eff9e8;color:#5fab24}
.dashboard-main-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(360px,.95fr);gap:14px;margin-bottom:14px}.dashboard-bottom-grid{display:grid;grid-template-columns:1.05fr .9fr 1.45fr;gap:14px}.card{border-color:var(--v3-line);box-shadow:0 3px 14px rgba(20,45,72,.025)}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.panel-head h3{margin:0;color:#111827;font-size:16px}.panel-head .muted{font-size:10px;display:block;margin-top:3px}
.performance-panel{padding:16px}.legend{display:flex;gap:18px;align-items:center;font-size:10px;color:#657589;margin:6px 0 10px}.lg:before{content:"";width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:6px}.lg.sent:before{background:#65b91f}.lg.opens:before{background:#0669cf}.lg.clicks:before{background:#ff6a00}.line-chart{height:250px}.line-chart svg{width:100%;height:205px;overflow:visible}.line-chart .axis,.line-chart .gridline{stroke:#dfe7ee;stroke-width:1}.line-chart .gridline{stroke-dasharray:3 4}.line-chart .series{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.line-chart .series.sent{stroke:#65b91f}.line-chart .series.opens{stroke:#0669cf}.line-chart .series.clicks{stroke:#ff6a00}.chart-labels{display:flex;justify-content:space-between;color:#8390a2;font-size:9px;padding:0 12px}
.editor-preview{padding:16px;min-width:0}.editor-showcase{display:grid;grid-template-columns:130px minmax(0,1fr);gap:12px;min-height:250px}.mini-tools{display:grid;grid-template-columns:1fr 1fr;gap:7px;align-content:start}.mini-tools a{border:1px solid var(--v3-line);border-radius:7px;min-height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#fff;color:#29384c;font-size:17px}.mini-tools a span{font-size:9px;color:#728197}.mini-tools a:hover{border-color:#bdd8ee;background:#f7fbff}.mini-email{border:1px dashed #cfdae5;border-radius:8px;padding:13px;background:#fff;overflow:hidden}.mini-email>img{display:block;width:120px;max-height:30px;object-fit:contain;margin:0 auto 12px}.mini-hero{background:linear-gradient(135deg,#0d5b9f,#071e3c);padding:22px 18px;color:#fff;text-align:center;border-radius:2px}.mini-hero strong{display:block;font-size:17px;line-height:1.15}.mini-hero span{display:block;font-size:10px;opacity:.9;margin:7px auto 10px;line-height:1.45}.mini-hero b{display:inline-block;background:#6fbd25;padding:6px 12px;border-radius:20px;font-size:8px}.mini-email>i{display:block;height:5px;background:#e0e6ec;border-radius:5px;margin:13px auto 0;width:78%}.mini-email>i.short{width:55%;margin-top:7px}.mini-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.mini-cols span{height:46px;background:#e9edf2;border-radius:4px}
.contacts-widget,.portal-widget,.report-widget{padding:16px}.big-inline{font-size:24px;font-weight:800;color:#101827}.simple-list{margin:10px 0 13px}.simple-list>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #edf1f4;font-size:11px}.simple-list b{color:#314257}.check-list{list-style:none;padding:0;margin:13px 0 16px}.check-list li{font-size:11px;color:#536579;padding:6px 0 6px 20px;position:relative}.check-list li:before{content:"✓";position:absolute;left:0;color:#60b61b;font-weight:800}.lock-badge{width:38px;height:38px;border-radius:10px;background:#eef5ff;display:grid;place-items:center}.report-mini{display:grid;grid-template-columns:.78fr 1.25fr;gap:14px}.report-numbers p{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;padding:9px 0;border-bottom:1px solid #edf1f4;font-size:10px}.report-numbers strong{font-size:13px}.green-txt{color:#58ad19}.blue-txt{color:#0669cf}.orange-txt{color:#f26a00}.link-mini h4{font-size:11px;margin:8px 0 11px}.link-mini>div{display:grid;grid-template-columns:80px 1fr 28px;align-items:center;gap:7px;font-size:8px;margin:9px 0}.link-mini span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-mini i{display:block;height:5px;background:#eef2f5;border-radius:5px}.link-mini i b{display:block;height:100%;background:#65b91f;border-radius:5px}.link-mini em{font-style:normal;color:#6c7b8e;text-align:right}
.preview-columns.three{grid-template-columns:repeat(3,1fr)}
.palette-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.palette>button[data-template]{font-size:11px}.campaign-meta{border-top:3px solid #0768c7}.editor-top strong{color:#0d3155}.editor-top .btn.primary{background:#0768c7}.canvas{background:#edf1f5}.email-page{box-shadow:0 7px 30px rgba(18,43,70,.08)}
.portal-body .portal-top{background:#fff;color:#18324a;border-bottom:1px solid var(--v3-line)}.portal-body .portal-top .muted{color:#7a899a}.portal-logo{max-width:210px}.portal-body .brand{color:#002f57}.portal-body .brand span{color:#ff5300}
@media(max-width:1350px){.kpi-strip{grid-template-columns:repeat(3,1fr)}.dashboard-bottom-grid{grid-template-columns:1fr 1fr}.report-widget{grid-column:1/-1}}
@media(max-width:1050px){.layout.v03{grid-template-columns:210px minmax(0,1fr)}.dashboard-main-grid{grid-template-columns:1fr}.dashboard-bottom-grid{grid-template-columns:1fr}.report-widget{grid-column:auto}.kpi-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.layout.v03{grid-template-columns:1fr}.layout.v03 .sidebar{position:static;height:auto;padding:10px}.brand-logo{height:52px;justify-content:flex-start}.brand-logo img{max-width:160px}.layout.v03 .menu{flex-direction:row;overflow:auto}.layout.v03 .menu a{white-space:nowrap}.sidebar-foot{display:none}.layout.v03 .main{padding:0 14px 25px}.layout.v03 .topbar{margin:0 -14px 16px;padding:14px;align-items:flex-start}.top-actions{width:100%;justify-content:flex-start}.user-chip{border-left:0;padding-left:0}.dashboard-actions{align-items:flex-start}.kpi-strip{grid-template-columns:1fr}.editor-showcase{grid-template-columns:1fr}.mini-tools{grid-template-columns:repeat(3,1fr)}.report-mini{grid-template-columns:1fr}.demo-banner{align-items:flex-start;flex-direction:column}.dashboard-main-grid,.dashboard-bottom-grid{grid-template-columns:1fr}.line-chart{height:225px}.line-chart svg{height:180px}.preview-columns.three{grid-template-columns:1fr}}
.demo-credentials{display:grid;gap:5px;border:1px solid #cce7b4;background:#f6fceb;padding:13px;border-radius:7px;margin:14px 0}.demo-credentials strong{color:#376b12}.demo-credentials span{font-size:12px;color:#5e7155}

/* =========================================================
   EMAILSEND ONE v0.4 · AUTH + DUAL CLIENT PORTALS
   ========================================================= */
:root{
 --es-navy:#031b34;--es-navy-2:#062c52;--es-blue:#0575cf;--es-sky:#27b9f2;
 --es-orange:#ff5300;--es-green:#72c51b;--es-ink:#0b2a47;--es-soft:#f6f9fc;
}

/* Modern animated access screens */
.auth-screen{min-height:100vh;margin:0;overflow-x:hidden;background:radial-gradient(circle at 8% 5%,rgba(39,185,242,.34),transparent 27%),linear-gradient(135deg,#021426 0%,#042342 48%,#031a31 100%);position:relative;color:#fff}
.auth-effects{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.auth-effects:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 10%,rgba(255,255,255,.025) 46%,transparent 72%);animation:esShimmer 9s ease-in-out infinite}
.fx-orb{position:absolute;border-radius:50%;filter:blur(4px);opacity:.5;animation:esFloat 10s ease-in-out infinite}
.fx-orb-a{width:290px;height:290px;left:-100px;top:-120px;background:radial-gradient(circle,rgba(39,185,242,.65),rgba(5,117,207,.08) 65%,transparent 72%)}
.fx-orb-b{width:190px;height:190px;right:6%;top:9%;background:radial-gradient(circle,rgba(0,116,199,.35),transparent 70%);animation-delay:-3s}
.fx-orb-c{width:160px;height:160px;right:17%;bottom:5%;background:radial-gradient(circle,rgba(114,197,27,.18),transparent 68%);animation-delay:-6s}
.fx-grid{position:absolute;right:11%;top:5%;width:180px;height:80px;opacity:.42;background-image:radial-gradient(circle,rgba(49,180,231,.8) 2px,transparent 2.5px);background-size:23px 23px;animation:esGrid 7s ease-in-out infinite}
.fx-mailmark{position:absolute;width:540px;height:370px;right:-50px;top:22%;opacity:.12;transform:rotate(-8deg);border:34px solid #0b82d5;border-radius:70px 70px 110px 110px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
.fx-mailmark:before,.fx-mailmark:after{content:"";position:absolute;left:50%;top:5%;width:340px;height:34px;border-radius:30px;background:#0b82d5;transform-origin:left center}
.fx-mailmark:before{transform:rotate(34deg)}.fx-mailmark:after{transform:rotate(146deg)}
.fx-wave{position:absolute;left:38%;right:-12%;height:2px;border-radius:50%;transform-origin:center;opacity:.8;filter:drop-shadow(0 0 7px currentColor)}
.fx-wave:after{content:"";position:absolute;inset:-28px 0;background:inherit;opacity:.2;filter:blur(14px)}
.fx-wave-a{bottom:21%;color:#14bbff;background:linear-gradient(90deg,transparent,#1389dd 18%,#19c9ff 50%,#73bc25 77%,#ff6d19 95%,transparent);transform:rotate(6deg) skewY(-3deg);animation:esWave 7s ease-in-out infinite}
.fx-wave-b{bottom:12%;color:#0672cf;background:linear-gradient(90deg,transparent,#0c70c9,#22c7fa,#73bc25,transparent);transform:rotate(12deg);opacity:.55;animation:esWave 9s ease-in-out infinite reverse}
.auth-stage{position:relative;z-index:2;width:min(1240px,92vw);min-height:100vh;margin:0 auto;display:grid;grid-template-columns:minmax(390px,520px) minmax(0,1fr);align-items:center;gap:8vw;padding:56px 0}
.auth-card{background:rgba(255,255,255,.97);color:var(--es-ink);border:1px solid rgba(255,255,255,.7);border-radius:24px;padding:42px 48px;box-shadow:0 32px 90px rgba(0,13,29,.42),0 0 0 1px rgba(39,185,242,.09);position:relative;overflow:hidden}
.auth-card:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:4px;background:linear-gradient(90deg,var(--es-blue),var(--es-sky),var(--es-green),var(--es-orange))}
.auth-logo{display:block;width:min(100%,360px);height:auto;object-fit:contain;object-position:left center;margin:0 0 25px}
.auth-kicker{display:inline-flex;align-items:center;min-height:27px;padding:5px 9px;border-radius:6px;background:#edf7ff;color:#0871c8;font-size:9px;font-weight:900;letter-spacing:1.35px;margin-bottom:10px}
.auth-card h1{font-size:34px;line-height:1.05;margin:0;color:#06294a;letter-spacing:-.6px}
.auth-lead{font-size:16px;line-height:1.65;color:#667d91;margin:12px 0 23px}
.auth-form{display:grid;gap:15px}.auth-form label{font-size:12px;color:#173c5d;font-weight:800}.auth-form input{margin:0;border:0;background:transparent;box-shadow:none;padding:15px 8px;font-size:15px;color:#17334e;min-width:0}.auth-form input:focus{outline:0}.input-with-icon{margin-top:7px;display:grid;grid-template-columns:28px minmax(0,1fr) 38px;align-items:center;border:1px solid #cbd9e5;border-radius:8px;background:#fff;box-shadow:0 3px 12px rgba(10,48,79,.035);transition:.2s}.input-with-icon:focus-within{border-color:#40a5e3;box-shadow:0 0 0 3px rgba(49,180,231,.1)}.input-with-icon>span{display:grid;place-items:center;color:#0878d3;font-size:18px;padding-left:8px}.input-with-icon input{grid-column:2/4}.input-with-icon .password-toggle+input{grid-column:auto}.input-with-icon:has(.password-toggle) input{grid-column:2/3}.password-toggle{grid-column:3;border:0;background:transparent;color:#66849f;cursor:pointer;font-size:16px;padding:10px}
.auth-submit{width:100%;min-height:53px;margin-top:3px;border-radius:7px!important;background:linear-gradient(110deg,#ff6500,#ff4b00)!important;color:#fff;box-shadow:0 10px 24px rgba(255,83,0,.2);font-size:15px;transition:.2s}.auth-submit:hover{transform:translateY(-1px);box-shadow:0 13px 28px rgba(255,83,0,.29)}
.auth-divider{display:flex;align-items:center;gap:12px;color:#8396a7;font-size:10px;text-align:center;margin:22px 0 15px}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:#e1e8ef;flex:1}.auth-divider span{white-space:nowrap}
.auth-portal-links{display:grid;grid-template-columns:1fr 1fr;gap:9px}.auth-portal-links a{border:1px solid #dce7ef;border-radius:8px;padding:11px 12px;display:grid;grid-template-columns:1fr auto;gap:2px 8px;background:#fbfdff;transition:.18s}.auth-portal-links b{font-size:12px;color:#0c5d9e}.auth-portal-links small{grid-column:1/2;color:#74899b;font-size:9px}.auth-portal-links span{grid-row:1/3;grid-column:2;align-self:center;color:#0a72c8}.auth-portal-links a:hover{border-color:#afd5ef;background:#f4faff;transform:translateY(-1px)}
.auth-back-link,.portal-switch-link{display:block;text-align:center;font-size:12px;color:#0670c9;font-weight:700;margin-top:13px}.auth-back-link{font-size:10px;color:#8092a1;font-weight:600}
.auth-promo{max-width:550px;align-self:center;padding:35px 0;color:#fff;text-shadow:0 2px 15px rgba(0,0,0,.18)}.auth-promo-badge{display:inline-flex;border:1px solid rgba(255,255,255,.2);background:rgba(3,33,60,.35);backdrop-filter:blur(8px);border-radius:20px;padding:7px 12px;font-size:10px;font-weight:900;letter-spacing:1.5px;color:#93dcff}.auth-promo h2{font-size:44px;line-height:1.05;margin:18px 0 15px;letter-spacing:-1.2px;max-width:520px}.auth-promo p{font-size:17px;line-height:1.7;color:#c6d8e7;max-width:520px}.promo-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.promo-pills span{padding:8px 11px;border:1px solid rgba(255,255,255,.16);background:rgba(4,42,75,.46);border-radius:6px;color:#d6e7f3;font-size:10px}
.portal-auth-card .auth-logo{width:min(100%,330px)}
@keyframes esFloat{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(18px,18px,0) scale(1.07)}}
@keyframes esWave{0%,100%{translate:0 0;scale:1 1}50%{translate:25px -18px;scale:1.05 1}}
@keyframes esGrid{0%,100%{opacity:.28;transform:translateY(0)}50%{opacity:.55;transform:translateY(10px)}}
@keyframes esShimmer{0%,100%{transform:translateX(-10%)}50%{transform:translateX(8%)}}
@media(prefers-reduced-motion:reduce){.fx-orb,.fx-wave,.fx-grid,.auth-effects:after{animation:none!important}}

/* Admin client portal buttons */
.portal-dual-links{display:grid;gap:10px;margin:16px 0}.portal-dual-links a{display:grid;gap:4px;padding:14px;border:1px solid #dce7ef;background:#f8fbfe;border-radius:8px}.portal-dual-links strong{font-size:13px;color:#083d68}.portal-dual-links small{font-size:9px;color:#8a9aa8;word-break:break-all}.portal-dual-links span{font-size:10px;color:#0874c8;font-weight:800}.portal-row-actions{display:flex;gap:6px;flex-wrap:wrap}.portal-mini{padding:6px 8px;border-radius:4px;font-size:9px;font-weight:800;border:1px solid}.portal-mini.campaigns{background:#eef8ff;color:#066cc0;border-color:#c6e3f7}.portal-mini.reports{background:#f3faec;color:#519d18;border-color:#cfe9bc}.client-portal-access{display:grid;gap:8px}.client-portal-access .portal-access{justify-content:flex-start}.portal-access.campaign{background:#076fc8;color:#fff}.portal-access.reports{background:#64ad21;color:#fff}.client-portal-access small{font-size:9px;color:#7c8c9b;line-height:1.5}

/* Unified client portals */
.client-portal-body{margin:0;background:#f4f8fb;color:#14334d;min-height:100vh}.client-portal-top{min-height:78px;background:#fff;border-bottom:1px solid #dfe8ef;display:grid;grid-template-columns:minmax(180px,250px) 1fr auto;align-items:center;gap:20px;padding:10px max(22px,calc((100vw - 1240px)/2));position:sticky;top:0;z-index:50;box-shadow:0 3px 18px rgba(15,48,74,.035)}.client-portal-brand img{display:block;width:210px;max-width:100%;height:48px;object-fit:contain;object-position:left center}.client-portal-tabs{justify-self:center;display:flex;background:#f2f6f9;padding:4px;border-radius:7px;gap:3px}.client-portal-tabs a{padding:9px 15px;border-radius:5px;font-size:11px;font-weight:800;color:#5a7185}.client-portal-tabs a.active{background:#fff;color:#076ac2;box-shadow:0 2px 8px rgba(11,58,92,.08)}.client-portal-user{display:flex;align-items:center;gap:10px;justify-self:end}.client-portal-user>span:not(.admin-preview-badge){display:grid}.client-portal-user strong{font-size:11px;color:#163a58}.client-portal-user small{font-size:9px;color:#8594a2;margin-top:2px}.admin-preview-badge{background:#fff3e9;color:#d75100;border:1px solid #ffd3b9;border-radius:20px;padding:5px 8px;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.5px}.portal-admin-back,.portal-logout{padding:8px 10px!important;font-size:9px!important;border:1px solid #d8e4ed;background:#fff;color:#1a496f}.client-portal-main{width:min(1240px,94vw);margin:0 auto;padding:32px 0 55px}.portal-welcome-panel{background:linear-gradient(125deg,#052c52,#06467c 70%,#0871c5);color:#fff;border-radius:15px;padding:28px 31px;display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:18px;box-shadow:0 12px 30px rgba(5,42,76,.1);position:relative;overflow:hidden}.portal-welcome-panel:after{content:"";position:absolute;width:300px;height:300px;right:-110px;top:-140px;border-radius:50%;border:55px solid rgba(49,180,231,.14)}.portal-welcome-panel.compact{padding:22px 27px}.portal-section-kicker{display:inline-block;font-size:9px;font-weight:900;letter-spacing:1.3px;color:#64d3ff;margin-bottom:7px}.portal-welcome-panel h1{margin:0;font-size:29px;letter-spacing:-.4px}.portal-welcome-panel p{margin:8px 0 0;color:#c9e0ef;font-size:12px;max-width:720px}.portal-welcome-icon{width:62px;height:62px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);border-radius:15px;font-size:31px;position:relative;z-index:2}.portal-welcome-icon.chart-icon{color:#90d14c}.portal-header-actions{display:flex;gap:8px;position:relative;z-index:2}.portal-primary{background:#ff5800;color:#fff}.portal-secondary{background:#eef5fa;color:#0c547e}.portal-welcome-panel .portal-secondary{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.18)}
.campaign-portal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.portal-campaign-card{background:#fff;border:1px solid #dde7ef;border-radius:12px;padding:18px;box-shadow:0 4px 18px rgba(15,45,70,.025);min-width:0}.portal-card-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.portal-card-date{font-size:9px;color:#8595a5}.portal-campaign-card h2{font-size:18px;margin:14px 0 6px;color:#0b2f4c}.portal-subject{font-size:11px;color:#6f8190;line-height:1.5;min-height:34px}.portal-campaign-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:12px 0;border-top:1px solid #edf1f5;border-bottom:1px solid #edf1f5;margin:15px 0}.portal-campaign-meta small{display:block;font-size:8px;color:#8b99a6;text-transform:uppercase}.portal-campaign-meta strong{display:block;font-size:11px;color:#183a55;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portal-card-actions{display:flex;gap:7px}.portal-card-actions .btn{font-size:10px;padding:8px 10px}
.campaign-detail-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:16px}.campaign-detail-sidebar{display:grid;gap:14px;align-content:start}.portal-detail-card h3{margin:14px 0 10px}.portal-definition{margin:0}.portal-definition>div{padding:9px 0;border-bottom:1px solid #edf1f5}.portal-definition dt{font-size:8px;color:#8494a2;text-transform:uppercase;font-weight:800}.portal-definition dd{font-size:11px;font-weight:700;color:#1a3b55;margin:4px 0 0;line-height:1.45}.portal-definition dd span{font-size:9px;color:#788a99;font-weight:500}.campaign-mini-report{display:grid;grid-template-columns:1fr 1fr;gap:12px}.campaign-mini-report>.portal-section-kicker,.campaign-mini-report>.portal-text-link{grid-column:1/-1}.campaign-mini-report>div{border:1px solid #e4ecf2;border-radius:8px;padding:11px}.campaign-mini-report strong{display:block;font-size:22px;color:#076fc5}.campaign-mini-report span{font-size:8px;color:#8291a0}.portal-text-link{font-size:10px;color:#076fc5;font-weight:800}.campaign-preview-card{padding:14px}.portal-preview-head{display:flex;justify-content:space-between;align-items:center;padding:4px 4px 12px}.portal-preview-head h3{margin:0}.portal-device-label{font-size:9px;color:#748797;background:#eef4f8;padding:6px 8px;border-radius:4px}.portal-email-frame{background:#e8eef3;border-radius:9px;padding:18px;min-height:600px}.portal-email-frame iframe{display:block;width:min(100%,680px);min-height:650px;margin:0 auto;border:0;background:#fff;box-shadow:0 8px 28px rgba(8,42,70,.09)}
.portal-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.portal-kpi-card{background:#fff;border:1px solid #dde7ef;border-top:3px solid #0874cb;border-radius:10px;padding:16px}.portal-kpi-card.green{border-top-color:#68b824}.portal-kpi-card.orange{border-top-color:#ff6900}.portal-kpi-card.red{border-top-color:#e94a43}.portal-kpi-card>span{display:block;color:#738596;font-size:9px}.portal-kpi-card>strong{display:block;color:#102f49;font-size:25px;margin:6px 0}.portal-kpi-card>small{display:block;color:#8292a1;font-size:9px}.portal-report-panel{padding:18px}.orange-donut{background:conic-gradient(#ff6900 calc(var(--p)*1%),#e8eef3 0)}.interaction-panel{margin-top:16px}.portal-empty{text-align:center;padding:45px 20px}.portal-empty strong{font-size:18px;color:#173c5b}.portal-empty p{font-size:11px;color:#7d8e9c}.client-portal-footer{display:flex;justify-content:center;align-items:center;gap:10px;padding:22px;color:#8795a3;font-size:9px}.client-portal-footer img{width:105px;height:28px;object-fit:contain}

@media(max-width:980px){.auth-stage{grid-template-columns:minmax(0,560px);justify-content:center;padding:38px 0}.auth-promo{display:none}.campaign-portal-grid{grid-template-columns:repeat(2,1fr)}.campaign-detail-layout{grid-template-columns:1fr}.campaign-detail-sidebar{grid-template-columns:1fr 1fr}.portal-kpi-grid{grid-template-columns:repeat(2,1fr)}.client-portal-top{grid-template-columns:170px 1fr;gap:8px}.client-portal-tabs{justify-self:end}.client-portal-user{grid-column:1/-1;justify-self:stretch;justify-content:flex-end;border-top:1px solid #eef2f5;padding-top:8px}}
@media(max-width:650px){.auth-stage{width:min(94vw,520px);padding:22px 0}.auth-card{padding:30px 22px;border-radius:18px}.auth-logo{width:min(100%,300px);margin-bottom:20px}.auth-card h1{font-size:29px}.auth-portal-links{grid-template-columns:1fr}.fx-mailmark{opacity:.06;right:-230px}.client-portal-top{position:static;grid-template-columns:1fr;padding:10px 16px}.client-portal-brand{display:flex;justify-content:center}.client-portal-brand img{width:190px;object-position:center}.client-portal-tabs{justify-self:stretch;justify-content:center}.client-portal-user{grid-column:auto;justify-content:center;flex-wrap:wrap;text-align:center}.client-portal-main{width:92vw;padding-top:18px}.portal-welcome-panel{padding:20px;align-items:flex-start}.portal-welcome-panel h1{font-size:22px}.portal-welcome-icon{display:none}.portal-header-actions{flex-wrap:wrap}.campaign-portal-grid{grid-template-columns:1fr}.campaign-detail-sidebar{grid-template-columns:1fr}.portal-kpi-grid{grid-template-columns:1fr}.portal-email-frame{padding:8px}.portal-email-frame iframe{min-height:540px}.portal-campaign-meta{grid-template-columns:1fr 1fr}.portal-card-actions{flex-wrap:wrap}}

/* =========================================================
   EMAILSEND ONE v0.5 · SOCRATES HERO SYSTEM
   Typography, buttons, dashboards, builder, profile, SMTP/DNS
   ========================================================= */
:root{
  --exo:'Exo 2',Arial,sans-serif;
  --ubuntu:'Ubuntu Sans',Arial,sans-serif;
  --navy-deep:#061b30;
  --navy-2:#082c4d;
  --blue-2:#0879ce;
  --soft-blue:#eef7fd;
  --shadow:0 10px 30px rgba(5,39,70,.07);
}
html{scroll-behavior:smooth}
body,button,input,select,textarea{font-family:var(--ubuntu)}
body{font-size:14px;letter-spacing:-.01em}
h1,h2,h3,h4,h5,h6,.eyebrow,.topbar-eyebrow,.metric-card strong,.kpi strong,.btn,.badge,.hero-kicker,.portal-section-kicker,.manual-number{font-family:var(--exo)}
h1,h2,h3,h4{letter-spacing:-.025em}
h2{font-weight:700}h3{font-weight:700}
.muted,p,small,.auth-lead,.portal-subject{font-family:var(--ubuntu)}

/* unified buttons */
.btn{min-height:40px;height:40px;padding:0 14px;border-radius:4px;border:1px solid transparent;gap:8px;font-size:12px;font-weight:700;line-height:1;white-space:nowrap;box-shadow:none;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease}
.btn:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(8,49,83,.10)}
.btn:focus-visible{outline:3px solid rgba(49,180,231,.28);outline-offset:2px}
.btn svg,.btn-ico svg,.mini-ico svg,.settings-icon svg,.metric-icon svg,.nav-ico svg,.palette-ico svg,.portal-welcome-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.btn-ico{display:inline-grid;place-items:center;width:18px;height:18px;flex:0 0 18px}
.btn-orange,.btn.primary{background:#ff5300;color:#fff;border-color:#ff5300}.btn-orange:hover,.btn.primary:hover{background:#e84b00;border-color:#e84b00}
.btn-blue,.btn.secondary{background:#0074c7;color:#fff;border-color:#0074c7}.btn-blue:hover,.btn.secondary:hover{background:#0568ae;border-color:#0568ae}
.btn-green{background:#66b41e;color:#fff;border-color:#66b41e}.btn-green:hover{background:#599f18;border-color:#599f18}
.btn-light,.btn.ghost{background:#f4f8fb;color:#174a70;border-color:#d7e4ed}.btn-light:hover,.btn.ghost:hover{background:#eaf3f9;border-color:#bfd5e4}
.btn-code{background:#0b2944;color:#fff;border-color:#0b2944}.btn-code:hover{background:#061d33;border-color:#061d33}
.btn-danger,.btn.danger{background:#fff1f0;color:#c83c32;border-color:#f3cbc8}.btn-danger:hover,.btn.danger:hover{background:#ffe5e2;border-color:#eeaaa5}
.btn.sm,.portal-mini,.portal-admin-back,.portal-logout{min-height:40px;height:40px;padding:0 14px;font-size:12px;border-radius:4px}
.icon-btn{width:40px;padding:0!important}
.actions{align-items:center}
.actions form{margin:0}

/* sidebar + header */
.layout.v05{grid-template-columns:244px minmax(0,1fr)}
.layout.v05 .sidebar{background:linear-gradient(180deg,#061c31 0%,#082a49 72%,#061c31 100%);padding:20px 14px 16px;border-right:1px solid rgba(255,255,255,.04)}
.brand-logo{display:flex;align-items:center;justify-content:center;padding:8px 7px 20px}.brand-logo img{width:190px;height:56px;object-fit:contain}
.sidebar-label{font:700 9px/1 var(--exo);letter-spacing:1.5px;color:#7893aa;padding:6px 12px 7px}
.layout.v05 .menu a{height:42px;padding:0 11px;margin:3px 0;border-radius:5px;font-size:12px;color:#c8d8e5;transition:.15s}
.layout.v05 .menu a:hover{background:rgba(255,255,255,.055);color:#fff}.layout.v05 .menu a.active{background:#fff;color:#0a4f82;box-shadow:0 7px 20px rgba(0,0,0,.12)}
.nav-ico{width:24px;height:24px;display:grid;place-items:center;border-radius:5px;flex:0 0 24px}.menu .nav-dashboard .nav-ico{color:#2c9cf0}.menu .nav-campaigns .nav-ico{color:#ff6a12}.menu .nav-contacts .nav-ico{color:#74c522}.menu .nav-reports .nav-ico{color:#31b4e7}.menu .nav-clients .nav-ico{color:#f6bd00}.menu .nav-settings .nav-ico{color:#9fb3c2}
.menu a.active .nav-ico{color:inherit}
.sidebar-spacer{min-height:24px;flex:1}.layout.v05 .sidebar{display:flex;flex-direction:column}
.sidebar-help{display:flex;gap:10px;align-items:center;padding:11px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);border-radius:6px;margin-top:auto}.sidebar-help .nav-ico{color:#31b4e7}.sidebar-help strong{font:700 11px var(--exo);display:block}.sidebar-help small{font-size:9px;color:#8fa8bc;display:block;margin-top:2px}
.developer-credit{border-top:1px solid rgba(255,255,255,.08);margin-top:12px;padding:13px 8px 7px;display:grid;gap:5px}.developer-credit span{font-size:8px;color:#718ba0;text-transform:uppercase;letter-spacing:1px}.developer-credit img{width:134px;height:34px;object-fit:contain;object-position:left center}.sidebar-version{font-size:8px;color:#58748b;padding:2px 8px}
.main{padding:23px 25px 34px;min-width:0}.topbar{min-height:70px;border-bottom:1px solid #e2e9ef;padding-bottom:14px;margin-bottom:18px}.topbar-copy{min-width:0}.topbar-eyebrow{font-size:9px;letter-spacing:1.2px;color:#0a79c7;text-transform:uppercase}.topbar h1{font-size:25px;color:#092f50;margin-top:4px}.topbar .muted{font-size:11px;margin-top:4px}
.user-menu{position:relative}.user-menu summary{list-style:none;display:flex;align-items:center;gap:8px;border:1px solid #dae4eb;background:#fff;border-radius:6px;padding:5px 8px;min-height:46px;cursor:pointer}.user-menu summary::-webkit-details-marker{display:none}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#0074c7,#31b4e7);color:#fff;font:700 13px var(--exo);overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.user-summary{display:grid;min-width:88px}.user-summary strong{font:700 11px var(--exo);color:#123c5c}.user-summary small{font-size:9px;color:#8493a0}.chevron{font-size:13px;color:#7c8b97}.user-popover{position:absolute;right:0;top:calc(100% + 7px);width:270px;background:#fff;border:1px solid #dce6ed;border-radius:8px;box-shadow:0 18px 50px rgba(3,30,52,.14);padding:8px;z-index:90}.user-popover-head{display:flex;gap:10px;align-items:center;padding:9px;border-bottom:1px solid #edf2f5}.avatar.large{width:42px;height:42px}.user-popover-head>div{display:grid}.user-popover-head strong{font:700 12px var(--exo)}.user-popover-head small{font-size:9px;color:#80909e}.user-popover>a{display:flex;align-items:center;gap:10px;padding:10px;border-radius:5px}.user-popover>a:hover{background:#f4f8fb}.user-popover .mini-ico{display:grid;place-items:center;width:30px;height:30px;border-radius:5px;background:#eef7fd;color:#0074c7}.user-popover>a>span:last-child{display:grid}.user-popover>a strong{font:700 11px var(--exo)}.user-popover>a small{font-size:9px;color:#8494a2;margin-top:2px}.logout-link .mini-ico{background:#fff0ef!important;color:#d3483c!important}

/* Socrates Hero dashboard */
.socrates-dashboard-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.45fr) 260px;gap:20px;min-height:230px;background:linear-gradient(118deg,#061d35 0%,#073f6d 62%,#0b78bf 100%);border-radius:16px;padding:30px 34px;color:#fff;box-shadow:0 16px 38px rgba(4,42,75,.14);margin-bottom:24px}
.socrates-dashboard-hero:before{content:"";position:absolute;width:390px;height:390px;border:68px solid rgba(49,180,231,.12);border-radius:46% 54% 60% 40%;right:-120px;top:-165px;transform:rotate(24deg)}.socrates-dashboard-hero:after{content:"";position:absolute;left:-8%;right:-8%;bottom:-95px;height:150px;border-top:1px solid rgba(49,180,231,.55);border-radius:50%;box-shadow:0 -16px 0 rgba(49,180,231,.07),0 -32px 0 rgba(115,188,37,.05)}
.hero-grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to right,#000 0%,transparent 85%)}
.hero-copy{position:relative;z-index:2;align-self:center;max-width:710px}.hero-kicker{display:inline-block;color:#7bdcff;font-size:9px;letter-spacing:1.5px;margin-bottom:8px}.hero-copy h2{font-size:36px;line-height:1.06;margin:0;max-width:650px}.hero-copy h2 span{color:#8ed54b}.hero-copy p{font-size:13px;line-height:1.65;color:#d0e2ef;max-width:620px;margin:13px 0 18px}.hero-actions{display:flex;gap:8px;flex-wrap:wrap}.hero-orbit{width:190px;height:190px;border:1px solid rgba(255,255,255,.15);border-radius:50%;align-self:center;justify-self:center;position:relative;z-index:2;box-shadow:inset 0 0 0 34px rgba(255,255,255,.025)}.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(49,180,231,.16);inset:24px}.hero-orbit:after{inset:-17px;border-color:rgba(115,188,37,.13)}.orbit-core{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:18px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;color:#fff;backdrop-filter:blur(8px)}.orbit-core svg{width:35px;height:35px;fill:none;stroke:currentColor;stroke-width:1.6}.orbit-dot{position:absolute;width:10px;height:10px;border-radius:50%;box-shadow:0 0 16px currentColor}.orbit-dot.d1{left:10px;top:74px;background:#31b4e7;color:#31b4e7}.orbit-dot.d2{right:20px;top:25px;background:#ff5300;color:#ff5300}.orbit-dot.d3{right:12px;bottom:38px;background:#73bc25;color:#73bc25}.hero-mini-stats{position:absolute;z-index:3;right:28px;bottom:23px;display:flex;gap:15px}.hero-mini-stats div{min-width:62px;border-left:1px solid rgba(255,255,255,.18);padding-left:10px}.hero-mini-stats strong{font:700 18px var(--exo);display:block}.hero-mini-stats span{font-size:8px;color:#acc8da;text-transform:uppercase}
.section-heading{display:flex;justify-content:space-between;align-items:end;margin:4px 0 12px}.section-heading h2{font-size:20px;margin:2px 0 3px;color:#0b3453}.section-heading p{font-size:11px;margin:0}.eyebrow{font-size:8px;letter-spacing:1.45px;color:#1685cc}

/* KPI pie cards */
.kpi-strip.kpi-donuts{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.metric-card{--metric-color:#0074c7;min-height:126px;display:grid!important;grid-template-columns:42px minmax(0,1fr) 78px;align-items:center;gap:11px;padding:15px!important;border-radius:10px!important}.metric-card.blue{--metric-color:#0074c7}.metric-card.green{--metric-color:#73bc25}.metric-card.sky{--metric-color:#31b4e7}.metric-card.orange{--metric-color:#ff6c13}.metric-card.red{--metric-color:#e35049}.metric-card.lime{--metric-color:#82c93b}.metric-card .metric-icon{width:38px;height:38px;border-radius:10px;background:color-mix(in srgb,var(--metric-color) 11%,white);color:var(--metric-color);display:grid;place-items:center}.metric-card .metric-icon svg{width:21px;height:21px}.metric-copy{min-width:0}.metric-card small{font-size:9px;color:#6f8190}.metric-card strong{font-size:23px;color:#0c2f4b;margin:3px 0 1px;display:block}.metric-card em{font-style:normal;font-size:9px;color:#81909d;white-space:normal}.metric-donut{width:64px;height:64px;border-radius:50%;background:conic-gradient(var(--metric-color) calc(var(--p)*1%),#e9eff3 0);position:relative;display:grid;place-items:center}.metric-donut:before{content:"";position:absolute;width:48px;height:48px;background:#fff;border-radius:50%}.metric-donut span{position:relative;z-index:1;width:42px;text-align:center;font:700 8px/1.15 var(--exo);color:#4f6475}

/* extra dashboard graphs */
.dashboard-insights-grid{display:grid;grid-template-columns:1.25fr .8fr .9fr;gap:14px;margin-top:14px}.campaign-bars{display:grid;gap:14px;margin-top:14px}.campaign-bar-row{display:grid;grid-template-columns:minmax(110px,1fr) minmax(150px,2fr) 72px;gap:10px;align-items:center}.campaign-bar-label{display:grid;min-width:0}.campaign-bar-label strong{font:700 10px var(--exo);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#173c59}.campaign-bar-label small{font-size:8px;color:#8a98a5}.campaign-bar-track{height:10px;border-radius:5px;background:#edf2f5;position:relative;overflow:hidden}.campaign-bar-track span{position:absolute;left:0;height:5px;border-radius:5px}.campaign-bar-track .bar-open{top:0;background:#0074c7}.campaign-bar-track .bar-click{bottom:0;background:#ff6a12}.campaign-bar-values{display:flex;justify-content:flex-end;gap:7px;font-size:9px}.campaign-bar-values b{color:#0074c7}.campaign-bar-values em{font-style:normal;color:#ff6a12;font-weight:700}.bar-legend{display:flex;gap:15px;justify-content:flex-end;margin-top:11px;font-size:8px;color:#7b8c9a}.bar-legend span:before{content:"";display:inline-block;width:7px;height:7px;border-radius:2px;margin-right:5px}.bar-legend .open:before{background:#0074c7}.bar-legend .click:before{background:#ff6a12}
.health-layout{display:flex;align-items:center;gap:18px;margin-top:10px}.health-donut{width:120px;height:120px;flex:0 0 120px;border-radius:50%;background:conic-gradient(#73bc25 0 calc(var(--active)*1%),#e34f47 calc(var(--active)*1%) calc((var(--active) + var(--bounced))*1%),#ff7a1a 0);position:relative;display:grid;place-items:center}.health-donut:before{content:"";position:absolute;width:82px;height:82px;background:#fff;border-radius:50%}.health-donut>div{position:relative;text-align:center}.health-donut strong{font:700 19px var(--exo);color:#103653;display:block}.health-donut span{font-size:8px;color:#81909e}.health-legend{flex:1}.health-legend p{display:grid;grid-template-columns:10px 1fr auto;gap:7px;align-items:center;border-bottom:1px solid #edf2f5;padding:8px 0;margin:0;font-size:9px}.health-legend i{width:8px;height:8px;border-radius:50%}.health-legend i.active{background:#73bc25}.health-legend i.bounced{background:#e34f47}.health-legend i.unsub{background:#ff7a1a}.health-legend strong{font-family:var(--exo);color:#173c59}
.funnel-list{display:grid;gap:12px;margin-top:15px}.funnel-list>div{display:grid;grid-template-columns:75px 1fr 52px;gap:9px;align-items:center}.funnel-list span{font-size:9px;color:#647888}.funnel-list i{height:9px;border-radius:6px;background:#edf2f5;overflow:hidden}.funnel-list b{display:block;height:100%;border-radius:6px}.funnel-list b.blue{background:#0074c7}.funnel-list b.green{background:#73bc25}.funnel-list b.sky{background:#31b4e7}.funnel-list b.orange{background:#ff6a12}.funnel-list strong{text-align:right;font:700 10px var(--exo);color:#173c59}
.lock-badge svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}

/* Modern builder */
.campaign-setup{margin-bottom:12px}.campaign-setup-head{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-bottom:13px}.campaign-setup-head h3{margin:2px 0 4px}.campaign-setup-head p{margin:0;font-size:10px}.campaign-status-pill{display:flex;align-items:center;gap:6px;background:#f2f7fa;border:1px solid #dbe6ed;color:#36617f;padding:7px 10px;border-radius:20px;font:700 9px var(--exo);text-transform:uppercase}.campaign-status-pill svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7}.campaign-fields label{font-size:11px}.modern-editor-toolbar{top:8px;z-index:35;padding:9px 10px;border-radius:8px;box-shadow:0 8px 22px rgba(6,34,56,.06)}.editor-brand{display:flex;align-items:center;gap:9px}.editor-brand-icon{width:34px;height:34px;border-radius:7px;background:#e9f5fc;color:#0074c7;display:grid;place-items:center}.editor-brand-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}.editor-brand>div{display:grid}.editor-brand strong{font:700 12px var(--exo);color:#0b3452}.editor-brand small{font-size:8px;color:#8493a0}.editor-toolbar-groups{display:flex;gap:7px;flex-wrap:wrap}.editor-action-group{display:flex;gap:5px;padding-left:7px;border-left:1px solid #e2e9ee}.editor-action-group:first-child{border-left:0;padding-left:0}.modern-editor-toolbar .btn{height:36px;min-height:36px;font-size:10px;padding:0 11px}.modern-editor-toolbar .icon-btn{width:36px;padding:0}.modern-editor-toolbar .is-active{background:#e9f5fc;border-color:#b9ddf3;color:#0074c7}
.editor-shell.power.v05-builder{grid-template-columns:224px minmax(0,1fr) 306px;gap:11px;align-items:start}.builder-sidebar,.builder-inspector{top:62px;border-radius:9px;box-shadow:0 8px 24px rgba(5,37,63,.04)}.builder-sidebar{padding:10px;max-height:calc(100vh - 82px);overflow:auto}.builder-sidebar-head{display:grid;padding:4px 4px 8px;border-bottom:1px solid #edf2f5}.builder-sidebar-head strong{font:700 13px var(--exo);color:#123b5a}.builder-sidebar-head small{font-size:8px;color:#8a99a6}.builder-sidebar .palette-title{font-size:8px;letter-spacing:1.3px;margin:13px 3px 7px;color:#80909d}.builder-sidebar .palette-grid{gap:6px}.builder-sidebar .palette-grid button{margin:0!important;min-height:62px!important;border:1px solid #dee8ef!important;background:#fff!important;border-radius:6px!important;padding:8px 5px!important;gap:5px!important;color:#1d526f}.builder-sidebar .palette-grid button:hover{border-color:#9fd1ef!important;background:#f4fbff!important;transform:translateY(-1px)}.palette-ico{display:grid;place-items:center;color:#0074c7}.palette-ico svg{width:20px;height:20px}.builder-sidebar .palette-grid button span:last-child{font:600 9px var(--ubuntu);color:#5c7283}.builder-sidebar .html-block .palette-ico{color:#ff5a00}.template-gallery{display:grid;gap:7px}.template-tile{display:grid!important;grid-template-columns:42px 1fr;align-items:center!important;gap:9px!important;width:100%;margin:0!important;text-align:left!important;padding:7px!important;border:1px solid #e0e8ee!important;border-radius:6px!important;background:#fff!important}.template-tile:hover{background:#f8fbfd!important;border-color:#b8d8e9!important}.template-tile i{height:38px;border-radius:4px;display:block;background:linear-gradient(145deg,#0a4f82,#31b4e7);position:relative;overflow:hidden}.template-tile i:after{content:"";position:absolute;left:6px;right:6px;bottom:7px;height:4px;border-radius:2px;background:rgba(255,255,255,.75);box-shadow:0 -8px 0 rgba(255,255,255,.34)}.template-tile.promo i{background:linear-gradient(145deg,#ff5300,#f6bd00)}.template-tile.corporate i{background:linear-gradient(145deg,#002f57,#0074c7)}.template-tile.event i{background:linear-gradient(145deg,#31b4e7,#73bc25)}.template-tile.product i{background:linear-gradient(145deg,#081f34,#73bc25)}.template-tile.service i{background:linear-gradient(145deg,#00358f,#31b4e7)}.template-tile.announcement i{background:linear-gradient(145deg,#ff5300,#0074c7)}.template-tile.editorial i{background:linear-gradient(145deg,#455a6b,#b7c7d3)}.template-tile>span{display:grid}.template-tile b{font:700 9px var(--exo);color:#143e5d}.template-tile small{font-size:8px;color:#8796a3;margin-top:2px}
.builder-canvas{padding:0 18px 28px;border:1px solid #dce6ed;background-color:#e9eff4;background-image:radial-gradient(#c7d4de 1px,transparent 1px);background-size:16px 16px;border-radius:9px;min-height:720px}.canvas-head{height:46px;margin:0 -18px 20px;padding:0 15px;background:#f7fafc;border-bottom:1px solid #dce6ed;border-radius:9px 9px 0 0;display:flex;align-items:center;justify-content:space-between;color:#647b8d}.canvas-head>div{display:flex;align-items:center;gap:7px}.canvas-head strong{font:700 10px var(--exo);color:#234d69}.canvas-head>span{font-size:8px}.canvas-dot{width:8px;height:8px;background:#73bc25;border-radius:50%;box-shadow:0 0 0 4px rgba(115,188,37,.12)}.builder-canvas .device-frame{transition:max-width .22s ease}.builder-canvas .email-page{border-radius:3px;box-shadow:0 15px 35px rgba(3,31,53,.11);padding:0;overflow:hidden}.builder-inspector{padding:12px;max-height:calc(100vh - 80px)}.builder-inspector .inspector-head{position:sticky;top:-12px;background:#fff;z-index:2;padding:7px 0 10px}.builder-inspector .inspector-head strong{font:700 12px var(--exo)}.builder-inspector label{font-size:9px;color:#586f80}.builder-inspector input,.builder-inspector select,.builder-inspector textarea{font-size:10px;padding:8px 9px}.builder-inspector textarea{min-height:105px}.block{padding:0}.block.selected{outline:2px solid #31b4e7;outline-offset:2px;z-index:4}.block-label{left:-2px;top:-19px;border-radius:3px 3px 0 0;font:700 8px var(--exo)}.block-tools{right:3px;top:3px;z-index:5}.block-tools button{width:28px;height:28px;padding:0;background:#0a3455;color:#fff;border-radius:4px;font-size:11px}.block-tools button:hover{background:#0074c7}.modern-test-send{margin-top:14px;display:grid;grid-template-columns:1fr 1.2fr;gap:20px;align-items:center}.modern-test-send h3{margin:2px 0 4px}.modern-test-send p{margin:0}.modern-test-send form{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}.modern-test-send label{font-size:10px}

/* profile */
.profile-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.7fr);gap:16px}.profile-card{padding:0;overflow:hidden}.profile-hero{display:flex;gap:17px;align-items:center;padding:22px 24px;background:linear-gradient(120deg,#061f37,#07558d);color:#fff}.profile-hero h2{margin:2px 0 2px}.profile-hero p{margin:0;color:#c2d9e8;font-size:10px}.profile-avatar-large{width:72px;height:72px;border-radius:16px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.18);display:grid;place-items:center;overflow:hidden;flex:0 0 72px}.profile-avatar-large img{width:100%;height:100%;object-fit:cover}.profile-avatar-large span{font:700 28px var(--exo)}.profile-card form{padding:22px 24px}.field-help{display:block;font-size:8px;color:#8393a0;margin-top:5px}.profile-help h3{margin:3px 0 15px}.profile-feature{display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:start;padding:12px 0;border-bottom:1px solid #edf2f5}.profile-feature>span{width:34px;height:34px;border-radius:7px;background:#eef7fd;color:#0074c7;display:grid;place-items:center}.profile-feature svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}.profile-feature strong{font:700 10px var(--exo)}.profile-feature p{margin:3px 0 0;font-size:9px;line-height:1.5;color:#7a8d9c}.profile-help .btn{margin-top:15px}

/* settings SMTP/DNS */
.settings-hero{display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(120deg,#06223e,#07558b);color:#fff;border-radius:13px;padding:22px 25px;margin-bottom:14px;overflow:hidden;position:relative}.settings-hero:after{content:"";position:absolute;width:240px;height:240px;border:42px solid rgba(49,180,231,.12);right:-95px;top:-120px;border-radius:50%}.settings-hero h2{margin:3px 0 7px;font-size:23px}.settings-hero p{max-width:760px;margin:0;color:#c6ddea;font-size:11px;line-height:1.55}.settings-hero-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);z-index:1}.settings-hero-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.6}.settings-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}.smtp-card,.dns-card{min-width:0}.settings-icon{width:38px;height:38px;border-radius:8px;background:#eef7fd;color:#0074c7;display:grid;place-items:center}.settings-icon svg{width:20px;height:20px}.smtp-test-box{margin-top:16px;border-top:1px solid #edf2f5;padding-top:15px}.smtp-test-box form{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}.smtp-test-box label{font-size:10px}.dns-status-list{display:grid;gap:8px;margin-top:12px}.dns-status{display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;padding:10px;border:1px solid #e0e8ee;border-radius:7px;background:#fafcfd}.dns-status>span{width:32px;height:32px;border-radius:7px;display:grid;place-items:center}.dns-status>span svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7}.dns-status.ok>span{background:#edf8e6;color:#5ea31e}.dns-status.warn>span{background:#fff5e7;color:#df7d15}.dns-status>div{display:grid}.dns-status strong{font:700 10px var(--exo)}.dns-status small{font-size:8px;color:#8393a0}.dns-status b{font:700 8px var(--exo);padding:5px 7px;border-radius:4px}.dns-status.ok b{background:#edf8e6;color:#4f9417}.dns-status.warn b{background:#fff4e4;color:#c86b0e}.dns-manual{margin-top:14px;background:#f6f9fb;border:1px solid #e0e8ee;border-radius:7px;padding:14px}.dns-manual h4{font-size:11px;margin:0 0 8px}.dns-manual ol{margin:0;padding-left:18px}.dns-manual li{font-size:9px;line-height:1.5;color:#556d7f;margin:6px 0}.dns-manual code{font:8px Consolas,monospace;background:#e8eef2;padding:2px 4px;border-radius:3px;word-break:break-all}.dns-note{font-size:9px!important;background:#fff;border-left:3px solid #31b4e7;padding:9px;margin:12px 0 0!important;color:#587082!important}.settings-secondary{margin-top:14px}.best-practice-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.best-practice-list p{display:grid;grid-template-columns:32px 1fr;gap:2px 8px;border:1px solid #e3ebf0;border-radius:7px;padding:10px;margin:0}.best-practice-list p>span{grid-row:1/3;width:30px;height:30px;border-radius:6px;background:#eef7fd;color:#0074c7;display:grid;place-items:center}.best-practice-list svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7}.best-practice-list b{font:700 9px var(--exo)}.best-practice-list small{font-size:8px;line-height:1.4;color:#7c8e9b}

/* client portal typography/icons/manual */
.client-portal-body{font-family:var(--ubuntu)}.client-portal-body h1,.client-portal-body h2,.client-portal-body h3,.client-portal-body h4,.client-portal-body strong{font-family:var(--exo)}
.client-portal-tabs a{display:flex;align-items:center;gap:6px}.client-portal-tabs svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8}.client-portal-tabs .manual-active{color:#d95a00}.portal-admin-back,.portal-logout{display:inline-flex;align-items:center;gap:6px}.portal-admin-back svg,.portal-logout svg,.portal-card-actions .btn svg,.portal-header-actions .btn svg,.manual-actions .btn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.portal-card-actions .btn,.portal-header-actions .btn,.manual-actions .btn{gap:7px}.portal-card-actions{flex-wrap:wrap}
.portal-welcome-panel{background:linear-gradient(120deg,#061f37,#07558f 72%,#0878c7)}.portal-welcome-panel h1{font-family:var(--exo)}.portal-welcome-panel p{font-family:var(--ubuntu)}
.client-portal-footer{gap:8px;flex-wrap:wrap}.client-portal-footer>img{width:126px;height:32px;object-fit:contain}.client-portal-footer>span:first-child{font-size:8px;text-transform:uppercase;letter-spacing:.8px}.client-portal-footer i{font-style:normal;color:#c1ccd4}
.portal-manual-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.manual-step{position:relative;overflow:hidden;padding:18px}.manual-step:after{content:"";position:absolute;width:75px;height:75px;border:14px solid #eff6fa;border-radius:50%;right:-30px;top:-32px}.manual-number{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#eaf6fd;color:#0074c7;font-size:10px;margin-bottom:14px}.manual-step h3{font-size:14px;margin:0 0 7px}.manual-step p{font-size:10px;line-height:1.55;color:#667c8c;margin:0}.portal-manual-detail{margin-bottom:14px}.manual-definition-list p{display:grid;grid-template-columns:80px 95px 1fr;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid #edf2f5;margin:0}.manual-definition-list b{font-size:10px}.manual-definition-list small{font-size:9px;color:#7e8f9b}.manual-checks{list-style:none;padding:0;margin:0}.manual-checks li{padding:8px 0;border-bottom:1px solid #edf2f5;font-size:10px;color:#536c7e}.manual-numbered-list{padding-left:20px;margin:0}.manual-numbered-list li{font-size:10px;color:#5b7283;line-height:1.55;margin:7px 0}.manual-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.manual-hero .portal-welcome-icon{font:700 25px var(--exo)}
.green-donut{background:conic-gradient(#73bc25 calc(var(--p)*1%),#e8eef3 0)}.portal-performance-trio{gap:15px}.portal-performance-trio .donut{width:116px;height:116px}.portal-performance-trio .donut:before{width:80px;height:80px}.portal-performance-trio .donut strong{font-size:20px}.portal-funnel{display:grid;gap:13px;margin-top:15px}.portal-funnel>div{display:grid;grid-template-columns:85px 1fr 45px;gap:8px;align-items:center}.portal-funnel span{font-size:9px;color:#617789}.portal-funnel i{height:9px;border-radius:6px;background:#edf2f5;overflow:hidden}.portal-funnel b{display:block;height:100%;border-radius:6px}.portal-funnel b.green{background:#73bc25}.portal-funnel b.blue{background:#0074c7}.portal-funnel b.orange{background:#ff650b}.portal-funnel strong{text-align:right;font-size:10px;color:#173b59}

/* auth developer credit */
.auth-developer{margin-top:30px;display:grid;gap:6px;justify-items:start;opacity:.95}.auth-developer span{font-size:8px;color:#89a5b8;text-transform:uppercase;letter-spacing:1px}.auth-developer img{width:160px;height:42px;object-fit:contain;object-position:left center}.auth-card h1,.auth-promo h2{font-family:var(--exo)}.auth-card,.auth-form,.auth-promo{font-family:var(--ubuntu)}

@media(max-width:1250px){.kpi-strip.kpi-donuts{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-insights-grid{grid-template-columns:1fr 1fr}.delivery-funnel{grid-column:1/-1}.editor-shell.power.v05-builder{grid-template-columns:205px minmax(0,1fr)}.builder-inspector{grid-column:1/-1;position:static;max-height:none}.profile-layout,.settings-grid{grid-template-columns:1fr}.portal-manual-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:980px){.layout.v05{grid-template-columns:1fr}.layout.v05 .sidebar{height:auto;position:relative}.brand-logo{justify-content:flex-start;padding-bottom:9px}.brand-logo img{width:168px}.sidebar-label,.sidebar-help,.developer-credit,.sidebar-version{display:none}.layout.v05 .menu{display:flex;overflow:auto;padding-bottom:4px}.layout.v05 .menu a{flex:0 0 auto}.socrates-dashboard-hero{grid-template-columns:1fr;padding:26px;min-height:auto}.hero-orbit{display:none}.hero-mini-stats{position:relative;right:auto;bottom:auto;margin-top:16px}.hero-copy h2{font-size:30px}.dashboard-main-grid,.dashboard-bottom-grid,.dashboard-insights-grid{grid-template-columns:1fr}.delivery-funnel{grid-column:auto}.editor-shell.power.v05-builder{grid-template-columns:1fr}.builder-sidebar,.builder-inspector{position:static;max-height:none}.builder-sidebar .palette-grid{grid-template-columns:repeat(4,1fr)}.template-gallery{grid-template-columns:1fr 1fr}.modern-editor-toolbar{position:static}.modern-test-send{grid-template-columns:1fr}.portal-manual-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.main{padding:14px}.topbar{align-items:stretch}.top-actions{width:100%;justify-content:space-between}.tenant-switch{flex:1}.tenant-switch select{width:100%}.user-summary{display:none}.socrates-dashboard-hero{padding:22px 18px}.hero-copy h2{font-size:26px}.hero-mini-stats{gap:9px}.kpi-strip.kpi-donuts{grid-template-columns:1fr}.metric-card{grid-template-columns:40px minmax(0,1fr) 68px}.metric-donut{width:58px;height:58px}.metric-donut:before{width:43px;height:43px}.campaign-bar-row{grid-template-columns:1fr}.campaign-bar-values{justify-content:flex-start}.health-layout{align-items:flex-start;flex-direction:column}.editor-toolbar-groups{width:100%}.editor-action-group{border-left:0;padding-left:0;flex-wrap:wrap}.builder-sidebar .palette-grid{grid-template-columns:repeat(3,1fr)}.template-gallery{grid-template-columns:1fr}.modern-test-send form,.smtp-test-box form{grid-template-columns:1fr}.best-practice-list{grid-template-columns:1fr}.portal-manual-grid{grid-template-columns:1fr}.manual-definition-list p{grid-template-columns:72px 1fr}.manual-definition-list small{grid-column:1/-1}.portal-performance-trio{flex-wrap:wrap}.client-portal-tabs{overflow:auto;justify-content:flex-start}.client-portal-tabs a{white-space:nowrap}}


/* v0.8 EMAIL ONLY — queue/readiness */
.campaign-readiness{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.campaign-readiness span{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:4px;font:600 12px "Ubuntu Sans",sans-serif;border:1px solid #dbe5ee;background:#fff}
.campaign-readiness span svg{width:15px;height:15px}
.campaign-readiness .ready{color:#39780f;background:#f4fbea;border-color:#cfe8b9}
.campaign-readiness .warn{color:#9a5a00;background:#fff8ed;border-color:#f5d6a8}
.queue-progress{min-width:180px}
.queue-progress>span{display:block;font-size:12px;color:#5d7286;margin-bottom:6px;white-space:nowrap}
.queue-progress>i{display:block;height:6px;border-radius:999px;background:#e8eef4;overflow:hidden}
.queue-progress>i>em{display:block;height:100%;background:linear-gradient(90deg,#0074c7,#73bc25);border-radius:999px}
.table-sub{display:block;margin-top:3px;color:#72879a;font-size:12px}
@media(max-width:900px){.campaign-readiness{gap:5px}.queue-progress{min-width:140px}}


/* v0.8.1 · listas por cliente / filtros / audiencias múltiples */
.contacts-filter-card{margin-top:16px}.contact-filter-form{display:grid;grid-template-columns:1fr 1.2fr .8fr 1.3fr auto;gap:10px;align-items:end;padding:14px 0;border-top:1px solid #edf2f5}.contact-filter-form label{margin:0}.list-summary-strip{display:flex;gap:8px;overflow:auto;padding:4px 0 14px;scrollbar-width:thin}.list-summary-pill{min-width:210px;display:flex;align-items:center;gap:9px;border:1px solid #dfe8ee;background:#f8fbfd;border-radius:7px;padding:10px;text-decoration:none}.list-summary-pill>span{width:34px;height:34px;border-radius:6px;background:#eaf6fd;color:#0074c7;display:grid;place-items:center;flex:0 0 auto}.list-summary-pill svg{width:17px;height:17px}.list-summary-pill div{display:grid;min-width:0}.list-summary-pill strong{font:700 11px var(--exo);color:#123c5c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-summary-pill small{font-size:9px;color:#778b99;white-space:nowrap}.list-summary-pill.active{border-color:#0074c7;background:#edf7fe;box-shadow:inset 0 0 0 1px #0074c7}.audience-picker{border:1px solid #dfe8ee;border-radius:8px;background:#f9fbfd;padding:14px}.audience-picker-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}.audience-picker-head>div{display:grid}.audience-picker-head strong{font:700 13px var(--exo);color:#123c5c}.audience-picker-head small{font-size:10px;color:#708694;margin-top:3px}.audience-count-live{background:#eaf6fd;color:#0074c7;border-radius:6px;padding:8px 10px;font:700 10px var(--exo);white-space:nowrap}.audience-list-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.audience-list-option{display:flex!important;align-items:center;gap:9px;border:1px solid #e1e9ef;background:#fff;border-radius:6px;padding:10px;margin:0!important;cursor:pointer}.audience-list-option:has(input:checked){border-color:#73bc25;background:#f5fbed;box-shadow:inset 0 0 0 1px #73bc25}.audience-list-option input{width:17px;height:17px;accent-color:#73bc25;flex:0 0 auto}.audience-list-option span{display:grid;min-width:0}.audience-list-option strong{font:700 10px var(--exo);color:#173c59;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audience-list-option small{font-size:9px;color:#7a8d9b;margin-top:2px}.list-permissions label{min-height:58px}
@media(max-width:1100px){.contact-filter-form{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-filter-form .btn{align-self:end}.audience-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.contact-filter-form{grid-template-columns:1fr}.audience-picker-head{align-items:flex-start;flex-direction:column}.audience-list-grid{grid-template-columns:1fr}.audience-count-live{white-space:normal}.list-summary-pill{min-width:190px}}

/* =========================================================
   EMAILSEND ONE v0.8.2 · HELP CENTER + CLIENT DASHBOARDS
   ========================================================= */
.sidebar-help{color:#d5e3ee;text-decoration:none;transition:.18s}.sidebar-help:hover,.sidebar-help.active{background:rgba(49,180,231,.10);border-color:rgba(49,180,231,.25);color:#fff}.sidebar-help.active .nav-ico{color:#73bc25}
.user-popover a .mini-ico svg{width:17px;height:17px}

/* Admin Help */
.admin-help-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:22px;align-items:center;padding:28px 30px;margin-bottom:18px;border-radius:14px;color:#fff;background:linear-gradient(120deg,#061f37,#07588f 70%,#0879ce);box-shadow:0 14px 34px rgba(5,42,76,.12)}
.admin-help-hero:after{content:"";position:absolute;width:340px;height:340px;right:-150px;top:-180px;border-radius:50%;border:58px solid rgba(49,180,231,.13)}.admin-help-hero h2{margin:5px 0 7px;font-size:29px;letter-spacing:-.4px}.admin-help-hero p{max-width:760px;margin:0;color:#cce0ee;font-size:13px;line-height:1.55}.admin-help-orbit{position:relative;z-index:2;width:76px;height:76px;border-radius:18px;display:grid;place-items:center;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.15);color:#75d7ff}.admin-help-orbit svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:1.6}
.admin-help-search{margin-top:18px;max-width:680px;height:48px;display:grid;grid-template-columns:44px 1fr;align-items:center;background:#fff;border-radius:7px;box-shadow:0 10px 25px rgba(0,25,52,.14)}.admin-help-search span{display:grid;place-items:center;color:#0874c7}.admin-help-search span svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.admin-help-search input{height:100%;border:0;background:transparent;outline:0;font:500 13px var(--ubuntu);color:#173b59;padding:0 14px 0 0}
.admin-help-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.admin-help-quick>a{display:grid;grid-template-columns:40px minmax(0,1fr) 18px;gap:10px;align-items:center;padding:14px;text-decoration:none}.admin-help-quick>a>span{width:38px;height:38px;border-radius:8px;display:grid;place-items:center;background:#edf7fd;color:#0875c8}.admin-help-quick svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}.admin-help-quick strong{display:block;font-size:12px;color:#123b5b}.admin-help-quick small{display:block;margin-top:3px;font-size:10px;color:#7a8d9c;line-height:1.35}.admin-help-quick b{color:#0875c8}
.admin-help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.admin-help-topic{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;padding:20px}.help-topic-icon{width:46px;height:46px;border-radius:9px;display:grid;place-items:center;background:#eff8fd;color:#0874c7}.help-topic-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}.admin-help-topic h3{margin:3px 0 6px;font-size:16px;color:#133954}.admin-help-topic p{margin:0 0 9px;font-size:11px;line-height:1.55;color:#667c8d}.admin-help-topic ul{margin:0 0 10px;padding-left:18px;color:#607687;font-size:10px;line-height:1.55}.admin-help-topic a{font:700 10px var(--exo);color:#0874c7}.admin-help-topic code{font-size:10px;background:#eef4f7;padding:2px 4px;border-radius:3px}.admin-help-empty{text-align:center;padding:30px;margin-top:15px}.admin-help-empty strong{font-size:15px}.admin-help-empty p{font-size:11px;color:#768a9a}

/* Client Dashboard */
.client-dashboard-body .client-portal-main{padding-top:24px}.portal-dashboard-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr);align-items:center;gap:28px;padding:31px 32px;margin-bottom:16px;border-radius:16px;color:#fff;background:linear-gradient(118deg,#061f37 0%,#07558f 68%,#0882d7 100%);box-shadow:0 16px 34px rgba(7,51,86,.12)}.portal-dashboard-hero:after{content:"";position:absolute;width:390px;height:390px;border-radius:50%;right:-170px;top:-190px;border:64px solid rgba(49,180,231,.15)}.portal-dashboard-hero h1{margin:0;font-size:31px}.portal-dashboard-hero p{font-size:12px;line-height:1.6;color:#cce0ee;max-width:720px}.portal-dashboard-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px;position:relative;z-index:2}.portal-dashboard-actions .btn{gap:7px}.portal-dashboard-actions svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}.portal-hero-secondary{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.18)}.portal-dashboard-summary{position:relative;z-index:2;display:grid;grid-template-columns:1fr;gap:8px}.portal-dashboard-summary>div{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:12px 14px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.07);border-radius:8px}.portal-dashboard-summary strong{font-size:21px;color:#fff}.portal-dashboard-summary span{font-size:10px;color:#cfe4f2}
.portal-dashboard-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.portal-dashboard-kpi{display:grid;grid-template-columns:40px minmax(0,1fr) 66px;gap:10px;align-items:center;background:#fff;border:1px solid #dce7ef;border-radius:11px;padding:14px;min-width:0}.portal-kpi-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:8px;background:#eaf5fd;color:#0875c8}.portal-kpi-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9}.portal-dashboard-kpi.green .portal-kpi-icon{background:#eff9e7;color:#65aa22}.portal-dashboard-kpi.orange .portal-kpi-icon{background:#fff2e9;color:#f1630e}.portal-dashboard-kpi.sky .portal-kpi-icon{background:#edf9fd;color:#31a9da}.portal-dashboard-kpi small{display:block;font-size:9px;color:#7f91a0}.portal-dashboard-kpi strong{display:block;font-size:22px;color:#123957;margin:2px 0}.portal-dashboard-kpi p{margin:0;font-size:9px;color:#7b8d9b}.portal-kpi-ring{--ring:#0875c8;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--ring) calc(var(--p)*1%),#edf2f5 0);position:relative}.portal-kpi-ring:before{content:"";position:absolute;width:45px;height:45px;border-radius:50%;background:#fff}.portal-kpi-ring b{position:relative;z-index:2;font:700 9px var(--exo);color:#31506a}.portal-dashboard-kpi.green .portal-kpi-ring{--ring:#73bc25}.portal-dashboard-kpi.orange .portal-kpi-ring{--ring:#ff650b}.portal-dashboard-kpi.sky .portal-kpi-ring{--ring:#31b4e7}
.portal-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.7fr);gap:14px;margin-bottom:14px}.portal-dashboard-bottom{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(250px,.65fr) minmax(260px,.7fr);gap:14px}.portal-dashboard-panel{padding:18px}.portal-dashboard-panel .panel-head h3{font-size:16px}.portal-campaign-comparison{display:grid;gap:13px;margin-top:14px}.portal-comparison-row{display:grid;grid-template-columns:minmax(140px,1fr) minmax(160px,1.7fr) 125px;gap:12px;align-items:center}.portal-comparison-name{min-width:0}.portal-comparison-name strong{display:block;font-size:11px;color:#173b58;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portal-comparison-name small{display:block;font-size:9px;color:#8b9aa6;margin-top:2px}.portal-comparison-bars{display:grid;gap:5px}.portal-comparison-bars i{height:6px;background:#edf2f5;border-radius:5px;overflow:hidden}.portal-comparison-bars b{display:block;height:100%;border-radius:5px}.portal-comparison-bars .open{background:#0875c8}.portal-comparison-bars .click{background:#ff650b}.portal-comparison-values{display:grid;grid-template-columns:1fr 1fr;gap:8px}.portal-comparison-values span{font:700 10px var(--exo);color:#0875c8}.portal-comparison-values span+span{color:#f1630e}.portal-comparison-values small{display:block;font:500 8px var(--ubuntu);color:#8797a4}.portal-overall-funnel{display:grid;gap:13px;margin-top:15px}.portal-overall-funnel>div>div{display:flex;justify-content:space-between;gap:10px;margin-bottom:5px}.portal-overall-funnel span{font-size:10px;color:#62798b}.portal-overall-funnel strong{font-size:11px;color:#173b58}.portal-overall-funnel i{display:block;height:9px;border-radius:6px;background:#edf2f5;overflow:hidden}.portal-overall-funnel b{display:block;height:100%;border-radius:6px}.portal-overall-funnel .blue{background:#0875c8}.portal-overall-funnel .green{background:#73bc25}.portal-overall-funnel .sky{background:#31b4e7}.portal-overall-funnel .orange{background:#ff650b}.portal-empty-inline{padding:22px 0}.portal-empty-inline strong{font-size:14px}.portal-empty-inline p{font-size:10px;color:#7b8e9d}.portal-recent-list{display:grid}.portal-recent-list>a{display:grid;grid-template-columns:auto minmax(0,1fr) auto 16px;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #edf2f5;text-decoration:none}.portal-recent-list>a:last-child{border-bottom:0}.portal-recent-list strong{display:block;font-size:11px;color:#173b58}.portal-recent-list small{display:block;font-size:9px;color:#8394a2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portal-recent-metrics{display:grid;grid-template-columns:auto auto;gap:1px 6px;text-align:right}.portal-recent-metrics b{font-size:10px;color:#0875c8}.portal-recent-metrics small{font-size:7px}.portal-recent-arrow{color:#0875c8}.portal-insight-number{display:block;font-size:36px!important;color:#73bc25;margin:10px 0 2px}.portal-insight-card p,.portal-help-card p{font-size:10px;line-height:1.55;color:#647b8b}.portal-help-card ul{padding-left:17px;font-size:9px;color:#657b8a;line-height:1.65}.portal-help-card .btn,.portal-insight-card .btn{margin-top:7px;gap:7px}.portal-help-card svg,.portal-insight-card svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}

/* Client campaign/report overview */
.portal-campaign-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.portal-campaign-overview .card{padding:15px}.portal-campaign-overview strong{display:block;font-size:24px;color:#123b58;margin:2px 0}.portal-campaign-overview p{font-size:9px;color:#7a8d9c;margin:0}.portal-section-heading{margin:18px 0 10px}.portal-section-heading h2{font-size:18px;margin:2px 0}.portal-campaign-card.enhanced .portal-campaign-meta{grid-template-columns:repeat(4,1fr)}.portal-kpi-card.sky{border-top-color:#31b4e7}.portal-report-overview-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:14px;margin-bottom:16px}.portal-quality-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.portal-quality-stats>div{padding:12px;border:1px solid #e2eaf0;border-radius:7px;background:#f9fbfc}.portal-quality-stats strong{display:block;font-size:20px;color:#153d5a}.portal-quality-stats span{display:block;font-size:9px;color:#667d8e;margin-top:2px}.portal-quality-stats small{display:block;font-size:8px;color:#8b9aa6;margin-top:2px}.report-card.enhanced{position:relative}.report-card-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.report-card-head small{font-size:8px;color:#8a99a6}.report-card-footer{display:flex;justify-content:space-between;gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid #edf2f5;font-size:9px;color:#7b8e9d}.report-card-footer b{color:#0874c7;font-size:9px}

/* Client Help */
.help-hero{align-items:flex-start}.portal-help-search{margin-top:16px;width:min(650px,100%);height:46px;display:grid;grid-template-columns:42px 1fr;align-items:center;background:#fff;border-radius:7px;position:relative;z-index:2}.portal-help-search>span{display:grid;place-items:center;color:#0875c8}.portal-help-search svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.portal-help-search input{height:100%;border:0;outline:0;background:transparent;font:500 12px var(--ubuntu);color:#173b58;padding:0 12px 0 0}.help-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:15px}.help-category{display:grid;grid-template-columns:40px 1fr;gap:10px;padding:16px}.help-category-icon{width:38px;height:38px;border-radius:8px;background:#edf7fd;color:#0875c8;display:grid;place-items:center}.help-category-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}.help-category h3{margin:2px 0 4px;font-size:13px}.help-category p{font-size:9px;line-height:1.5;color:#6d8291;margin:0}.help-faq-card{padding:20px}.help-accordion{display:grid;gap:7px}.help-accordion details{border:1px solid #dfe8ef;border-radius:7px;background:#fff;overflow:hidden}.help-accordion summary{list-style:none;cursor:pointer;padding:13px 14px;display:flex;justify-content:space-between;gap:12px;font:700 11px var(--exo);color:#173b58}.help-accordion summary::-webkit-details-marker{display:none}.help-accordion summary span{color:#0875c8;font-size:17px}.help-accordion details[open] summary span{transform:rotate(45deg)}.help-accordion details>div{padding:0 14px 13px;border-top:1px solid #eef2f5}.help-accordion p{font-size:10px;line-height:1.6;color:#617789;margin:11px 0 0}.portal-help-empty{text-align:center;padding:20px;color:#778a9a;font-size:10px}.help-quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:15px}.help-action-card{display:grid;grid-template-columns:38px minmax(0,1fr) 18px;gap:10px;align-items:center;padding:14px;text-decoration:none}.help-action-card>svg{width:20px;height:20px;fill:none;stroke:#0875c8;stroke-width:1.8}.help-action-card strong{display:block;font-size:11px;color:#173b58}.help-action-card small{display:block;font-size:9px;color:#7f91a0;margin-top:2px}.help-action-card>span{color:#0875c8}.client-portal-tabs .help-active{color:#d95a00}

@media(max-width:1180px){.admin-help-quick{grid-template-columns:repeat(2,1fr)}.portal-dashboard-kpis{grid-template-columns:repeat(2,1fr)}.portal-dashboard-bottom{grid-template-columns:1fr 1fr}.portal-help-card{grid-column:1/-1}.help-category-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.admin-help-hero{grid-template-columns:1fr}.admin-help-orbit{display:none}.admin-help-grid{grid-template-columns:1fr}.portal-dashboard-hero{grid-template-columns:1fr}.portal-dashboard-summary{grid-template-columns:repeat(3,1fr)}.portal-dashboard-summary>div{display:grid;justify-content:start}.portal-dashboard-grid,.portal-report-overview-grid{grid-template-columns:1fr}.portal-dashboard-bottom{grid-template-columns:1fr}.portal-help-card{grid-column:auto}.portal-campaign-overview{grid-template-columns:repeat(2,1fr)}.portal-campaign-card.enhanced .portal-campaign-meta{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.admin-help-quick{grid-template-columns:1fr}.admin-help-hero{padding:22px 18px}.admin-help-hero h2{font-size:24px}.portal-dashboard-hero{padding:22px 18px}.portal-dashboard-hero h1{font-size:24px}.portal-dashboard-summary{grid-template-columns:1fr 1fr}.portal-dashboard-kpis{grid-template-columns:1fr}.portal-dashboard-kpi{grid-template-columns:38px minmax(0,1fr) 58px}.portal-kpi-ring{width:54px;height:54px}.portal-kpi-ring:before{width:41px;height:41px}.portal-comparison-row{grid-template-columns:1fr}.portal-comparison-values{justify-content:start}.portal-recent-list>a{grid-template-columns:auto minmax(0,1fr) 16px}.portal-recent-metrics{grid-column:2/3;text-align:left}.portal-campaign-overview,.help-category-grid,.help-quick-actions{grid-template-columns:1fr}.portal-quality-stats{grid-template-columns:1fr}.portal-help-search input{font-size:16px}}