/* Mail Hub 3.0.0 compiled production stylesheet. Source layers retained in assets/css for maintenance. */

/* ===== SOURCE: app.css ===== */
:root{
  --navy:#0b1830;--navy-2:#102443;--ink:#172033;--muted:#68758a;--line:#dce3ed;--line-soft:#edf1f6;
  --bg:#f4f7fb;--card:#fff;--brand:#1967d2;--brand-dark:#0f4fae;--brand-soft:#eaf2ff;--cyan:#1da4a8;
  --good:#137a45;--good-bg:#e8f7ef;--warn:#a96308;--warn-bg:#fff4d9;--bad:#b42318;--bad-bg:#fff0ee;
  --radius:16px;--radius-sm:10px;--shadow:0 14px 38px rgba(14,35,68,.08);--shadow-lg:0 28px 70px rgba(6,21,46,.18);
  --sidebar:244px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--bg);font:15px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:none;color:var(--brand-dark)}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.15;letter-spacing:-.025em}small{font-size:.82em}.icon{width:20px;height:20px;flex:0 0 20px}.eyebrow{display:inline-block;color:var(--brand);font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em}.eyebrow.light{color:#8ec1ff}.muted{color:var(--muted)}.center{text-align:center}.text-link{font-weight:700}.danger-text{color:var(--bad)!important}.good{color:var(--good)!important}.warn{color:var(--warn)!important}.disabled{pointer-events:none;opacity:.45}

/* Shared controls */
.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:9px 16px;border:1px solid var(--brand);border-radius:10px;background:var(--brand);color:#fff;font-weight:750;line-height:1.2;white-space:nowrap;box-shadow:0 4px 10px rgba(25,103,210,.15)}.button:hover{background:var(--brand-dark);border-color:var(--brand-dark);color:#fff}.button.secondary{background:#fff;color:var(--ink);border-color:#cfd8e5;box-shadow:none}.button.secondary:hover{background:#f7f9fc;color:var(--ink);border-color:#aebbd0}.button.danger{background:var(--bad);border-color:var(--bad)}.button.danger.secondary{background:#fff;color:var(--bad);border-color:#efb7b2}.button.warning{background:#b76b08;border-color:#b76b08}.button.light{background:#fff;color:var(--navy);border-color:#fff}.button.small{min-height:34px;padding:7px 11px;font-size:.86rem;border-radius:8px}.button.large{min-height:50px;padding:13px 22px;font-size:1rem}.text-button{border:0;background:transparent;padding:0;color:var(--brand);font-weight:700}.actions,.row-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.actions form,.row-actions form{margin:0}
input,select,textarea{width:100%;padding:11px 12px;border:1px solid #cdd7e4;border-radius:10px;background:#fff;color:var(--ink);outline:0;transition:border .15s,box-shadow .15s}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:#5d99eb;box-shadow:0 0 0 3px rgba(25,103,210,.12)}label{display:grid;gap:7px;font-weight:700;color:#29364b}label small{font-weight:500;color:var(--muted)}.form-grid{display:grid;gap:17px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-section{padding-top:8px}.form-section h2{font-size:1rem;margin-bottom:13px}.checkbox{display:flex;grid-template-columns:auto 1fr;align-items:flex-start;gap:9px;font-weight:500}.checkbox input{width:18px;height:18px;margin-top:2px}.checkbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}fieldset{border:1px solid var(--line);border-radius:12px;padding:15px}legend{padding:0 6px;font-weight:800}.file-button{display:inline-flex!important;align-items:center;gap:8px;border:1px solid var(--line);border-radius:9px;padding:9px 12px;background:#fff;cursor:pointer}.file-button input{display:none}.form-card,.card,.auth-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.form-card{max-width:720px;padding:26px}.form-card.wide{max-width:980px}.card{padding:22px}.card h2{font-size:1.12rem;margin-bottom:6px}.card p{color:var(--muted)}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px}.card-head h2{margin:0}.card-head p{margin:4px 0 0}.alert{border:1px solid;border-radius:12px;padding:13px 15px;margin-bottom:18px}.alert.success{background:var(--good-bg);border-color:#a6d7bd;color:#0e6035}.alert.warning{background:var(--warn-bg);border-color:#ecd09b;color:#80500b}.alert.danger{background:var(--bad-bg);border-color:#efbeb9;color:#8b1e15}.alert.info{background:#edf5ff;border-color:#b8d5f8;color:#194b88}.badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:999px;background:#eef2f7;color:#4a576b;font-size:.72rem;font-weight:800;line-height:1.2;text-transform:none;white-space:nowrap}.badge.active,.badge.connected,.badge.pass,.badge.completed,.badge.resolved,.badge.opted_in{background:var(--good-bg);color:var(--good)}.badge.warning,.badge.pending,.badge.scheduled,.badge.paused,.badge.waiting,.badge.normal,.badge.risky,.badge.legitimate_interest{background:var(--warn-bg);color:var(--warn)}.badge.failed,.badge.fail,.badge.error,.badge.invalid,.badge.urgent,.badge.closed,.badge.cancelled,.badge.unsubscribed,.badge.bounced{background:var(--bad-bg);color:var(--bad)}.badge.draft,.badge.unknown,.badge.member,.badge.manager,.badge.neutral,.badge.sent,.badge.open{background:#eef2f7;color:#536074}.badge.admin,.badge.owner,.badge.in_progress,.badge.clicked,.badge.opened{background:#ece9ff;color:#5a45a2}.badge.high{background:#fff0df;color:#a84d00}.badge.low{background:#edf4fb;color:#43617e}.empty-state{text-align:center;padding:38px 20px;color:var(--muted)}.empty-state h1,.empty-state h2{color:var(--ink);margin-bottom:8px}.empty-icon{width:50px;height:50px;margin:0 auto 12px;border-radius:15px;background:var(--brand-soft);display:grid;place-items:center;color:var(--brand);font-size:1.4rem}.success-card{text-align:center}.success-icon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--good-bg);color:var(--good);font-size:2rem;margin:0 auto 18px}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:#f1f4f8;border-radius:5px;padding:2px 5px;font-size:.86em;word-break:break-word}

/* Public marketing */
.public-body{background:#fff}.public-shell{min-height:100vh}.public-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(220,227,237,.85)}.public-nav{width:min(1180px,calc(100% - 36px));height:76px;margin:auto;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:11px;color:inherit}.brand:hover{color:inherit}.brand-mark{width:39px;height:39px;border-radius:11px;background:linear-gradient(145deg,#2478e7,#1255b6);display:grid;place-items:center;color:#fff;font-size:.8rem;font-weight:900;box-shadow:0 7px 16px rgba(25,103,210,.22)}.brand>span:last-child{display:grid;line-height:1.05}.brand strong{font-size:.98rem}.brand small{margin-top:4px;color:var(--muted);font-size:.66rem;font-weight:650;letter-spacing:.03em}.public-nav nav{margin-left:auto;display:flex;align-items:center;gap:23px}.public-nav nav>a:not(.button){color:#42516a;font-weight:650}.public-main{overflow:hidden}.marketing-hero{width:min(1240px,calc(100% - 36px));margin:0 auto;padding:88px 0 76px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:60px}.hero-copy h1{font-size:clamp(3rem,5.3vw,5.3rem);max-width:720px;margin:15px 0 22px;letter-spacing:-.062em;line-height:.99}.lead{font-size:1.17rem;color:#56647b;max-width:690px}.trust-row{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:24px;color:#506078;font-size:.87rem;font-weight:650}.mail-preview{background:#fff;border:1px solid #d7e0ed;border-radius:20px;box-shadow:0 35px 90px rgba(20,45,86,.2);overflow:hidden;transform:perspective(1200px) rotateY(-2deg) rotateX(1deg)}.preview-top{height:42px;background:#f5f7fb;border-bottom:1px solid #dce3ed;display:flex;align-items:center;gap:7px;padding:0 13px}.preview-top span{width:9px;height:9px;border-radius:50%;background:#d2d9e3}.preview-top strong{margin-left:auto;font-size:.69rem;color:#728096}.preview-body{display:grid;grid-template-columns:145px 1fr;min-height:410px}.preview-body aside{background:#0e213d;color:#bcd0eb;padding:18px 13px;display:grid;align-content:start;gap:5px}.preview-body aside b{background:#fff;color:#17304f;padding:9px;border-radius:8px;text-align:center;margin-bottom:9px}.preview-body aside span{padding:8px 9px;border-radius:6px}.preview-body aside span:first-of-type{background:#1c3960;color:#fff}.preview-body aside em{float:right;font-style:normal}.preview-body main{padding:21px}.preview-title{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid #e7ecf3;padding-bottom:16px}.preview-title small{color:#728096}.preview-title h3{font-size:1.12rem;margin:4px 0}.preview-title button{border:1px solid #dce3ed;background:#fff;border-radius:8px;padding:7px 11px;color:#738096}.message{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:11px;padding:15px 2px;border-bottom:1px solid #edf1f6}.message i{width:31px;height:31px;border-radius:9px;background:#eaf2ff;color:#2368c3;font-style:normal;font-weight:800;font-size:.68rem;display:grid;place-items:center}.message div{display:grid}.message div span,.message time{font-size:.72rem;color:#748196}.message.unread strong{color:#0d2340}.health-strip{margin-top:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.health-strip span{background:#f4f7fb;border-radius:8px;padding:10px;font-size:.66rem;color:#68758a}.health-strip b{display:block;color:#183b68;font-size:1rem}.logo-strip{border-block:1px solid #edf1f6;padding:23px 20px;display:flex;justify-content:center;align-items:center;gap:34px;flex-wrap:wrap;color:#7a8799}.logo-strip strong{color:#3a4961}.marketing-section{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:95px 0}.section-heading{text-align:center;max-width:760px;margin:0 auto 45px}.section-heading h2{font-size:clamp(2.2rem,4vw,3.7rem);margin:10px 0 15px;letter-spacing:-.05em}.section-heading p{font-size:1.08rem;color:#67758a}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{border:1px solid #dde5ef;border-radius:18px;padding:27px;background:#fff}.feature-card.featured{grid-row:span 2;background:linear-gradient(155deg,#0d203c,#153b70);color:#fff;border-color:transparent}.feature-card.featured p,.feature-card.featured li{color:#c4d5ec}.feature-icon{width:45px;height:45px;border-radius:13px;background:var(--brand-soft);display:grid;place-items:center;color:var(--brand);font-size:1.3rem;margin-bottom:20px}.featured .feature-icon{background:rgba(255,255,255,.12);color:#fff}.feature-card h3{font-size:1.25rem}.feature-card p,.feature-card li{color:#657287}.feature-card ul{padding-left:18px}.dark-section{background:linear-gradient(140deg,#071326,#0f315c);color:#fff;padding:85px max(24px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:center}.dark-section h2{font-size:clamp(2.4rem,4.2vw,4rem);margin:12px 0 18px;letter-spacing:-.05em}.dark-section p{color:#bdd0e8;font-size:1.08rem}.check-list{display:flex;flex-wrap:wrap;gap:9px}.check-list span{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:8px 12px;color:#d5e2f3;font-weight:650}.score-card{background:#fff;color:var(--ink);border-radius:20px;padding:25px;box-shadow:var(--shadow-lg)}.score-ring{width:145px;height:145px;border-radius:50%;display:grid;place-items:center;align-content:center;margin:0 auto 22px;background:conic-gradient(var(--brand) 0 92%,#e7ecf3 92%);position:relative}.score-ring:after{content:"";position:absolute;inset:12px;background:#fff;border-radius:50%}.score-ring strong,.score-ring span{position:relative;z-index:1}.score-ring strong{font-size:2.3rem;line-height:1}.score-ring span{font-size:.75rem;color:var(--muted)}.score-ring.small{width:112px;height:112px;margin:0}.score-ring.valid,.score-ring.active{background:conic-gradient(var(--good) 0 92%,#e7ecf3 92%)}.score-ring.risky,.score-ring.warning{background:conic-gradient(var(--warn) 0 70%,#e7ecf3 70%)}.score-ring.invalid,.score-ring.failed{background:conic-gradient(var(--bad) 0 35%,#e7ecf3 35%)}.score-line{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid #e9eef4}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.steps article{padding:26px;border-top:1px solid #dce3ed;border-bottom:1px solid #dce3ed;border-left:1px solid #dce3ed}.steps article:last-child{border-right:1px solid #dce3ed;border-radius:0 15px 15px 0}.steps article:first-child{border-radius:15px 0 0 15px}.steps article span{color:var(--brand);font-weight:900}.steps article h3{margin:25px 0 8px}.steps article p{color:var(--muted)}.pricing-section{background:#f7f9fc;width:100%;padding-inline:max(24px,calc((100vw - 1180px)/2))}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}.pricing-grid article{position:relative;background:#fff;border:1px solid #dce3ed;border-radius:18px;padding:28px;display:flex;flex-direction:column}.pricing-grid article.popular{border:2px solid var(--brand);box-shadow:0 24px 55px rgba(25,103,210,.14)}.popular-label{position:absolute;top:-14px;right:20px;background:var(--brand);color:#fff;border-radius:999px;padding:6px 11px;font-size:.7rem;font-weight:800}.pricing-grid h3{font-size:1.3rem}.pricing-grid>article>strong{font-size:2.5rem;letter-spacing:-.05em}.pricing-grid>article>strong small{font-size:.9rem;color:var(--muted);font-weight:600}.pricing-grid ul{padding-left:18px;color:#5f6c80;flex:1}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.faq-grid details{border:1px solid #dce3ed;border-radius:14px;padding:18px;background:#fff}.faq-grid summary{font-weight:800;cursor:pointer}.faq-grid p{margin:12px 0 0;color:var(--muted)}.cta-section{margin:0 auto 70px;width:min(1180px,calc(100% - 36px));background:linear-gradient(135deg,#1967d2,#0b4aa0);border-radius:24px;padding:46px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta-section h2{font-size:2.3rem;margin:9px 0}.cta-section p{margin:0;color:#d6e5fb}.public-footer{background:#09162a;color:#bac9dd;padding:50px max(24px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:1fr auto;gap:25px}.public-footer strong{color:#fff}.public-footer div:nth-child(2){display:flex;gap:20px}.public-footer a{color:#fff}.public-footer small{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.1);padding-top:20px}

/* Authentication and installer */
.auth-layout{width:min(1040px,calc(100% - 36px));margin:0 auto;padding:75px 0;display:grid;grid-template-columns:1fr 480px;align-items:center;gap:70px}.auth-layout.compact{max-width:950px}.auth-layout>section h1{font-size:3.4rem;letter-spacing:-.055em;margin:12px 0 18px}.auth-layout>section p{font-size:1.08rem;color:var(--muted)}.auth-benefits{display:grid;gap:10px;margin-top:25px;color:#44536a;font-weight:650}.auth-card{padding:29px}.auth-card h2{font-size:1.55rem}.install-body{background:linear-gradient(140deg,#071426,#153c71);min-height:100vh;padding:45px 20px}.install-wrap{max-width:860px;margin:auto}.install-card{background:#fff;border-radius:22px;padding:34px;box-shadow:var(--shadow-lg)}.install-card>h1{font-size:2.3rem;margin:25px 0 8px}.install-card>p{color:var(--muted)}

/* App shell */
.app-body{background:var(--bg)}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:var(--navy);color:#fff;display:flex;flex-direction:column;z-index:50;transition:transform .2s}.sidebar .brand{height:75px;padding:0 19px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar .brand small{color:#92a8c5}.side-nav{padding:14px 10px;display:grid;gap:3px;overflow:auto}.side-nav>a{display:flex;align-items:center;gap:11px;padding:10px 11px;color:#aebfd5;border-radius:9px;font-weight:650}.side-nav>a:hover,.side-nav>a.active{background:#1a3152;color:#fff}.nav-label{padding:15px 11px 5px;color:#647e9e;font-size:.64rem;text-transform:uppercase;letter-spacing:.14em;font-weight:800}.sidebar-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.08);padding:15px}.user-chip{display:flex;align-items:center;gap:10px;margin-bottom:11px}.user-chip>span{width:34px;height:34px;border-radius:10px;background:#2b72ca;display:grid;place-items:center;font-weight:850}.user-chip div{display:grid;line-height:1.15;min-width:0}.user-chip strong{font-size:.83rem;overflow:hidden;text-overflow:ellipsis}.user-chip small{color:#91a7c2;text-transform:capitalize}.sidebar-foot .text-button{color:#b5c7de;font-size:.82rem}.app-shell{margin-left:var(--sidebar);min-height:100vh}.app-topbar{height:65px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;position:sticky;top:0;z-index:30}.top-actions{margin-left:auto}.mobile-menu{display:none;border:0;background:transparent;font-size:1.3rem;margin-right:12px}.app-main{width:min(1450px,100%);padding:28px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:25px;margin-bottom:23px}.page-header h1{font-size:2.15rem;margin:4px 0 7px;letter-spacing:-.045em}.page-header p{color:var(--muted);margin:0}.page-header>.actions{justify-content:flex-end}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.stats-grid article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;display:grid}.stats-grid span{color:var(--muted);font-size:.8rem;font-weight:700}.stats-grid strong{font-size:2rem;line-height:1.2;margin:7px 0 2px;letter-spacing:-.04em}.stats-grid small{color:var(--muted)}.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.span-2{grid-column:span 2}.setup-list{display:grid}.setup-item{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;color:var(--ink);padding:12px 0;border-bottom:1px solid var(--line-soft)}.setup-item>span{width:24px;height:24px;border:1px solid #cfd8e5;border-radius:7px;display:grid;place-items:center;color:#fff}.setup-item.done>span{background:var(--good);border-color:var(--good)}.setup-item em{font-style:normal;color:var(--brand);font-size:.77rem}.activity-list{display:grid}.activity-item{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line-soft);color:var(--ink)}.activity-icon{width:34px;height:34px;border-radius:9px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center}.activity-item div{display:grid}.activity-item small{display:flex;align-items:center;gap:6px;margin-top:4px;color:var(--muted)}.activity-item time{font-size:.75rem;color:var(--muted)}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.quick-grid a{padding:16px;border:1px solid var(--line);border-radius:12px;color:var(--ink);display:grid}.quick-grid a:hover{border-color:#92b8ec;background:#f8fbff}.quick-grid a>span{font-size:1.25rem;color:var(--brand);margin-bottom:13px}.quick-grid small{color:var(--muted);margin-top:4px}

/* Tables and details */
.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px 11px;border-bottom:1px solid var(--line-soft);text-align:left;vertical-align:middle}th{font-size:.67rem;color:#718096;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}td small{display:block;color:var(--muted);margin-top:3px;max-width:430px}.table-title{display:block;color:var(--ink);font-weight:800}.table-title:hover{color:var(--brand)}.score-mini{height:6px;width:90px;background:#e8edf3;border-radius:99px;overflow:hidden;display:inline-block;margin-right:7px;vertical-align:middle}.score-mini span{display:block;height:100%;background:linear-gradient(90deg,#f2a023,#1b8b53);border-radius:inherit}.health-cell{display:flex;align-items:center}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin:20px 0}.detail-grid>div{padding:13px;border-bottom:1px solid var(--line-soft)}dt{font-size:.71rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:800}dd{margin:4px 0 0;font-weight:650}.stacked-details{margin:0}.stacked-details>div{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid var(--line-soft)}.stacked-details dd{text-align:right}.danger-zone{display:flex;justify-content:space-between;align-items:center;border-color:#f0c4c0}.danger-zone h2{color:var(--bad)}.danger-zone p{margin:0}.filter-bar{background:#fff;border:1px solid var(--line);border-radius:12px;padding:11px;margin-bottom:13px}.filter-bar form{display:flex;gap:8px}.filter-bar input{flex:1}.filter-bar select{max-width:190px}

/* Domains and mailboxes */
.domain-score{display:flex;align-items:center;gap:25px}.health-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:16px 0}.health-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:17px}.health-card>div{display:flex;align-items:center;gap:9px}.health-card>div>span{width:28px;height:28px;border-radius:8px;background:#eef2f7;display:grid;place-items:center;font-weight:900}.health-card.pass>div>span{background:var(--good-bg);color:var(--good)}.health-card.fail>div>span{background:var(--bad-bg);color:var(--bad)}.health-card h3{font-size:.95rem;margin:0}.health-card p{min-height:45px;color:var(--muted);font-size:.83rem}.mailbox-overview{display:grid;grid-template-columns:1.7fr .9fr;gap:18px}.status-hero{display:flex;align-items:center;gap:13px;padding:14px;border-radius:12px;background:#f5f7fb}.status-hero>span{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#e9eef5;font-size:1.2rem;font-weight:900}.status-hero.connected>span,.status-hero.active>span{background:var(--good-bg);color:var(--good)}.status-hero.error>span,.status-hero.failed>span{background:var(--bad-bg);color:var(--bad)}.status-hero h2{margin:0}.status-hero p{margin:3px 0 0}.tool-links{display:grid}.tool-links a{display:flex;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid var(--line-soft);color:var(--ink)}.tool-links a>span{width:34px;height:34px;border-radius:9px;background:var(--brand-soft);display:grid;place-items:center;color:var(--brand)}.tool-links a div{display:grid}.tool-links small{color:var(--muted)}

/* Webmail */
.webmail-shell{min-height:calc(100vh - 121px);display:grid;grid-template-columns:220px 1fr;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}.webmail-sidebar{background:#f5f8fc;border-right:1px solid var(--line);padding:15px 11px;display:flex;flex-direction:column}.compose-button{width:100%;margin-bottom:12px}.mailbox-switch label{font-size:.66rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.mailbox-switch select{padding:8px;margin-bottom:10px;background:#fff}.webmail-sidebar nav{display:grid;gap:2px}.folder-link{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;color:#43516a}.folder-link>span{width:18px;text-align:center}.folder-link.active,.folder-link:hover{background:#e2edfc;color:#174f9c}.mail-tools{margin-top:auto;display:grid;border-top:1px solid var(--line);padding-top:10px}.mail-tools a{padding:7px 10px;color:#657287;font-size:.82rem}.webmail-content{min-width:0}.mail-toolbar{height:62px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 18px;gap:15px}.mail-search{flex:1;display:flex;max-width:680px}.mail-search input{border-radius:10px 0 0 10px;background:#f3f6fa}.mail-search button{border:1px solid #cdd7e4;border-left:0;background:#fff;border-radius:0 10px 10px 0;padding:0 14px;color:#536074;font-weight:700}.toolbar-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.pagination{display:flex;align-items:center;gap:5px}.pagination span{font-size:.76rem;color:var(--muted)}.folder-title{padding:18px 20px 11px}.folder-title h1{font-size:1.45rem;margin:0}.folder-title span{color:var(--muted);font-size:.78rem}.message-list{border-top:1px solid var(--line-soft)}.mail-row{display:grid;grid-template-columns:28px 28px minmax(130px,220px) minmax(240px,1fr) auto;align-items:center;gap:8px;min-height:48px;padding:7px 14px;border-bottom:1px solid var(--line-soft);color:#48566d}.mail-row:hover{background:#f7faff}.mail-row.unread{background:#eef5ff;color:#1b2d49}.mail-row.unread .mail-from,.mail-row.unread .mail-subject strong{font-weight:850}.mail-check input{width:15px;height:15px}.mail-star{color:#b7c0cc}.mail-subject{min-width:0;display:flex;align-items:center;gap:9px}.mail-subject strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.mail-subject small{margin-left:auto;white-space:nowrap}.mail-row time{font-size:.73rem;white-space:nowrap}.message-view{max-width:1080px;margin:auto}.message-view-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.back-link{font-weight:750}.message-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:27px;box-shadow:var(--shadow)}.message-card>h1{font-size:1.7rem}.sender-line{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;border-bottom:1px solid var(--line);padding-bottom:17px}.avatar{width:38px;height:38px;border-radius:11px;background:#e7f0fd;color:#185cae;display:grid;place-items:center;font-weight:850}.sender-line div{display:grid}.sender-line small,.sender-line time{color:var(--muted)}.attachments{display:flex;gap:9px;flex-wrap:wrap;padding:15px 0;border-bottom:1px solid var(--line)}.attachment{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:10px;padding:9px 12px;color:var(--ink)}.attachment div{display:grid}.attachment small{color:var(--muted)}.email-body{padding:25px 2px;min-height:250px;overflow:auto}.email-body img{height:auto}.plain-email{white-space:pre-wrap;font:inherit;background:transparent}.message-actions{display:flex;gap:9px;border-top:1px solid var(--line);padding-top:17px}.compose-page{max-width:1120px;margin:auto}.compose-card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.compose-from,.compose-line{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:10px;padding:10px 17px;border-bottom:1px solid var(--line-soft)}.compose-from>span,.compose-line>span{font-size:.78rem;color:var(--muted);font-weight:700}.compose-line input{border:0;box-shadow:none;padding:5px 0}.compose-line button{border:0;background:transparent;color:var(--brand);font-weight:700}.compose-optional{display:none}.compose-optional.open{display:block}.composer-tools{display:flex;align-items:center;gap:5px;padding:9px 14px;border-bottom:1px solid var(--line);background:#fafbfd;flex-wrap:wrap}.composer-tools button{min-width:32px;height:31px;border:1px solid var(--line);border-radius:7px;background:#fff}.composer-tools select{width:auto;min-width:160px;padding:7px}.composer-tools span{font-size:.75rem;color:var(--muted);margin-left:auto}.rich-editor{min-height:250px;padding:20px;outline:0;background:#fff;overflow:auto}.rich-editor.tall{min-height:360px;border:1px solid var(--line);border-radius:0 0 10px 10px}.compose-footer{display:flex;align-items:center;gap:12px;padding:13px 16px;border-top:1px solid var(--line);background:#fafbfd}.compose-footer .actions{margin-left:auto}

/* CRM and content */
.list-grid,.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.list-card,.template-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px}.list-card>div>span{color:var(--brand);font-size:1.3rem}.list-card h3,.template-card h3{margin:10px 0 6px}.list-card p,.template-card p,.template-card>div{color:var(--muted)}.list-card>strong{display:block;margin:16px 0}.template-card>span{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--brand);font-weight:800}.template-card>a,.template-card>form{margin-top:16px}.template-grid.single{grid-template-columns:1fr}.signature-preview{max-height:180px;overflow:auto;padding:12px;background:#fafbfd;border-radius:9px;margin-top:12px}

/* Campaigns */
.campaign-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:17px}.campaign-stats article{background:#fff;border:1px solid var(--line);border-radius:13px;padding:16px}.campaign-stats span{display:block;color:var(--muted);font-size:.73rem;font-weight:700}.campaign-stats strong{font-size:1.7rem}.campaign-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(270px,.8fr);gap:18px}.campaign-layout main,.campaign-layout aside{display:grid;align-content:start;gap:18px}.sequence{display:grid;gap:12px}.sequence-step{display:grid;grid-template-columns:38px 1fr;gap:13px;padding:17px;border:1px solid var(--line);border-radius:12px}.step-number{width:34px;height:34px;border-radius:10px;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:850}.sequence-step>div>span{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:800}.sequence-step h3{font-size:1rem;margin:5px 0 10px}.sequence-step>div>div{color:#5b687b;max-height:110px;overflow:hidden}.event-list{display:grid}.event-item{display:grid;grid-template-columns:auto 1fr;gap:9px;padding:10px 0;border-bottom:1px solid var(--line-soft)}.event-item div{display:grid}.event-item small{color:var(--muted)}.modal{width:min(650px,calc(100% - 28px));border:0;border-radius:16px;padding:0;box-shadow:var(--shadow-lg)}.modal::backdrop{background:rgba(5,18,38,.58);backdrop-filter:blur(3px)}.modal form{padding:23px}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-head button{border:0;background:transparent;font-size:1.7rem}.modal-head h2{margin:0}

/* Deliverability */
.deliverability-hero{background:linear-gradient(135deg,#0c203e,#17477d);border-radius:18px;color:#fff;padding:28px;display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:18px}.deliverability-hero h2{font-size:2rem;margin:8px 0}.deliverability-hero p{color:#c4d5ea;max-width:720px}.deliverability-points{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-width:280px}.deliverability-points span{background:rgba(255,255,255,.09);border-radius:10px;padding:10px}.deliverability-points b{width:23px;height:23px;border-radius:7px;background:#fff;color:var(--brand);display:inline-grid;place-items:center;margin-right:6px}.deliverability-list{display:grid}.deliverability-row{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid var(--line-soft);color:var(--ink)}.deliverability-row div:nth-child(2){display:grid}.deliverability-row small{color:var(--muted)}.score-bubble{width:38px;height:38px;border-radius:11px;background:#eef2f7;display:grid;place-items:center;font-weight:850}.score-bubble.active,.score-bubble.connected{background:var(--good-bg);color:var(--good)}.score-bubble.warning{background:var(--warn-bg);color:var(--warn)}.score-bubble.failed,.score-bubble.error{background:var(--bad-bg);color:var(--bad)}.result-card{max-width:830px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:30px;display:grid;grid-template-columns:180px 1fr;gap:30px;align-items:start}.result-list{display:grid}.result-row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid var(--line-soft)}.result-notes{margin-top:18px}.issue-list{padding-left:20px}.check-list.vertical{display:grid;padding-left:18px}.check-list.vertical li{margin-bottom:7px}

/* Settings, support, admin */
.settings-nav{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:18px;overflow:auto}.settings-nav a{padding:10px 13px;color:var(--muted);font-weight:700;white-space:nowrap}.settings-nav a.active{color:var(--brand);border-bottom:2px solid var(--brand)}.settings-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);gap:18px;align-items:start}.plan-summary>strong{font-size:1.5rem;margin-right:8px}.plan-summary dl{margin-top:17px}.plan-summary dl>div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line-soft)}.token-display{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;margin-bottom:15px}.token-display code{flex:1;overflow:auto;padding:12px}.ticket-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,.65fr);gap:18px}.ticket-status{display:flex;gap:7px;margin-bottom:18px}.ticket-thread{display:grid;gap:14px}.ticket-message{border:1px solid var(--line);border-radius:12px;padding:15px}.ticket-message.staff{background:#eef5ff;border-color:#c6daf4}.ticket-message header{display:flex;align-items:center;gap:9px;margin-bottom:12px}.ticket-message header div{display:grid}.ticket-message header small{color:var(--muted)}.ticket-reply{margin-top:18px;border-top:1px solid var(--line);padding-top:18px}.requirements{display:grid}.requirement{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid var(--line-soft)}.requirement>span{width:25px;height:25px;border-radius:8px;background:#eef2f7;display:grid;place-items:center}.cron-status{display:flex;align-items:center;gap:12px}

/* Legal */
.legal-page{max-width:850px;margin:60px auto;padding:0 20px}.legal-page h1{font-size:3rem;margin:12px 0}.legal-page h2{margin-top:32px}.legal-page p{color:#56647a;font-size:1.02rem}

@media(max-width:1180px){:root{--sidebar:218px}.app-main{padding:22px}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-card.featured{grid-row:auto}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.span-2{grid-column:span 2}.quick-grid{grid-template-columns:repeat(2,1fr)}.health-grid{grid-template-columns:repeat(2,1fr)}.campaign-stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.public-nav nav>a:not(.button){display:none}.marketing-hero,.dark-section,.auth-layout{grid-template-columns:1fr}.marketing-hero{padding-top:55px}.hero-copy{text-align:center}.hero-copy .lead{margin-inline:auto}.hero-copy .actions,.trust-row{justify-content:center}.mail-preview{transform:none;max-width:680px;margin:auto}.dark-section{gap:35px}.steps{grid-template-columns:1fr 1fr}.steps article,.steps article:first-child,.steps article:last-child{border:1px solid #dce3ed;border-radius:0}.pricing-grid,.list-grid,.template-grid{grid-template-columns:1fr 1fr}.sidebar{transform:translateX(-100%);width:244px}.sidebar.open{transform:translateX(0)}.app-shell{margin-left:0}.mobile-menu{display:block}.stats-grid{grid-template-columns:repeat(2,1fr)}.mailbox-overview,.campaign-layout,.settings-grid,.ticket-layout{grid-template-columns:1fr}.webmail-shell{grid-template-columns:190px 1fr}.campaign-stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.public-nav{height:66px}.public-nav nav{gap:8px}.public-nav .button{font-size:.8rem;padding:8px 11px}.marketing-hero{width:min(100% - 24px,1240px);padding:45px 0}.hero-copy h1{font-size:2.75rem}.preview-body{grid-template-columns:90px 1fr}.preview-body aside{font-size:.67rem}.preview-body main{padding:14px}.preview-title button{display:none}.mail-preview{border-radius:13px}.message{grid-template-columns:28px 1fr auto}.health-strip{grid-template-columns:1fr}.logo-strip{gap:14px 22px}.marketing-section{width:min(100% - 24px,1180px);padding:65px 0}.feature-grid,.pricing-grid,.faq-grid,.list-grid,.template-grid{grid-template-columns:1fr}.dark-section{padding:60px 18px}.steps{grid-template-columns:1fr}.cta-section{width:min(100% - 24px,1180px);padding:30px;display:block}.cta-section .button{margin-top:20px}.public-footer{grid-template-columns:1fr}.public-footer div:nth-child(2){flex-wrap:wrap}.auth-layout{width:min(100% - 24px,1040px);padding:40px 0;gap:30px}.auth-layout>section h1{font-size:2.5rem}.app-topbar{padding:0 15px}.app-main{padding:16px 12px}.page-header{display:block}.page-header>.actions{justify-content:flex-start;margin-top:13px}.page-header h1{font-size:1.75rem}.stats-grid,.dashboard-grid,.health-grid,.campaign-stats{grid-template-columns:1fr}.span-2{grid-column:auto}.quick-grid{grid-template-columns:1fr}.form-grid.two,.form-grid.three,.checkbox-grid{grid-template-columns:1fr}.form-card,.card{padding:18px}.danger-zone,.domain-score,.deliverability-hero{display:block}.danger-zone form{margin-top:13px}.score-ring.small{margin-bottom:15px}.webmail-shell{display:block;min-height:auto}.webmail-sidebar{border-right:0;border-bottom:1px solid var(--line)}.webmail-sidebar nav{display:flex;overflow:auto}.folder-link{white-space:nowrap}.mail-tools{display:none}.mail-toolbar{height:auto;padding:10px;display:block}.toolbar-actions{margin-top:8px;justify-content:flex-end}.mail-row{grid-template-columns:22px 20px 90px minmax(140px,1fr);padding:8px}.mail-row time{display:none}.mail-subject small{display:none}.message-card{padding:18px}.message-view-top{display:block}.message-view-top .actions{margin-top:10px}.sender-line{grid-template-columns:38px 1fr}.sender-line time{grid-column:2}.compose-from,.compose-line{grid-template-columns:55px 1fr}.compose-line button{grid-column:2}.composer-tools select{width:100%}.composer-tools span{display:none}.compose-footer{align-items:flex-start;flex-wrap:wrap}.compose-footer .actions{width:100%;margin-left:0}.result-card{grid-template-columns:1fr;padding:20px}.deliverability-points{min-width:0}.filter-bar form{display:grid}.filter-bar select{max-width:none}.settings-nav{margin-inline:-12px;padding-inline:12px}.token-display{display:block}.token-display .button{margin-top:10px}.campaign-stats{grid-template-columns:1fr 1fr}}
button:disabled,.button[disabled]{cursor:not-allowed;opacity:.5;filter:grayscale(.25)}.checkbox.compact{display:inline-flex;align-items:center;white-space:nowrap}.card hr{border:0;border-top:1px solid var(--line);margin:22px 0}.number-list{padding-left:22px;color:var(--muted)}.number-list li{margin-bottom:10px}

/* Email-first workspace — v2.1 */
.mail-first-sidebar .side-nav{gap:2px}.mail-first-sidebar .nav-label{padding-top:10px}.nav-section{margin-top:7px;border-top:1px solid rgba(255,255,255,.08);padding-top:7px}.nav-section summary{list-style:none;padding:9px 11px;color:#8fa5c1;font-size:.7rem;text-transform:uppercase;letter-spacing:.11em;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.nav-section summary::-webkit-details-marker{display:none}.nav-section summary::after{content:"›";font-size:1rem;transition:transform .15s}.nav-section[open] summary::after{transform:rotate(90deg)}.nav-section>div{display:grid;gap:2px}.nav-section a{display:flex;align-items:center;gap:11px;padding:9px 11px;color:#aebfd5;border-radius:9px;font-weight:650}.nav-section a:hover,.nav-section a.active{background:#1a3152;color:#fff}.topbar-title{display:grid;line-height:1.15}.topbar-title small{color:var(--muted);margin-top:3px}.topbar-inbox{color:#47566d;font-weight:700}.mail-workspace .app-main{width:100%;padding:16px}.mail-workspace .app-topbar{height:60px}.mail-workspace .webmail-shell{min-height:calc(100vh - 92px);border-radius:12px;grid-template-columns:238px minmax(0,1fr);box-shadow:0 6px 24px rgba(14,35,68,.06)}
.webmail-sidebar{padding:14px 12px;background:#f7f9fc}.compose-button{min-height:44px;border-radius:10px}.mailbox-switch label{gap:5px}.mailbox-switch select{font-size:.8rem;padding:8px 9px}.folder-nav-head{display:flex;align-items:center;justify-content:space-between;padding:9px 9px 5px;color:#7b8798;font-size:.67rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.folder-nav-head button{border:0;background:transparent;color:var(--brand);font-size:.7rem;font-weight:800}.folder-link{min-height:38px;padding:8px 9px}.folder-link .folder-glyph{width:19px;color:#65758c}.folder-link strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-link em{margin-left:auto;min-width:22px;padding:2px 6px;border-radius:999px;background:#dbe8f9;color:#215a9d;font-size:.66rem;font-style:normal;text-align:center}.folder-link.active em{background:#fff}.mail-tools a{border-radius:7px}.mail-tools a:hover{background:#eaf0f8}
.mail-toolbar{height:64px;padding:0 16px;background:#fff}.mail-search{max-width:860px;position:relative}.mail-search .search-glyph{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#8290a3;font-size:1.15rem;z-index:1}.mail-search input{padding-left:37px;border-radius:10px 0 0 10px}.mail-search select{width:148px;border-radius:0;border-left:0;background:#f7f9fc;font-size:.78rem}.mail-search button{min-width:72px;background:#f7f9fc}.icon-button{width:32px;height:32px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#536074;display:inline-grid;place-items:center;font-weight:800}.icon-button:hover{background:#f3f6fa;color:var(--ink)}
.mail-bulk-form{margin:0}.folder-title{min-height:69px;padding:13px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px}.folder-title h1{font-size:1.35rem}.bulk-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.bulk-actions .select-all{display:flex;align-items:center;gap:6px;font-size:.74rem;font-weight:650;color:var(--muted);white-space:nowrap}.bulk-actions .select-all input{width:15px;height:15px}.bulk-actions select{width:auto;min-width:138px;padding:7px 9px;font-size:.75rem}.bulk-actions [data-move-target]{display:none;max-width:160px}.selected-count{font-size:.72rem;color:var(--muted);min-width:64px}.message-list{background:#fff}.mail-row{display:grid;grid-template-columns:28px 30px minmax(0,1fr);gap:5px;min-height:52px;padding:0 13px}.mail-row:hover{background:#f7faff}.mail-row.unread{background:#eef5ff}.mail-check{display:grid;place-items:center}.mail-check input{width:15px;height:15px}.mail-star{width:28px;height:34px;align-self:center;border:0;background:transparent;border-radius:7px;color:#aab4c2;font-size:1.05rem}.mail-star:hover{background:#e7edf5;color:#7f8b9c}.mail-star.is-starred{color:#e4a11b}.mail-row-link{min-width:0;display:grid;grid-template-columns:minmax(130px,220px) minmax(220px,1fr) auto;align-items:center;gap:12px;color:#48566d}.mail-row-link:hover{color:#253b59}.mail-row.unread .mail-from,.mail-row.unread .mail-subject strong{font-weight:850}.mail-from{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-subject{min-width:0}.mail-subject strong{display:block;min-width:0}.mail-subject small{color:#7c8798;font-size:.68rem}.mail-row-link time{font-size:.72rem;white-space:nowrap;color:#718096}
.mail-dialog{width:min(620px,calc(100% - 28px));border:0;border-radius:15px;padding:20px;box-shadow:var(--shadow-lg)}.mail-dialog::backdrop{background:rgba(7,20,40,.58);backdrop-filter:blur(3px)}.mail-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:15px}.mail-dialog>header div{display:grid}.mail-dialog>header small{color:var(--muted);margin-top:4px}.mail-dialog>header button{border:0;background:transparent;font-size:1.5rem;color:#66758a}.new-folder-form{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:16px}.folder-manager-list{border-top:1px solid var(--line)}.folder-manager-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line-soft)}.folder-manager-row form:first-child{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.folder-manager-row input{padding:8px 9px}
.message-view{max-width:1180px}.message-view-top{gap:15px}.message-toolbar-form{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.move-message-control{display:flex;align-items:center}.move-message-control select{width:145px;border-radius:8px 0 0 8px;padding:7px 8px;font-size:.8rem}.move-message-control .button{border-radius:0 8px 8px 0;margin-left:-1px}.message-subject-line{display:flex;align-items:flex-start;gap:12px}.message-subject-line h1{font-size:1.7rem;flex:1}.message-star{color:#e4a11b;font-size:1.2rem}

@media(max-width:1100px){.mail-workspace .webmail-shell{grid-template-columns:210px minmax(0,1fr)}.mail-row-link{grid-template-columns:minmax(115px,170px) minmax(190px,1fr) auto}.bulk-actions .select-all span{display:none}.bulk-actions select{min-width:120px}}
@media(max-width:760px){.mail-workspace .app-main{padding:9px}.mail-workspace .webmail-shell{display:block;min-height:calc(100vh - 80px)}.webmail-sidebar{border-right:0;border-bottom:1px solid var(--line)}.webmail-sidebar nav{display:flex;overflow-x:auto;padding-bottom:3px}.folder-link{flex:0 0 auto}.mail-tools{display:none}.folder-nav-head{padding-inline:3px}.mail-toolbar{height:auto;padding:10px;display:block}.mail-search{max-width:none}.toolbar-actions{margin-top:8px;justify-content:flex-end}.folder-title{align-items:flex-start;display:block}.bulk-actions{justify-content:flex-start;margin-top:10px}.mail-row-link{grid-template-columns:minmax(90px,135px) minmax(150px,1fr)}.mail-row-link time{display:none}.mail-subject small{display:none}.message-view-top{display:block}.message-toolbar-form{justify-content:flex-start;margin-top:10px}.new-folder-form{grid-template-columns:1fr}.folder-manager-row{grid-template-columns:1fr}.topbar-inbox{display:none}}
@media(max-width:520px){.mail-search{display:grid;grid-template-columns:1fr auto}.mail-search .search-glyph{top:19px}.mail-search input{border-radius:9px 0 0 9px}.mail-search select{grid-column:1/2;width:100%;border:1px solid var(--line);border-radius:9px;margin-top:7px}.mail-search button{grid-column:2;grid-row:1;border-radius:0 9px 9px 0}.mail-row{grid-template-columns:24px 27px minmax(0,1fr);padding:0 7px}.mail-row-link{grid-template-columns:92px minmax(120px,1fr);gap:8px}.mail-from{font-size:.78rem}.mail-subject strong{font-size:.8rem}.bulk-actions select{width:100%;max-width:none}.bulk-actions [data-move-target]{max-width:none}.bulk-actions .button{width:100%}.message-toolbar-form{display:grid;grid-template-columns:1fr 1fr}.move-message-control{grid-column:1/-1}.move-message-control select{flex:1}.message-toolbar-form>.button{width:100%}.message-card{border-radius:11px}.topbar-title small{display:none}}

/* AI intelligence workspace — v2.2 */
.ai-button{background:linear-gradient(135deg,#155fc6,#6557c9);border-color:#315fc3;box-shadow:0 5px 14px rgba(55,86,181,.2)}.ai-button:hover{background:linear-gradient(135deg,#0f4fae,#5042af);border-color:#264ea9}.ai-spark{width:34px;height:34px;flex:0 0 34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#e8f2ff,#eeeaff);color:#4c5fc4;font-size:1rem;font-weight:900}.ai-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.ai-card-head>div:first-child{display:flex;align-items:center;gap:11px;min-width:0}.ai-card-head>div:first-child>div{display:grid;gap:2px}.ai-card-head strong{color:var(--ink)}.ai-card-head small{color:var(--muted);font-weight:500}.ai-message-card,.ai-compose-assistant,.ai-builder-hero{border:1px solid #cbd9f2;border-radius:14px;background:linear-gradient(145deg,#f8fbff,#f7f5ff);box-shadow:0 8px 24px rgba(34,67,128,.07)}.ai-message-card{padding:16px 18px;margin:0 0 15px}.ai-message-card.disabled,.ai-compose-assistant.disabled,.ai-campaign-review.disabled{pointer-events:auto;opacity:.72}.ai-result{margin-top:14px;padding-top:13px;border-top:1px solid rgba(120,145,190,.22)}.ai-result>p:last-child{margin-bottom:0}.ai-message-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:10px}.ai-summary{font-size:.94rem;color:#2f4059!important;margin-bottom:12px}.ai-review-list{margin-top:12px}.ai-review-list>strong{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.055em;color:#5d6c82}.ai-review-list ul{margin:7px 0 0;padding-left:20px;color:#435168}.ai-review-list li{margin:4px 0}.ai-reply-intent{margin-top:12px;padding:11px 12px;border-radius:10px;background:#fff;border:1px solid #dce5f2}.ai-reply-intent p{margin:4px 0 0;color:#4b5a70}.ai-error{color:var(--bad)!important;margin:0}.ai-compose-assistant{margin:4px 18px 14px;padding:14px 15px}.ai-compose-assistant.disabled{display:flex;align-items:center;gap:11px}.ai-compose-assistant.disabled>div{display:grid}.ai-compose-assistant.disabled small{color:var(--muted)}.ai-compose-grid{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:9px;margin-top:12px}.ai-compose-grid textarea,.ai-compose-grid select{background:rgba(255,255,255,.92)}.ai-action-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.ai-inline-status{min-height:20px;margin-top:9px;font-size:.78rem;color:var(--muted)}.ai-inline-status.working{color:#53699a}.ai-inline-status.success{color:var(--good)}.ai-inline-status.error{color:var(--bad)}.ai-builder-hero{max-width:980px;display:flex;gap:14px;align-items:flex-start;padding:18px 20px;margin-bottom:18px}.ai-builder-hero strong{font-size:1.05rem}.ai-builder-hero p{margin:4px 0 0;color:#57677e;max-width:820px}.ai-control-note{display:grid;align-content:center;gap:2px;padding:10px 12px;border:1px solid #d6dfec;border-radius:10px;background:#f8fafc;color:#34435a}.ai-control-note strong{font-size:.82rem}.ai-control-note span{font-size:.75rem;color:var(--muted)}.ai-campaign-review{border-color:#cedbf1;background:linear-gradient(160deg,#fff,#f8faff)}.ai-campaign-review .ai-card-head{margin-bottom:4px}.ai-review-summary{display:flex;align-items:center;justify-content:space-between;gap:12px}.ai-review-summary>div{display:grid}.ai-review-summary span:first-child{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-weight:800}.ai-review-summary strong{font-size:1.5rem;letter-spacing:-.04em}.ai-score-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:12px}.ai-score-chip{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #e0e6f0;border-radius:9px;padding:8px 9px;background:#fff}.ai-score-chip span{font-size:.7rem;color:#65738a}.ai-score-chip strong{font-size:.86rem}.ai-score-grid .ai-score-chip:first-child{grid-column:1/-1;background:#f3f7ff;border-color:#cfdcf1}.ai-score-grid .ai-score-chip:first-child strong{color:#245cb0}.ai-campaign-review .ai-result>small{display:block;margin-top:13px}.settings-grid .ai-inline-status{padding:0}.ai-result .badge{vertical-align:middle}
@media(max-width:760px){.ai-card-head{display:grid}.ai-card-head .actions{justify-content:flex-start}.ai-compose-grid{grid-template-columns:1fr}.ai-compose-assistant{margin-inline:9px}.ai-builder-hero{padding:15px}.ai-score-grid{grid-template-columns:1fr}.ai-score-grid .ai-score-chip:first-child{grid-column:auto}}

/* ===== SOURCE: ui-2.3.css ===== */
/* Fair E Mail Hub — Serious UI/UX system v2.3.0
   Layered after app.css so the upgrade can remain cumulative and low-risk. */

:root{
  --sidebar:260px;
  --bg:#f3f6fa;
  --surface:#ffffff;
  --surface-subtle:#f8fafc;
  --surface-raised:#ffffff;
  --ink:#162033;
  --ink-2:#334155;
  --muted:#64748b;
  --muted-2:#8a99ad;
  --line:#d9e1eb;
  --line-soft:#edf1f5;
  --brand:#1769d2;
  --brand-dark:#0d4fa8;
  --brand-soft:#eaf3ff;
  --brand-ring:rgba(23,105,210,.17);
  --good:#10754a;
  --good-bg:#e9f8f0;
  --warn:#9b5b08;
  --warn-bg:#fff5df;
  --bad:#b42318;
  --bad-bg:#fff0ee;
  --purple:#6548c7;
  --radius:14px;
  --radius-sm:9px;
  --shadow:0 1px 2px rgba(15,23,42,.03),0 8px 24px rgba(15,23,42,.05);
  --shadow-lg:0 24px 70px rgba(15,23,42,.22);
  --topbar:72px;
}

html{scroll-padding-top:calc(var(--topbar) + 18px)}
body{font-size:14px;background:var(--bg);color:var(--ink)}
::selection{background:#cfe2ff;color:#0d2f5d}
*:focus-visible{outline:3px solid var(--brand-ring);outline-offset:2px}
button,a,input,select,textarea,[contenteditable="true"]{transition:border-color .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}
.icon{width:18px;height:18px;flex-basis:18px}
.skip-link{position:fixed;left:12px;top:10px;z-index:9999;transform:translateY(-160%);padding:9px 13px;border-radius:9px;background:#fff;color:var(--navy);box-shadow:var(--shadow-lg);font-weight:800}
.skip-link:focus{transform:translateY(0)}

/* Shared surfaces and controls */
.card,.form-card,.auth-card{border-color:var(--line);box-shadow:var(--shadow);border-radius:var(--radius)}
.card{padding:22px}.form-card{padding:24px}
.card:hover{border-color:#ccd6e2}
.card-head,.section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.section-header{margin-bottom:17px}
.section-header h2,.card-head h2{font-size:1.02rem;letter-spacing:-.02em;margin:0;color:var(--ink)}
.section-header p,.card-head p{font-size:.82rem;line-height:1.45;margin:5px 0 0;color:var(--muted)}
.button{min-height:40px;border-radius:9px;padding:9px 15px;font-size:.86rem;font-weight:760;box-shadow:0 2px 7px rgba(23,105,210,.14)}
.button .icon{width:16px;height:16px;flex-basis:16px}
.button:hover{transform:translateY(-1px);box-shadow:0 5px 15px rgba(23,105,210,.17)}
.button.secondary{box-shadow:0 1px 2px rgba(15,23,42,.03)}
.button.secondary:hover{transform:none;box-shadow:0 1px 4px rgba(15,23,42,.07)}
.button.small{min-height:34px;font-size:.78rem;padding:7px 11px}
.text-button{border-radius:7px;padding:3px 4px}
.text-button:hover{background:var(--brand-soft)}
input,select,textarea{min-height:42px;border-color:#cbd5e1;border-radius:9px;padding:10px 11px;background:#fff}
textarea{min-height:auto}
input:hover,select:hover,textarea:hover{border-color:#aebccc}
input:focus,select:focus,textarea:focus{border-color:#6aa3e8;box-shadow:0 0 0 3px var(--brand-ring)}
label{gap:6px;font-size:.82rem;color:#27364b}label small{font-size:.75rem;line-height:1.4}
fieldset{background:#fbfcfe;border-color:var(--line)}
.badge{gap:5px;font-size:.68rem;padding:4px 8px;border:1px solid transparent}
.badge i{width:6px;height:6px;border-radius:999px;background:currentColor;opacity:.65}
.badge.pass,.badge.connected,.badge.active,.badge.completed,.badge.resolved,.badge.opted_in{border-color:#c4e8d5}
.badge.warning,.badge.pending,.badge.scheduled,.badge.paused,.badge.waiting,.badge.normal,.badge.risky,.badge.legitimate_interest{border-color:#f0ddae}
.badge.failed,.badge.fail,.badge.error,.badge.invalid,.badge.urgent,.badge.closed,.badge.cancelled,.badge.unsubscribed,.badge.bounced{border-color:#f3c6c2}
.alert{position:relative;display:grid;grid-template-columns:9px 1fr auto;align-items:start;gap:11px;margin:0;padding:12px 13px;border-radius:11px;box-shadow:0 6px 20px rgba(15,23,42,.05)}
.alert-mark{width:7px;height:7px;border-radius:50%;background:currentColor;margin-top:7px}
.alert-close{border:0;background:transparent;color:currentColor;opacity:.58;font-size:1.2rem;line-height:1;padding:0 3px}
.alert-close:hover{opacity:1}
.flash-stack{position:fixed;z-index:85;top:calc(var(--topbar) + 14px);right:18px;width:min(440px,calc(100vw - 36px));display:grid;gap:9px;pointer-events:none}
.flash-stack .alert{pointer-events:auto;background:#fff}
.flash-stack .alert.success{background:#f3fcf7}.flash-stack .alert.danger{background:#fff5f4}.flash-stack .alert.warning{background:#fffaf0}.flash-stack .alert.info{background:#f5f9ff}
.empty-state{padding:48px 22px;max-width:620px;margin:auto}.empty-icon{width:52px;height:52px;border-radius:15px}.empty-icon .icon{width:23px;height:23px}.empty-state h2{font-size:1.35rem}.empty-state p{max-width:500px;margin:0 auto 18px}.empty-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}

/* Serious application shell */
.app-body{background:var(--bg)}
.sidebar{width:var(--sidebar);background:linear-gradient(180deg,#0a172b 0%,#0b1b33 58%,#0a172b 100%);box-shadow:inset -1px 0 rgba(255,255,255,.035)}
.sidebar .app-brand{height:var(--topbar);padding:0 17px;border-color:rgba(255,255,255,.07)}
.sidebar .brand-mark{width:38px;height:38px;border-radius:10px;background:linear-gradient(145deg,#2d83ef,#1456b2);box-shadow:0 8px 22px rgba(0,0,0,.24)}
.sidebar .brand strong{font-size:.94rem;letter-spacing:-.01em}.sidebar .brand small{font-size:.63rem;color:#8fa6c4}
.side-nav{padding:13px 10px 18px;gap:2px;scrollbar-width:thin;scrollbar-color:#27415f transparent}
.side-nav>a{position:relative;min-height:39px;padding:8px 10px;border-radius:8px;color:#a9bad0;font-size:.81rem;font-weight:650;gap:10px}
.side-nav>a:hover{background:rgba(255,255,255,.06);color:#f8fbff}
.side-nav>a.active{background:linear-gradient(90deg,rgba(48,118,210,.27),rgba(34,79,139,.22));color:#fff;box-shadow:inset 0 0 0 1px rgba(119,174,243,.09)}
.side-nav>a.active:before{content:"";position:absolute;left:-10px;top:8px;bottom:8px;width:3px;border-radius:0 4px 4px 0;background:#63a6f5}
.side-nav>a .icon{color:#8ea8c7}.side-nav>a.active .icon,.side-nav>a:hover .icon{color:#cde3ff}
.side-nav>a kbd{margin-left:auto;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.05);color:#7991ae;border-radius:5px;padding:1px 5px;font:600 .62rem/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}
.side-nav .nav-home{margin-bottom:4px}
.nav-label{padding:15px 10px 5px;color:#5f7898;font-size:.59rem;letter-spacing:.16em;font-weight:850}
.sidebar-foot{padding:12px 13px 14px;border-color:rgba(255,255,255,.07);background:rgba(2,10,22,.16)}
.sidebar-ai-status{display:grid;grid-template-columns:31px 1fr 8px;align-items:center;gap:9px;padding:9px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(255,255,255,.035);color:#c0d0e4;margin-bottom:11px}
.sidebar-ai-status:hover{background:rgba(255,255,255,.06);color:#fff}
.sidebar-ai-status>span{width:29px;height:29px;border-radius:8px;display:grid;place-items:center;background:rgba(110,91,219,.16);color:#b8aef7}.sidebar-ai-status .icon{width:15px;height:15px}
.sidebar-ai-status div{display:grid;line-height:1.2}.sidebar-ai-status strong{font-size:.72rem}.sidebar-ai-status small{font-size:.61rem;color:#8198b5;margin-top:2px}
.sidebar-ai-status i{width:7px;height:7px;border-radius:99px;background:#7e8da0}.sidebar-ai-status.online i{background:#38c985;box-shadow:0 0 0 3px rgba(56,201,133,.12)}
.user-chip{margin:0 0 8px;padding:2px 4px}.user-chip>span{width:32px;height:32px;border-radius:9px;background:linear-gradient(145deg,#307ad2,#235ca0);font-size:.78rem}.user-chip strong{font-size:.77rem}.user-chip small{font-size:.61rem;text-transform:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}
.sidebar-foot .text-button{font-size:.72rem;padding-left:4px}
.app-shell{margin-left:var(--sidebar);min-width:0}
.app-topbar{height:var(--topbar);padding:0 22px;background:rgba(255,255,255,.94);backdrop-filter:saturate(170%) blur(14px);border-color:var(--line);box-shadow:0 1px 0 rgba(15,23,42,.02)}
.topbar-title{display:flex;flex-direction:column;min-width:0;line-height:1.15}.topbar-title small{font-size:.64rem;text-transform:uppercase;letter-spacing:.1em;color:#8a99ac;font-weight:800;margin-bottom:4px}.topbar-title strong{font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}
.top-actions{margin-left:auto;display:flex;align-items:center;gap:8px;min-width:0}
.command-trigger{height:36px;min-width:250px;display:flex;align-items:center;gap:8px;border:1px solid #d3dbe6;background:#f7f9fc;color:#69778b;border-radius:9px;padding:0 9px;text-align:left}
.command-trigger:hover{background:#fff;border-color:#b7c5d6;box-shadow:0 2px 7px rgba(15,23,42,.06)}.command-trigger span{flex:1;font-size:.74rem}.command-trigger .icon{width:15px;height:15px}.command-trigger kbd{font:650 .61rem ui-monospace,SFMono-Regular,Consolas,monospace;color:#8a97a8;border:1px solid #d8dfe8;background:#fff;border-radius:5px;padding:3px 5px}
.top-ai-pill{height:36px;display:flex;align-items:center;gap:6px;padding:0 9px;border:1px solid #d7ddea;border-radius:9px;background:#fff;color:#667085;font-size:.7rem;font-weight:750}.top-ai-pill .icon{width:14px;height:14px}.top-ai-pill.online{color:#5547b7;background:#faf9ff;border-color:#ddd8f5}.top-ai-pill.online:after{content:"";width:6px;height:6px;border-radius:50%;background:#4fc78b}
.top-compose{height:36px;min-height:36px}.top-compose span{display:inline}
.mobile-menu.bare{display:none;border:0;background:transparent;box-shadow:none;margin-right:8px}
.account-menu{position:relative}.account-menu>summary{list-style:none;height:36px;display:flex;align-items:center;gap:7px;padding:0 4px 0 2px;border-radius:9px;cursor:pointer;color:var(--ink-2)}.account-menu>summary::-webkit-details-marker{display:none}.account-menu>summary:hover{background:#f3f6fa}.top-avatar{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#e6f0fd;color:#175aa9;font-weight:850;font-size:.72rem}.account-name{font-size:.72rem;font-weight:750;max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.account-popover{position:absolute;right:0;top:44px;width:245px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-lg);padding:7px;z-index:70}.account-popover-head{display:grid;padding:10px 10px 12px;border-bottom:1px solid var(--line-soft);margin-bottom:5px}.account-popover-head strong{font-size:.82rem}.account-popover-head small{font-size:.69rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis}.account-popover>a,.account-popover form button{width:100%;display:flex;align-items:center;gap:9px;border:0;background:transparent;border-radius:8px;padding:9px;color:#42516a;font-size:.76rem;font-weight:650;text-align:left}.account-popover>a:hover,.account-popover form button:hover{background:#f5f8fc;color:var(--ink)}.account-popover .icon{width:15px;height:15px}.account-popover form{margin:0}
.sidebar-backdrop{display:none}
.app-main{width:min(1510px,100%);padding:26px 28px 38px}
.page-header{margin-bottom:20px;gap:22px}.page-heading{min-width:0}.page-header .eyebrow{font-size:.62rem;letter-spacing:.15em;color:#4773ab}.page-header h1{font-size:1.85rem;letter-spacing:-.04em;margin:5px 0 6px}.page-header p{max-width:760px;font-size:.86rem;line-height:1.5}.page-header>.actions{padding-top:3px}

/* Command palette */
.command-palette{width:min(650px,calc(100% - 28px));max-height:min(690px,calc(100vh - 60px));border:0;border-radius:15px;padding:0;box-shadow:0 30px 100px rgba(2,10,25,.36);overflow:hidden;background:#fff;color:var(--ink)}
.command-palette::backdrop{background:rgba(7,16,31,.54);backdrop-filter:blur(4px)}
.command-search-wrap{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:8px;padding:13px 15px;border-bottom:1px solid var(--line)}.command-search-wrap .icon{color:#6b7a8d}.command-search-wrap input{min-height:42px;border:0;box-shadow:none;font-size:.94rem;padding:6px 0}.command-search-wrap input:focus{box-shadow:none}.command-search-wrap kbd,.command-footer kbd{border:1px solid #d7dee8;background:#f7f9fb;color:#7a8798;border-radius:5px;padding:2px 5px;font:650 .62rem ui-monospace,SFMono-Regular,Consolas,monospace}
.command-list{max-height:520px;overflow:auto;padding:8px}.command-group>span{display:block;padding:8px 9px 5px;font-size:.59rem;text-transform:uppercase;letter-spacing:.14em;color:#8a97a8;font-weight:850}.command-item{display:grid;grid-template-columns:34px 1fr 18px;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;color:var(--ink)}.command-item:hover,.command-item.selected{background:#eef5ff;color:#123f75}.command-icon{width:32px;height:32px;display:grid;place-items:center;background:#f1f5fa;border-radius:8px;color:#56708e}.command-item:hover .command-icon,.command-item.selected .command-icon{background:#dfeeff;color:#1769d2}.command-item>span:nth-child(2){display:grid}.command-item strong{font-size:.79rem}.command-item small{font-size:.67rem;color:var(--muted);margin-top:2px}.command-go{color:#a3aebe}.command-go .icon{width:14px;height:14px}.command-footer{height:39px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:flex-end;gap:14px;padding:0 13px;color:#8491a2;font-size:.62rem}.command-footer span{display:flex;align-items:center;gap:4px}

/* Overview dashboard */
.overview-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:23px 25px;margin-bottom:16px;border:1px solid #cddcf0;border-radius:16px;background:linear-gradient(120deg,#0d2648 0%,#13457c 57%,#1766b9 100%);color:#fff;box-shadow:0 12px 32px rgba(11,46,87,.16)}
.overview-hero:after{content:"";position:absolute;width:330px;height:330px;border-radius:50%;right:-120px;top:-180px;border:55px solid rgba(255,255,255,.055)}.overview-hero>div:first-child{position:relative;z-index:1}.overview-kicker{font-size:.62rem;text-transform:uppercase;letter-spacing:.14em;font-weight:850;color:#9cc9fb}.overview-hero h2{font-size:1.55rem;margin:7px 0 7px;letter-spacing:-.035em}.overview-hero p{max-width:700px;margin:0;color:#c8dbef;font-size:.82rem}
.readiness-ring{--progress:0%;position:relative;z-index:1;flex:0 0 94px;width:94px;height:94px;border-radius:50%;display:grid;place-items:center;align-content:center;background:conic-gradient(#76d6ad 0 var(--progress),rgba(255,255,255,.15) var(--progress) 100%)}.readiness-ring:after{content:"";position:absolute;inset:8px;background:#123d6d;border-radius:50%}.readiness-ring strong,.readiness-ring span{z-index:1}.readiness-ring strong{font-size:1.18rem}.readiness-ring span{font-size:.58rem;color:#bcd3e8;text-transform:uppercase;letter-spacing:.08em}
.metrics-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:16px}.metric-card{position:relative;min-width:0;display:grid;grid-template-columns:36px minmax(0,1fr);align-items:start;gap:10px;padding:15px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 1px 4px rgba(15,23,42,.035)}.metric-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#f0f4f8;color:#6a7c91}.metric-icon .icon{width:16px;height:16px}.metric-card>div{display:grid;min-width:0}.metric-label{font-size:.65rem;color:var(--muted);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-card strong{font-size:1.45rem;line-height:1.15;margin:4px 0 2px;letter-spacing:-.04em}.metric-card small{font-size:.62rem;color:#8794a5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-card.good .metric-icon{background:var(--good-bg);color:var(--good)}.metric-card.brand .metric-icon{background:var(--brand-soft);color:var(--brand)}.metric-card.warning .metric-icon{background:var(--warn-bg);color:var(--warn)}
.serious-dashboard{grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);gap:16px}.serious-dashboard .span-2{grid-column:1/2}.serious-dashboard>.card{min-width:0}.dashboard-campaign-list{display:grid}.dashboard-campaign-row{display:grid;grid-template-columns:minmax(180px,1.5fr) 82px 75px 65px auto 18px;align-items:center;gap:12px;padding:12px 5px;border-top:1px solid var(--line-soft);color:var(--ink)}.dashboard-campaign-row:hover{background:#f8fbff;margin-inline:-8px;padding-inline:13px;border-radius:9px}.dashboard-campaign-row>div{display:grid}.dashboard-campaign-row>div:not(.campaign-row-main) span{font-weight:800;font-size:.78rem}.dashboard-campaign-row small{font-size:.62rem;color:var(--muted)}.campaign-row-main strong{font-size:.79rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.campaign-row-main small{margin-top:3px}.campaign-row-arrow{color:#a2adba}.campaign-row-arrow .icon{width:14px;height:14px}.dashboard-empty-inline{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 2px}.dashboard-empty-inline>div{display:grid}.dashboard-empty-inline strong{font-size:.82rem}.dashboard-empty-inline small{font-size:.7rem;color:var(--muted);margin-top:3px}
.readiness-list{display:grid}.readiness-item{display:grid;grid-template-columns:26px 1fr 16px;align-items:center;gap:9px;padding:10px 0;border-top:1px solid var(--line-soft);color:var(--ink)}.readiness-item:hover strong{color:var(--brand)}.readiness-check{width:24px;height:24px;border-radius:7px;border:1px solid #d4dce7;background:#f8fafc;display:grid;place-items:center;color:#fff;font-size:.7rem;font-weight:900}.readiness-item.done .readiness-check{background:var(--good);border-color:var(--good)}.readiness-item>div{display:grid}.readiness-item strong{font-size:.75rem}.readiness-item small{font-size:.62rem;color:var(--muted);margin-top:2px}.readiness-arrow{color:#a3aebc}.readiness-arrow .icon{width:13px;height:13px}.quick-grid.serious{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.quick-grid.serious a{padding:14px;border-radius:10px;background:#fbfcfe}.quick-grid.serious a:hover{background:#f4f8fe;transform:translateY(-1px);box-shadow:0 5px 12px rgba(15,23,42,.05)}.quick-grid.serious a>span{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;background:var(--brand-soft);margin:0 0 10px;color:var(--brand)}.quick-grid.serious a>span .icon{width:15px;height:15px}.quick-grid.serious strong{font-size:.75rem}.quick-grid.serious small{font-size:.63rem;line-height:1.4}
.health-summary-list{display:grid}.health-summary-row{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:9px;padding:9px 0;border-top:1px solid var(--line-soft);color:var(--ink)}.health-summary-row>div{display:grid;min-width:0}.health-summary-row strong{font-size:.73rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.health-summary-row small{font-size:.6rem;color:var(--muted)}.score-bubble{width:34px;height:34px;border-radius:9px;font-size:.72rem}.activity-list .activity-item:first-child{border-top:1px solid var(--line-soft)}.activity-item{padding:10px 0;grid-template-columns:31px 1fr auto}.activity-icon{width:29px;height:29px;border-radius:8px}.activity-icon .icon{width:14px;height:14px}.activity-item strong{font-size:.73rem}.activity-item small,.activity-item time{font-size:.61rem}.support-summary .attention-number{display:flex;align-items:baseline;gap:8px;padding:9px 0 14px}.attention-number strong{font-size:2rem;letter-spacing:-.05em}.attention-number span{font-size:.71rem;color:var(--muted)}.attention-links{display:grid;border-top:1px solid var(--line-soft)}.attention-links a{display:flex;align-items:center;justify-content:space-between;padding:10px 0;color:#42516a;font-size:.72rem;font-weight:700;border-bottom:1px solid var(--line-soft)}.attention-links a:hover{color:var(--brand)}.attention-links .icon{width:13px;height:13px}

/* Data-heavy pages */
.table-wrap{border-radius:11px}.card.table-wrap{padding:5px 16px 10px}table{font-size:.78rem}th{position:sticky;top:0;z-index:2;background:#fff;color:#8491a2;font-size:.59rem;letter-spacing:.11em;padding:11px 10px}td{padding:12px 10px}tbody tr{transition:background .13s ease}tbody tr:hover{background:#f8fafc}.table-title{font-size:.77rem}.table-title+small{font-size:.64rem}.health-cell strong{font-size:.72rem}.score-mini{width:74px;height:5px}.filter-bar{padding:8px;border-radius:10px;box-shadow:0 1px 3px rgba(15,23,42,.035)}.filter-bar input,.filter-bar select{min-height:38px}
.detail-grid{margin:15px 0}.detail-grid>div{padding:11px}.stacked-details>div{padding:9px 0}.stacked-details dt{font-size:.6rem}.stacked-details dd{font-size:.73rem}.danger-zone{background:#fffafa;border-color:#efd5d1!important}

/* Webmail — desktop-grade workspace */
.mail-workspace .app-main{width:100%;max-width:none;padding:10px 12px 18px}.mail-workspace .app-topbar{box-shadow:none}
.webmail-shell{min-height:calc(100vh - var(--topbar) - 28px);border-radius:12px;border-color:#d5dee9;box-shadow:0 5px 20px rgba(15,23,42,.055);grid-template-columns:232px minmax(0,1fr)}
.webmail-sidebar{padding:12px 10px;background:#f7f9fc;border-color:#dde4ed}.compose-button{min-height:39px;margin-bottom:10px;border-radius:9px}.mailbox-switch label{font-size:.58rem;letter-spacing:.1em}.mailbox-switch select{min-height:37px;padding:7px 8px;font-size:.72rem;margin-bottom:8px}.folder-nav-head{display:flex;align-items:center;justify-content:space-between;padding:10px 9px 5px;color:#8794a5;font-size:.58rem;text-transform:uppercase;letter-spacing:.1em;font-weight:850}.folder-nav-head button{border:0;background:transparent;color:#5c7da5;font-size:.62rem;font-weight:750;padding:4px}.folder-link{min-height:36px;padding:7px 9px;border-radius:7px;color:#4d5d73;font-size:.73rem;gap:8px}.folder-link strong{font-weight:650;min-width:0;overflow:hidden;text-overflow:ellipsis}.folder-link em{margin-left:auto;font-style:normal;font-size:.61rem;font-weight:800;background:#e5eaf1;color:#617086;border-radius:999px;padding:2px 6px}.folder-link.active{background:#e2eefc;color:#174d90;font-weight:750}.folder-link.active em{background:#c9ddf7;color:#164d90}.folder-glyph{font-size:.85rem;color:#708197}.mail-tools{font-size:.7rem}.mail-tools a{padding:6px 9px}.mail-toolbar{height:58px;padding:0 13px;gap:10px;background:#fff}.mail-search{max-width:760px;position:relative}.mail-search .search-glyph{font-size:1rem}.mail-search input{min-height:38px;background:#f5f7fa;border-color:#d8e0e9;font-size:.73rem}.mail-search input:focus{background:#fff}.mail-search select{min-height:38px;font-size:.68rem}.mail-search button{min-height:38px;font-size:.69rem}.icon-button{width:34px;height:34px;border-radius:8px}.pagination span{font-size:.66rem}.folder-title{min-height:63px;padding:11px 14px}.folder-title h1{font-size:1.18rem;letter-spacing:-.025em}.folder-title span{font-size:.67rem}.bulk-actions select{min-height:34px}.message-list{border-color:#edf1f5}.mail-row{position:relative;min-height:54px;padding:0 12px;border-color:#eef2f6}.mail-row:hover{background:#f8fbff}.mail-row.unread{background:#f1f7ff;box-shadow:inset 3px 0 #2878d8}.mail-row-link{grid-template-columns:minmax(125px,210px) minmax(210px,1fr) auto;gap:11px;color:#445269}.mail-from{font-size:.74rem}.mail-subject strong{font-size:.74rem}.mail-subject small{font-size:.6rem;color:#8a96a7}.mail-row-link time{font-size:.63rem;color:#8390a1}.mail-star{font-size:.95rem}.mail-check input{width:14px;height:14px}.message-view{max-width:1160px;padding:7px 4px 25px}.message-view-top{margin-bottom:11px}.message-card{padding:24px;border-radius:13px;box-shadow:0 4px 18px rgba(15,23,42,.05)}.message-subject-line h1,.message-card>h1{font-size:1.5rem}.sender-line{grid-template-columns:40px minmax(0,1fr) auto;padding-bottom:14px}.avatar{width:36px;height:36px;border-radius:10px}.sender-line strong{font-size:.78rem}.sender-line small,.sender-line time{font-size:.66rem}.email-body{padding:23px 2px;line-height:1.65;color:#243247}.attachment{font-size:.7rem;padding:8px 10px}.message-actions{padding-top:14px}.message-toolbar-form .button,.move-message-control select{min-height:34px}
.compose-page{max-width:1180px}.compose-card{border-radius:13px;box-shadow:0 5px 20px rgba(15,23,42,.06)}.compose-from,.compose-line{min-height:48px;padding:8px 15px;grid-template-columns:62px minmax(0,1fr) auto}.compose-from>span,.compose-line>span{font-size:.68rem}.compose-line input{min-height:32px;font-size:.78rem}.composer-tools{position:sticky;top:var(--topbar);z-index:12;padding:7px 12px;background:#f8fafc}.composer-tools button{height:30px}.rich-editor{min-height:310px;padding:22px 24px;font-size:.9rem;line-height:1.65}.compose-footer{position:sticky;bottom:0;z-index:11;padding:10px 14px;background:rgba(250,251,253,.96);backdrop-filter:blur(10px)}

/* Campaigns and growth */
.campaign-stats{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.campaign-stats article{padding:14px;border-radius:11px;box-shadow:0 1px 3px rgba(15,23,42,.035)}.campaign-stats span{font-size:.63rem}.campaign-stats strong{font-size:1.4rem;margin-top:4px;display:block}.campaign-layout{grid-template-columns:minmax(0,1.7fr) minmax(300px,.65fr);gap:16px}.campaign-layout main,.campaign-layout aside{gap:16px}.campaign-layout aside{position:sticky;top:calc(var(--topbar) + 14px);align-self:start}.sequence{gap:9px}.sequence-step{grid-template-columns:34px 1fr;padding:14px;border-radius:10px;background:#fcfdff}.step-number{width:31px;height:31px;border-radius:8px;font-size:.72rem}.sequence-step h3{font-size:.88rem}.sequence-step>div>div{font-size:.73rem;line-height:1.5}.event-item{padding:9px 0}.event-item strong{font-size:.71rem}.event-item small{font-size:.61rem}.modal{border-radius:14px}.modal form{padding:20px}.modal-head h2{font-size:1.15rem}.ai-builder-hero{max-width:none;border-radius:12px}.ai-control-note{min-height:100%;border-style:dashed}.list-card,.template-card{border-radius:12px;box-shadow:0 1px 3px rgba(15,23,42,.035)}

/* AI — integrated, not gimmicky */
.ai-button{background:linear-gradient(135deg,#1769d2,#5b4bc2);box-shadow:0 3px 10px rgba(70,74,181,.18)}.ai-spark{border-radius:9px;background:linear-gradient(145deg,#e9f3ff,#efecff)}.ai-message-card,.ai-compose-assistant,.ai-builder-hero{border-color:#d2dced;background:linear-gradient(145deg,#fbfdff,#faf9ff);box-shadow:0 3px 12px rgba(34,67,128,.045)}.ai-compose-assistant{margin:4px 15px 12px;padding:12px 13px}.ai-card-head strong{font-size:.76rem}.ai-card-head small{font-size:.65rem}.ai-compose-grid{grid-template-columns:minmax(0,1fr) 150px}.ai-action-row .button{min-height:32px;font-size:.7rem}.ai-inline-status{font-size:.68rem}.ai-result{font-size:.74rem}.ai-summary{font-size:.8rem!important}.ai-score-chip{padding:7px 8px}.ai-score-chip span{font-size:.62rem}.ai-score-chip strong{font-size:.76rem}

/* Settings and infrastructure */
.settings-nav{gap:5px;border:1px solid var(--line);background:#fff;border-radius:10px;padding:4px;margin-bottom:16px;box-shadow:0 1px 3px rgba(15,23,42,.03)}.settings-nav a{padding:7px 10px;border-radius:7px;font-size:.7rem}.settings-nav a.active{border:0;background:var(--brand-soft);color:#17589f}.settings-grid{gap:16px}.status-hero{padding:12px;border-radius:10px}.status-hero h2{font-size:.88rem}.status-hero p{font-size:.68rem}.health-grid{gap:10px}.health-card{border-radius:11px;padding:14px}.health-card h3{font-size:.8rem}.health-card p{font-size:.7rem;min-height:37px}.domain-score{gap:20px}.deliverability-hero{padding:24px;border-radius:14px}.deliverability-hero h2{font-size:1.65rem}.deliverability-hero p{font-size:.82rem}.result-card{border-radius:14px;padding:24px}

/* Mobile / responsive product behaviour */
@media(max-width:1280px){
  :root{--sidebar:238px}
  .metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .command-trigger{min-width:210px}.command-trigger span{max-width:125px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
  .campaign-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1020px){
  :root{--sidebar:260px}
  .sidebar{transform:translateX(-100%);box-shadow:12px 0 42px rgba(4,14,30,.25)}.sidebar.open{transform:translateX(0)}
  .app-shell{margin-left:0}.mobile-menu.bare{display:inline-grid}.sidebar-backdrop{display:block;position:fixed;inset:0;z-index:45;border:0;background:rgba(4,14,28,.46);opacity:0;pointer-events:none;backdrop-filter:blur(2px)}.sidebar.open~.sidebar-backdrop{opacity:1;pointer-events:auto}
  .command-trigger{min-width:40px;width:40px;justify-content:center}.command-trigger span,.command-trigger kbd{display:none}
  .top-ai-pill span{display:none}.top-ai-pill{width:36px;justify-content:center;padding:0}.top-ai-pill.online:after{position:absolute;margin:22px 0 0 22px}
  .account-name{display:none}
  .serious-dashboard{grid-template-columns:1fr}.serious-dashboard .span-2{grid-column:auto}.campaign-layout{grid-template-columns:1fr}.campaign-layout aside{position:static}.quick-grid.serious{grid-template-columns:repeat(2,minmax(0,1fr))}
  .webmail-shell{grid-template-columns:210px minmax(0,1fr)}
}
@media(max-width:760px){
  :root{--topbar:64px}
  .app-topbar{height:var(--topbar);padding:0 10px}.topbar-title small{display:none}.topbar-title strong{font-size:.85rem;max-width:150px}.top-actions{gap:5px}.top-compose{width:36px;padding:0}.top-compose span{display:none}.account-menu>summary{padding:0}.account-popover{right:-2px}
  .app-main{padding:18px 12px 30px}.page-header{display:grid;gap:12px}.page-header h1{font-size:1.55rem}.page-header>.actions{justify-content:flex-start;padding-top:0}.page-header p{font-size:.79rem}
  .flash-stack{top:74px;right:10px;width:calc(100vw - 20px)}
  .overview-hero{padding:18px;align-items:flex-start}.overview-hero h2{font-size:1.3rem}.readiness-ring{width:76px;height:76px;flex-basis:76px}.readiness-ring strong{font-size:.96rem}
  .metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{grid-template-columns:31px 1fr;padding:12px}.metric-icon{width:29px;height:29px}.metric-card strong{font-size:1.23rem}
  .dashboard-campaign-row{grid-template-columns:minmax(150px,1fr) auto 16px}.dashboard-campaign-row>div:nth-child(2),.dashboard-campaign-row>div:nth-child(3),.dashboard-campaign-row>div:nth-child(4){display:none}
  .mail-workspace .app-main{padding:7px}.webmail-shell{display:block;min-height:calc(100vh - var(--topbar) - 14px)}.webmail-sidebar{border-right:0;border-bottom:1px solid var(--line);display:block;padding:8px}.compose-button,.mailbox-switch,.folder-nav-head{display:none}.webmail-sidebar nav{display:flex;overflow-x:auto;gap:3px;padding-bottom:1px;scrollbar-width:none}.webmail-sidebar nav::-webkit-scrollbar{display:none}.folder-link{white-space:nowrap;flex:0 0 auto;min-height:34px}.folder-link em{display:none}.mail-tools{display:none}.mail-toolbar{height:auto;padding:8px;display:flex}.mail-search{max-width:none}.mail-search select{width:125px}.folder-title{display:block;padding:10px}.bulk-actions{justify-content:flex-start;margin-top:8px}.mail-row-link{grid-template-columns:minmax(90px,135px) minmax(140px,1fr)}.mail-row-link time{display:none}.mail-subject small{display:none}.message-view{padding:2px}.message-card{padding:17px}.message-toolbar-form{justify-content:flex-start}.compose-from,.compose-line{grid-template-columns:50px minmax(0,1fr) auto;padding-inline:10px}.rich-editor{padding:18px 15px}.ai-compose-assistant{margin-inline:8px}
  .campaign-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-nav{margin-inline:0;overflow:auto}.settings-nav a{flex:0 0 auto}.quick-grid.serious{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
  .topbar-title{display:none}.top-actions{width:100%;justify-content:flex-end}.mobile-menu.bare{margin-right:auto}.top-ai-pill{display:none}
  .overview-hero p{display:none}.overview-hero{align-items:center}.metrics-grid{grid-template-columns:1fr 1fr;gap:7px}.metric-card{display:block}.metric-icon{margin-bottom:7px}.metric-card small{white-space:normal}.quick-grid.serious{grid-template-columns:1fr}
  .dashboard-empty-inline{display:grid}.dashboard-campaign-row{grid-template-columns:minmax(0,1fr) auto 14px}.campaign-row-main small{display:none}
  .mail-toolbar{display:block}.toolbar-actions{margin-top:7px}.mail-search{display:grid;grid-template-columns:1fr auto}.mail-search input{min-width:0}.mail-search select{grid-column:1/2;width:100%;margin-top:6px;border:1px solid var(--line);border-radius:8px}.mail-search button{grid-column:2;grid-row:1}.folder-title h1{font-size:1.05rem}.bulk-actions select,.bulk-actions .button{width:100%;max-width:none}.mail-row{padding-inline:6px}.mail-row-link{grid-template-columns:88px minmax(105px,1fr);gap:7px}.mail-from,.mail-subject strong{font-size:.69rem}.message-subject-line h1{font-size:1.24rem}.message-toolbar-form{display:grid;grid-template-columns:1fr 1fr;width:100%}.move-message-control{grid-column:1/-1}.move-message-control select{flex:1}.message-toolbar-form>.button{width:100%}.compose-footer{flex-wrap:wrap}.compose-footer .actions{width:100%;margin-left:0}.compose-footer .actions .button{flex:1}.campaign-stats{grid-template-columns:1fr 1fr}.campaign-layout .card{padding:16px}.ai-builder-hero{display:grid}.form-card,.card{padding:16px}
  .command-footer{display:none}.command-item{grid-template-columns:32px 1fr 14px}.command-palette{max-height:calc(100vh - 24px)}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
  .button:hover,.quick-grid.serious a:hover{transform:none}
}
.button.is-loading{position:relative;color:transparent!important;pointer-events:none}.button.is-loading:after{content:"";position:absolute;width:14px;height:14px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:fm-spin .65s linear infinite}.button.secondary.is-loading:after{border-color:#c7d1dd;border-top-color:#53677e}@keyframes fm-spin{to{transform:rotate(360deg)}}
.mail-from{display:flex;align-items:center;gap:8px;min-width:0}.mail-from>span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-avatar-mini{width:25px;height:25px;flex:0 0 25px;border-radius:7px;display:grid;place-items:center;background:#edf2f8;color:#59728f;font-style:normal;font-size:.57rem;font-weight:850}.mail-row.unread .mail-avatar-mini{background:#dbeaff;color:#16579d}
@media(max-width:760px){.mail-avatar-mini{display:none}.mail-from{gap:0}}
.top-ai-pill{position:relative}.form-card>.form-section{padding-top:18px;margin-top:2px;border-top:1px solid var(--line-soft)}.form-card>.form-section:first-of-type{border-top:0}.form-section h2{font-size:.82rem;text-transform:none;letter-spacing:-.01em;color:#33445a}
.campaign-index-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.campaign-protection-note{margin-top:12px;grid-template-columns:9px 1fr}.campaign-protection-note strong{color:#194b88}
@media(max-width:900px){.campaign-index-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.campaign-index-metrics{grid-template-columns:1fr 1fr}}
.mailbox-index-metrics,.contact-index-metrics,.domain-index-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:900px){.mailbox-index-metrics,.contact-index-metrics,.domain-index-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ===== SOURCE: growth-2.4.css ===== */
/* Fair E Mail Hub 2.4.0 — native growth, CRM, membership and referral UI */
:root{--growth-ink:#10233f;--growth-soft:#f5f8fc;--growth-line:#dce5f0;--growth-accent:#2563eb;--growth-green:#0f8a61;--growth-warn:#b7791f}

/* Growth workspace */
.prospecting-studio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:20px 0 28px}.prospect-tool{position:relative;overflow:hidden;min-height:100%;border:1px solid var(--growth-line);background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)}.prospect-tool:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#2563eb,#7c3aed)}.prospect-tool .tool-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#edf4ff;color:#1d4ed8;margin-bottom:12px}.prospect-tool h2{margin:0 0 7px}.prospect-tool p{min-height:44px}.prospect-result{display:grid;gap:14px}.native-company-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(220px,.5fr);gap:18px;align-items:start}.company-identity{display:flex;gap:14px;align-items:flex-start}.company-monogram{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;background:#eaf2ff;color:#174ea6;font-size:20px;font-weight:800;flex:0 0 auto}.company-signals{display:flex;gap:8px;flex-wrap:wrap}.company-signal{padding:6px 9px;border:1px solid var(--growth-line);border-radius:999px;background:#fff;font-size:12px;font-weight:700;color:#42546d}.candidate-list{display:grid;gap:9px}.candidate-row{display:grid;grid-template-columns:minmax(190px,1.3fr) minmax(130px,.8fr) auto auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--growth-line);border-radius:12px;background:#fff}.candidate-row strong,.candidate-row small{display:block}.candidate-row small{margin-top:3px;color:#66758b}.verification-score{font-variant-numeric:tabular-nums;font-weight:800}.company-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.company-card{display:flex;flex-direction:column;gap:12px}.company-card .company-tech{display:flex;flex-wrap:wrap;gap:6px}.company-card .company-tech span{font-size:11px;padding:4px 7px;border-radius:999px;background:#f1f5f9}.native-boundary{border-left:3px solid #2563eb;background:#f8fbff}.lead-score-cell{display:flex;align-items:center;gap:8px}.lead-score-cell strong{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#eef4ff;color:#1d4ed8}.lead-score-cell span{font-size:12px;color:#64748b;text-transform:capitalize}

/* CRM pipeline */
.pipeline-board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(275px,1fr);gap:14px;overflow-x:auto;overscroll-behavior-inline:contain;padding:4px 2px 18px;scroll-snap-type:x proximity}.pipeline-column{scroll-snap-align:start;border:1px solid var(--growth-line);border-radius:16px;background:#f7f9fc;min-height:440px;display:flex;flex-direction:column}.pipeline-column>header{padding:14px 15px 12px;border-bottom:1px solid var(--growth-line);background:rgba(255,255,255,.75);border-radius:16px 16px 0 0}.pipeline-column>header strong,.pipeline-column>header small{display:block}.pipeline-column>header small{margin-top:3px;color:#718096}.pipeline-dropzone{display:grid;align-content:start;gap:10px;padding:12px;min-height:360px;transition:.15s ease}.pipeline-dropzone.is-drag-over{background:#eaf2ff;box-shadow:inset 0 0 0 2px #7aa7ff}.deal-card{padding:13px;border:1px solid #d9e2ee;border-radius:12px;background:#fff;box-shadow:0 2px 8px rgba(30,55,88,.05);cursor:grab;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.deal-card:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(30,55,88,.09)}.deal-card.is-dragging{opacity:.48;cursor:grabbing}.deal-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}.deal-card-top>span{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#69798f;font-weight:750}.deal-card a{color:inherit;text-decoration:none}.deal-card small{display:block;margin-top:4px;color:#69798f}.deal-value{margin-top:12px;font-size:15px;font-weight:800;color:#163b71}.deal-card time{display:block;margin-top:8px;font-size:11px;color:#8a5a16}.pipeline-empty{border:1px dashed #cbd6e4;border-radius:11px;padding:20px 10px;text-align:center;color:#8a98aa;font-size:12px}.growth-two-col{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.55fr);gap:18px}.deal-detail-value{padding:20px;border-radius:14px;background:linear-gradient(135deg,#10233f,#174a82);color:#fff;margin-bottom:18px}.deal-detail-value span,.deal-detail-value strong{display:block}.deal-detail-value span{font-size:12px;opacity:.75}.deal-detail-value strong{font-size:28px;margin-top:3px}.deal-task-list{display:grid;gap:9px}.deal-task{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--growth-line);padding:10px 11px;border-radius:10px}.deal-task strong,.deal-task small{display:block}.deal-task small{margin-top:3px;color:#718096}.deal-task.done{opacity:.62}.sequence-condition{display:inline-flex!important;align-items:center;padding:4px 7px!important;border-radius:999px;background:#eef4ff;color:#2456a6!important;font-size:11px!important;font-weight:750}.step-rule-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.inline-setting-form{display:grid;gap:9px;margin-top:14px;padding-top:13px;border-top:1px solid var(--growth-line)}

/* Referral and memberships */
.referral-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:18px;align-items:stretch}.referral-share-card{position:relative;overflow:hidden;background:linear-gradient(140deg,#0c1f39,#174f8d);color:#fff;border:0}.referral-share-card:after{content:"$5";position:absolute;right:-10px;bottom:-35px;font-size:130px;line-height:1;font-weight:900;color:rgba(255,255,255,.055)}.referral-link-box{display:flex;gap:8px;margin:14px 0}.referral-link-box input{min-width:0;background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.25);color:#fff}.referral-link-box .button{flex:0 0 auto}.referral-code{display:inline-flex;gap:8px;align-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;padding:7px 10px;border-radius:9px;background:rgba(255,255,255,.1)}.referral-rules{display:grid;gap:10px;counter-reset:rule}.referral-rule{display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:start}.referral-rule:before{counter-increment:rule;content:counter(rule);width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:#eef4ff;color:#2456a6;font-weight:800}.referral-rule strong,.referral-rule small{display:block}.referral-rule small{margin-top:2px;color:#6b7b91}.membership-current{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(180deg,#fff,#f9fbfe)}.membership-current h2{margin:3px 0}.billing-toggle{display:inline-flex;gap:3px;padding:4px;border:1px solid var(--growth-line);border-radius:12px;background:#f5f7fa;margin:18px 0}.billing-toggle button{border:0;background:transparent;border-radius:9px;padding:8px 12px;font:inherit;font-weight:700;color:#67768b;cursor:pointer}.billing-toggle button.active{background:#fff;color:#183b69;box-shadow:0 1px 5px rgba(30,50,80,.12)}.billing-toggle button span{font-size:10px;margin-left:4px;color:#0b8a5d}.membership-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px}.membership-card{display:flex;flex-direction:column;gap:14px;padding:20px;border:1px solid var(--growth-line);border-radius:16px;background:#fff}.membership-card.current{border-color:#7da8e8;box-shadow:0 0 0 2px rgba(37,99,235,.08)}.membership-card ul{display:grid;gap:8px;padding-left:18px;margin:0}.membership-card form{margin-top:auto}.membership-price>span{font-size:30px;font-weight:850;color:#143d71}.membership-price small{font-size:12px;font-weight:650;color:#728096;margin-left:3px}.referral-public-banner{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:28px;padding:26px;border-radius:20px;background:linear-gradient(135deg,#102d51,#155f95);color:#fff}.referral-public-banner h3{font-size:25px;margin:4px 0 5px}.referral-public-banner p{max-width:760px;opacity:.83}.referral-public-banner .eyebrow{color:#bfe0ff}.referral-public-banner .button.light{background:#fff;color:#174a82;border-color:#fff}.inline-form{display:flex;gap:7px;align-items:center}.inline-form input{min-width:150px}.admin-ops-table td:last-child{min-width:280px}

/* Responsive */
@media(max-width:1120px){.prospecting-studio,.company-library,.membership-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.native-company-hero,.referral-hero,.growth-two-col{grid-template-columns:1fr}.candidate-row{grid-template-columns:minmax(180px,1fr) auto}.candidate-row>:nth-child(2){grid-column:1/2}}
@media(max-width:720px){.prospecting-studio,.company-library,.membership-grid{grid-template-columns:1fr}.pipeline-board{grid-auto-columns:minmax(84vw,1fr)}.candidate-row{grid-template-columns:1fr;gap:7px}.referral-link-box,.inline-form,.referral-public-banner{align-items:stretch;flex-direction:column}.membership-current{align-items:flex-start;flex-direction:column}.billing-toggle{display:flex;width:100%}.billing-toggle button{flex:1}.referral-public-banner .button{width:100%;text-align:center}.company-identity{align-items:center}}
@media(prefers-reduced-motion:reduce){.deal-card,.pipeline-dropzone{transition:none}}

/* ===== SOURCE: workflow-2.5.css ===== */
/* Fair E Web Host Mail Hub 2.5.0 — workflow completion layer */
:root{--wf-surface:#fff;--wf-soft:#f7f9fc;--wf-soft-2:#eef3f9;--wf-line:#dbe4ef;--wf-ink:#10233f;--wf-muted:#66758a;--wf-blue:#1f5fbf;--wf-green:#087a57;--wf-amber:#a56312;--wf-red:#b42318;--wf-shadow:0 12px 34px rgba(25,50,82,.08)}

/* System polish */
.app-main{scroll-padding-top:88px}.page-header{gap:20px}.page-heading{min-width:0}.page-heading h1{letter-spacing:-.025em}.actions{flex-wrap:wrap}.button.tiny{min-height:29px;padding:5px 9px;border-radius:8px;font-size:11px}.button.ghost{background:transparent;box-shadow:none}.button.danger.ghost{border-color:#f1c1bd;color:var(--wf-red);background:#fff}.button.danger.ghost:hover{background:#fff5f4}.card,.form-card{scroll-margin-top:90px}input,select,textarea,.rich-editor{transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}input:focus,select:focus,textarea:focus,.rich-editor:focus{border-color:#78a7e8;box-shadow:0 0 0 3px rgba(37,99,235,.12);outline:0}.advanced-filter-bar{margin:16px 0}.advanced-filter-bar form{display:grid;grid-template-columns:minmax(220px,1.4fr) repeat(3,minmax(155px,.65fr)) auto auto;gap:8px;align-items:center}.campaign-filter-bar form{grid-template-columns:minmax(260px,1fr) minmax(170px,.35fr) auto auto}.filter-bar .button.ghost{color:#53647b}

/* Work Queue */
.queue-metrics{margin-bottom:18px}.queue-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 14px;margin-bottom:14px;position:sticky;top:74px;z-index:8;box-shadow:0 8px 24px rgba(30,50,80,.06)}.queue-tabs{display:flex;gap:5px;flex-wrap:wrap}.queue-tab{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid transparent;border-radius:10px;color:#526277;text-decoration:none;font-size:12px;font-weight:750}.queue-tab strong{min-width:21px;padding:2px 6px;border-radius:999px;background:#edf2f7;color:#63748a;text-align:center;font-size:10px}.queue-tab:hover{background:#f6f8fb;color:#173b69}.queue-tab.active{border-color:#cadcf4;background:#edf5ff;color:#174e98}.queue-tab.active strong{background:#dbeafe;color:#174e98}.queue-search{display:flex;align-items:center;gap:8px;min-width:min(340px,100%);padding:0 10px;border:1px solid var(--wf-line);border-radius:11px;background:#fff;color:#7a899d}.queue-search .icon{width:17px;height:17px;flex:0 0 auto}.queue-search input{width:100%;border:0!important;box-shadow:none!important;padding:9px 0;background:transparent}.queue-search.compact{min-width:260px}.work-queue-list{display:grid;gap:9px}.work-item{display:grid;grid-template-columns:5px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:94px;padding:15px 16px;border:1px solid var(--wf-line);border-radius:14px;background:#fff;box-shadow:0 2px 9px rgba(26,52,84,.035)}.work-item:hover{border-color:#c6d5e8;box-shadow:var(--wf-shadow)}.work-severity{align-self:stretch;border-radius:999px;background:#cbd5e1}.severity-critical .work-severity{background:#d92d20}.severity-high .work-severity{background:#e59b28}.severity-medium .work-severity{background:#3b82f6}.severity-low .work-severity{background:#94a3b8}.work-item-main{min-width:0}.work-item-main>strong{display:block;margin:4px 0 3px;font-size:14px;color:var(--wf-ink)}.work-item-main p{margin:0;color:var(--wf-muted);font-size:12px;line-height:1.45}.work-item-main time{display:block;margin-top:6px;color:#8391a4;font-size:11px}.work-item-meta{display:flex;align-items:center;gap:8px}.work-item-meta>span:first-child{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:#738196}

/* Pipeline control layer */
.pipeline-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 190px auto;align-items:end;gap:10px;padding:12px 14px;margin-bottom:12px}.pipeline-toolbar>label:not(.queue-search){display:grid;gap:5px;font-size:11px;font-weight:750;color:#5f7087}.pipeline-toolbar select{min-height:39px}.pipeline-column>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.pipeline-stage-value{font-size:11px;font-weight:800;color:#385577;white-space:nowrap;background:#fff;border:1px solid #dce5ef;padding:5px 7px;border-radius:8px}.deal-mobile-stage{display:none;margin-top:10px;border-top:1px solid #edf1f6;padding-top:9px}.deal-mobile-stage>span{display:block;margin-bottom:4px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#718197}.deal-mobile-stage select{width:100%;min-height:34px;padding:5px 8px;font-size:12px}.pipeline-column.is-filter-empty{opacity:.62}.pipeline-column.is-filter-empty .pipeline-empty{display:block}.deal-card[hidden]{display:none!important}

/* Campaign draft operations */
.sequence-step-content{min-width:0;width:100%}.sequence-step-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-top:6px}.sequence-step-heading h3{margin:0;min-width:0}.sequence-step-actions{display:flex;align-items:center;gap:5px;flex:0 0 auto}.sequence-step-actions form{margin:0}.sequence-email-preview{margin-top:11px;padding:13px 14px;border:1px solid #e4eaf2;border-radius:11px;background:#fbfcfe;color:#34445a;max-height:230px;overflow:auto}.campaign-draft-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 15px;margin:16px 0}.campaign-draft-toolbar strong,.campaign-draft-toolbar small{display:block}.campaign-draft-toolbar small{margin-top:2px;color:#6c7b8e}.composer-tools.compact{margin-bottom:0}.composer-tools.compact button{min-height:30px}.campaign-layout dialog .rich-editor{min-height:210px}

/* Prospecting activity + data tables */
.native-activity-filters{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0 14px}.native-activity-filters form{display:flex;gap:7px;flex-wrap:wrap}.native-activity-filters select{min-width:150px}.table-wrap tbody tr[hidden]{display:none}.table-wrap table{width:100%}.table-wrap td small{line-height:1.35}

/* Toasts */
.toast-stack{position:fixed;z-index:2500;right:18px;bottom:18px;display:grid;gap:8px;width:min(390px,calc(100vw - 28px));pointer-events:none}.app-toast{pointer-events:auto;display:flex;align-items:center;justify-content:space-between;gap:13px;padding:12px 13px;border:1px solid #d8e2ee;border-radius:12px;background:#fff;color:#23364f;box-shadow:0 18px 44px rgba(17,38,65,.18);opacity:0;transform:translateY(8px);transition:opacity .16s ease,transform .16s ease}.app-toast.show{opacity:1;transform:none}.app-toast.success{border-left:4px solid #129269}.app-toast.danger{border-left:4px solid #d92d20}.app-toast.warning{border-left:4px solid #d99020}.app-toast button{border:0;background:transparent;color:#728197;font-size:19px;line-height:1;cursor:pointer}

/* Dense backend tables remain readable */
.route-contacts .table-wrap,.route-campaigns .table-wrap,.route-prospecting .table-wrap{overflow:auto}.route-contacts table,.route-campaigns table{min-width:880px}.admin-ops-table{min-width:1000px}.card-head{gap:15px}.modal{max-height:min(88vh,900px);overflow:auto}.modal::backdrop{background:rgba(10,25,45,.48);backdrop-filter:blur(2px)}

/* Public/front-end continuation of the serious product design */
.public-header{backdrop-filter:saturate(150%) blur(14px)}.public-header .public-nav{min-height:72px}.public-body .hero h1{letter-spacing:-.035em}.public-body .button{font-weight:750}.public-body section[id]{scroll-margin-top:92px}.public-footer{border-top:1px solid #dce4ee}.pricing-card,.feature-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.pricing-card:hover,.feature-card:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(23,48,78,.08);border-color:#c6d6e8}

/* Responsive table mode: real stacked records, not horizontal microscopic text */
@media(max-width:820px){
  .advanced-filter-bar form,.campaign-filter-bar form{grid-template-columns:1fr 1fr}.advanced-filter-bar form input:first-child,.campaign-filter-bar form input:first-child{grid-column:1/-1}.queue-controls{position:static;align-items:stretch;flex-direction:column}.queue-search,.queue-search.compact{min-width:0;width:100%}.work-item{grid-template-columns:4px minmax(0,1fr)}.work-item>.button{grid-column:2;width:max-content}.pipeline-toolbar{grid-template-columns:1fr 1fr}.pipeline-toolbar .queue-search{grid-column:1/-1}.pipeline-toolbar [data-pipeline-reset]{width:100%}.deal-mobile-stage{display:block}.deal-card{cursor:default}.native-activity-filters{align-items:stretch;flex-direction:column}.native-activity-filters form{display:grid;grid-template-columns:1fr 1fr}.native-activity-filters form .button{width:100%}.campaign-draft-toolbar{align-items:flex-start;flex-direction:column}.campaign-draft-toolbar .actions{width:100%}.sequence-step-heading{align-items:flex-start;flex-direction:column}.sequence-step-actions{width:100%}
}

@media(max-width:660px){
  .advanced-filter-bar form,.campaign-filter-bar form,.pipeline-toolbar,.native-activity-filters form{grid-template-columns:1fr}.advanced-filter-bar form input:first-child,.campaign-filter-bar form input:first-child,.pipeline-toolbar .queue-search{grid-column:auto}.queue-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.queue-tab{justify-content:space-between;background:#f7f9fc}.work-item{padding:13px 12px}.work-item>.button{width:100%}.pipeline-board{grid-auto-columns:minmax(88vw,1fr)}.campaign-draft-toolbar .actions{display:grid;grid-template-columns:1fr}.campaign-draft-toolbar .button{width:100%}.sequence-step{gap:10px}.sequence-email-preview{max-height:180px}
  .table-wrap.responsive-stack{overflow:visible}.table-wrap.responsive-stack table,.table-wrap.responsive-stack tbody,.table-wrap.responsive-stack tr,.table-wrap.responsive-stack td{display:block;width:100%;min-width:0}.table-wrap.responsive-stack thead{display:none}.table-wrap.responsive-stack tbody{display:grid;gap:10px}.table-wrap.responsive-stack tr{padding:10px 12px;border:1px solid var(--wf-line);border-radius:12px;background:#fff}.table-wrap.responsive-stack td{display:grid;grid-template-columns:minmax(96px,.42fr) minmax(0,1fr);gap:10px;padding:7px 0!important;border:0!important;text-align:left!important}.table-wrap.responsive-stack td:before{content:attr(data-label);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.055em;color:#7c899b}.table-wrap.responsive-stack td[colspan]{display:block}.table-wrap.responsive-stack td[colspan]:before{content:none}
}

@media(prefers-reduced-motion:reduce){.app-toast,.pricing-card,.feature-card,input,select,textarea,.rich-editor{transition:none!important}}

/* ===== SOURCE: provider-2.6.css ===== */
/* Mail Hub 2.6 — multi-provider connections + email design */
.provider-grid,.provider-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:20px 0 26px}.provider-card,.provider-choice{position:relative;border:1px solid var(--border,#dbe3ee);border-radius:18px;background:#fff;padding:22px;box-shadow:0 10px 30px rgba(15,23,42,.05)}.provider-card{display:grid;grid-template-columns:52px 1fr;gap:16px}.provider-choice{display:flex;flex-direction:column;text-decoration:none;color:inherit;min-height:245px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.provider-choice:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(15,23,42,.09);border-color:#b9c8dc}.provider-choice p{color:var(--muted,#667085);line-height:1.55;flex:1}.provider-icon,.provider-choice-icon,.provider-mark{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-weight:800;font-size:20px;background:#eef2ff;color:#29356f}.provider-card.google .provider-icon,.provider-choice.google .provider-choice-icon,.provider-connect.google .provider-mark{background:#f6f8ff;color:#2855b5}.provider-card.microsoft .provider-icon,.provider-choice.microsoft .provider-choice-icon,.provider-connect.microsoft .provider-mark{background:#eef9ff;color:#0672ce}.provider-card.generic .provider-icon,.provider-choice.generic .provider-choice-icon,.provider-connect.generic .provider-mark{background:#f3f4f6;color:#344054}.provider-choice .button{align-self:flex-start;pointer-events:none}.provider-pill{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700;background:#f2f4f7;color:#344054;white-space:nowrap}.provider-pill:before{content:"";width:7px;height:7px;border-radius:50%;background:#98a2b3}.provider-pill.google{background:#eff5ff;color:#1849a9}.provider-pill.google:before{background:#2e90fa}.provider-pill.microsoft{background:#ecfdff;color:#0e7090}.provider-pill.microsoft:before{background:#06aed4}.connect-provider-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 20px}.provider-connect{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--border,#dbe3ee);border-radius:14px;background:#fff;color:inherit;text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease}.provider-connect:hover{border-color:#9eb3cc;box-shadow:0 8px 22px rgba(15,23,42,.06)}.provider-connect .provider-mark{width:38px;height:38px;border-radius:11px;font-size:16px}.provider-connect span:last-child{display:flex;flex-direction:column;min-width:0}.provider-connect small{color:var(--muted,#667085);margin-top:2px}.email-design-grid{display:grid;grid-template-columns:minmax(340px,.75fr) minmax(420px,1.25fr);gap:22px;align-items:start}.email-preview-panel{position:sticky;top:88px;border:1px solid var(--border,#dbe3ee);border-radius:18px;background:#eef2f7;padding:16px;min-width:0}.email-preview-frame{display:block;width:100%;height:670px;border:0;border-radius:12px;background:#fff;box-shadow:0 8px 30px rgba(15,23,42,.1)}.upgrade-gate{max-width:760px;margin:30px auto}.upgrade-gate>small{display:block;color:var(--muted,#667085);margin-top:18px}.route-mailboxes .page-header .actions{flex-wrap:wrap}.route-settings-email-design input[type="color"]{min-height:46px;padding:5px;cursor:pointer}
@media(max-width:1050px){.provider-grid,.provider-choice-grid{grid-template-columns:1fr}.provider-card{grid-template-columns:48px 1fr}.email-design-grid{grid-template-columns:1fr}.email-preview-panel{position:static}.email-preview-frame{height:590px}.connect-provider-strip{grid-template-columns:1fr}}
@media(max-width:640px){.provider-card,.provider-choice{padding:17px;border-radius:15px}.provider-card{grid-template-columns:1fr}.provider-card .provider-icon{width:42px;height:42px}.email-preview-panel{padding:10px;border-radius:14px}.email-preview-frame{height:520px}.connect-provider-strip{gap:8px}.provider-connect{padding:12px}.settings-nav{overflow-x:auto;scrollbar-width:none}.settings-nav::-webkit-scrollbar{display:none}}
@media(prefers-reduced-motion:reduce){.provider-choice,.provider-connect{transition:none}.provider-choice:hover{transform:none}}

/* ===== SOURCE: launch-2.7.css ===== */
/* Launch offer + product updates — v2.7 */
.launch-offer-banner{width:min(1180px,calc(100% - 36px));margin:0 auto 28px;padding:28px 30px;border:1px solid rgba(117,102,255,.18);border-radius:24px;background:linear-gradient(135deg,#0f1831 0%,#16295a 42%,#55278d 100%);color:#eef3ff;box-shadow:0 24px 60px rgba(14,31,66,.18);display:grid;grid-template-columns:minmax(0,1.2fr) auto auto;gap:20px;align-items:center}.launch-offer-banner h2{margin:6px 0 8px;font-size:clamp(1.55rem,2.5vw,2.3rem)}.launch-offer-banner p{margin:0;color:#c9d5ef;max-width:700px}.offer-mini-prices{display:flex;gap:12px;flex-wrap:wrap}.offer-mini-prices>div{min-width:156px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);display:grid;gap:3px}.offer-mini-prices strong{font-size:.76rem;letter-spacing:.05em;text-transform:uppercase;color:#b9c9ef}.offer-mini-prices span{font-size:1.05rem;font-weight:850;color:#fff}.offer-mini-prices small{color:#b5c2df}.roadmap-offer{margin-bottom:30px}.inner-offer-banner{width:auto;margin-bottom:18px}

.offer-popup[hidden]{display:none!important}.offer-popup{position:fixed;inset:0;z-index:70;padding:20px;display:grid;place-items:center;background:rgba(8,15,31,.55);backdrop-filter:blur(8px)}.offer-popup-card{position:relative;width:min(960px,100%);display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);overflow:hidden;border-radius:28px;border:1px solid rgba(93,110,170,.18);background:#0f1530;box-shadow:0 36px 80px rgba(7,16,34,.35)}.offer-popup-left{padding:38px 34px;background:linear-gradient(160deg,#08101f 0%,#132347 42%,#55298f 100%);color:#eef3ff}.offer-popup-left h2{font-size:clamp(2rem,4.2vw,3rem);line-height:1.02;margin:12px 0 14px;letter-spacing:-.055em}.offer-popup-left p{max-width:480px;color:#d1dcf4;font-size:1.04rem}.offer-popup-right{padding:34px 30px;background:#101522;color:#f7f9fc;display:grid;align-content:start;gap:16px}.offer-popup-right ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}.offer-popup-right li{position:relative;padding-left:24px;color:#eef2ff}.offer-popup-right li::before{content:'✓';position:absolute;left:0;top:0;color:#9fc4ff;font-weight:900}.offer-popup-right small{color:#9dafcf}.offer-popup-close{position:absolute;top:14px;right:14px;width:38px;height:38px;border:0;border-radius:999px;background:rgba(255,255,255,.12);color:#fff;font-size:1.45rem;display:grid;place-items:center}.offer-popup-close:hover{background:rgba(255,255,255,.2)}.offer-icon{width:54px;height:54px;border-radius:18px;background:linear-gradient(160deg,#1f2440,#0d0f18);display:grid;place-items:center;font-size:1.35rem;color:#fff;box-shadow:0 10px 26px rgba(0,0,0,.22)}.offer-price-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.offer-price-pills span{padding:10px 13px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);font-size:.9rem;color:#dce6fb}.offer-price-pills strong{display:inline-block;margin-left:6px;color:#fff}

.updates-section{padding-top:40px}.update-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.update-link-card{display:grid;gap:6px;padding:20px 22px;border-radius:18px;border:1px solid #d9e2f0;background:#fff;box-shadow:var(--shadow);color:inherit}.update-link-card strong{font-size:1.1rem;color:var(--ink)}.update-link-card span{color:var(--muted)}.update-link-card:hover{transform:translateY(-2px);border-color:#bfd1ea;color:inherit}

.updates-hero{padding:10px 0 20px}.updates-hero h1{font-size:clamp(2.2rem,4vw,3.5rem);margin:12px 0 14px;letter-spacing:-.05em}.updates-hero p{max-width:860px;color:var(--muted);font-size:1.02rem}.roadmap-section{margin-top:30px}.section-heading p{max-width:860px}.updates-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.update-card{padding:21px 22px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow)}.update-card h3{margin:12px 0 8px;font-size:1.1rem}.update-card p{margin:0;color:var(--muted)}.update-card.released{border-color:#cfe5d7;background:linear-gradient(180deg,#fff,#f6fffa)}.update-card.progress{border-color:#ead4a8;background:linear-gradient(180deg,#fff,#fffaf0)}.update-card.planned{border-color:#d9e0ef;background:linear-gradient(180deg,#fff,#f8fbff)}.update-card-top{display:flex;justify-content:space-between;align-items:center}

.release-timeline{display:grid;gap:18px;padding-bottom:20px}.release-entry{padding:22px 24px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow)}.release-entry-head{display:grid;gap:8px;margin-bottom:14px}.release-entry-head>div:first-child{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.release-entry h2{margin:0;font-size:1.2rem}.release-entry p{margin:0;color:var(--muted)}.release-entry ul{margin:0;padding-left:19px;color:#3f4e65}.release-entry li+li{margin-top:6px}.release-version{display:inline-flex;align-items:center;justify-content:center;padding:6px 11px;border-radius:999px;background:#edf4ff;color:#245cb0;font-size:.78rem;font-weight:850}

.offer-chip{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;background:#efe9ff;color:#5b45a3;font-size:.73rem;font-weight:850;margin-bottom:10px}.special-price,.membership-offer{display:grid;gap:2px;padding:11px 13px;border-radius:14px;background:#f7f3ff;border:1px solid #e2d6ff;margin:10px 0 14px}.special-price span,.membership-offer span{font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em;color:#6a4fb3}.special-price strong,.membership-offer strong{font-size:1.35rem;letter-spacing:-.04em;color:#21184f}.special-price small,.membership-offer small{color:#655f76}

.route-roadmap .app-main,.route-changelog .app-main{display:grid;gap:0}.route-roadmap .public-main,.route-changelog .public-main{display:grid;gap:0}

@media(max-width:980px){.launch-offer-banner{grid-template-columns:1fr;align-items:flex-start}.offer-popup-card{grid-template-columns:1fr}.offer-popup-right{border-top:1px solid rgba(255,255,255,.06)}.updates-grid,.update-links{grid-template-columns:1fr}}
@media(max-width:760px){.launch-offer-banner{padding:22px 20px;border-radius:20px}.offer-mini-prices{display:grid;grid-template-columns:1fr 1fr}.offer-popup{padding:12px}.offer-popup-left,.offer-popup-right{padding:24px 20px}.offer-popup-left h2{font-size:2rem}.update-link-card,.update-card,.release-entry{padding:18px}.offer-price-pills{display:grid;grid-template-columns:1fr}.offer-popup-close{top:10px;right:10px}}
@media(max-width:560px){.offer-mini-prices{grid-template-columns:1fr}.launch-offer-banner .actions{width:100%}.launch-offer-banner .actions .button{width:100%}.updates-hero h1{font-size:2rem}}

/* ===== SOURCE: support-2.8.css ===== */
/* Support, notifications and Knowledge Base — v2.8 */

/* Operational notification palette intentionally separated from the Mail Hub brand blue. */
:root{
  --notice-success-bg:#f2f8f5;--notice-success-border:#b9d8c9;--notice-success-accent:#3f8066;--notice-success-ink:#244c3e;
  --notice-info-bg:#f7f5fa;--notice-info-border:#d9d0e8;--notice-info-accent:#735c98;--notice-info-ink:#4b3e61;
  --notice-warning-bg:#fff8ec;--notice-warning-border:#ead4a9;--notice-warning-accent:#ad7725;--notice-warning-ink:#654b22;
  --notice-danger-bg:#fff4f2;--notice-danger-border:#e8c4bf;--notice-danger-accent:#b15449;--notice-danger-ink:#6d352f;
}

/* Alerts must work with both simple server notices and full flash markup. */
.alert{position:relative!important;display:block!important;grid-template-columns:none!important;width:100%;max-width:100%;min-width:0;margin:0 0 16px!important;padding:14px 17px!important;border:1px solid var(--line)!important;border-left-width:4px!important;border-radius:12px!important;background:#fff!important;color:#39465a!important;box-shadow:0 5px 16px rgba(18,31,50,.045)!important;font-size:.91rem;line-height:1.48;overflow-wrap:break-word;word-break:normal}
.alert strong{color:inherit;font-weight:800}.alert p:last-child{margin-bottom:0}.alert code{background:rgba(255,255,255,.62)}
.alert.success{background:var(--notice-success-bg)!important;border-color:var(--notice-success-border)!important;border-left-color:var(--notice-success-accent)!important;color:var(--notice-success-ink)!important}
.alert.info{background:var(--notice-info-bg)!important;border-color:var(--notice-info-border)!important;border-left-color:var(--notice-info-accent)!important;color:var(--notice-info-ink)!important}
.alert.warning{background:var(--notice-warning-bg)!important;border-color:var(--notice-warning-border)!important;border-left-color:var(--notice-warning-accent)!important;color:var(--notice-warning-ink)!important}
.alert.danger{background:var(--notice-danger-bg)!important;border-color:var(--notice-danger-border)!important;border-left-color:var(--notice-danger-accent)!important;color:var(--notice-danger-ink)!important}
.alert-mark{position:absolute!important;left:15px;top:19px;width:8px!important;height:8px!important;margin:0!important;border-radius:50%;background:currentColor!important}
.alert-close{position:absolute;right:11px;top:9px;width:30px;height:30px;display:grid;place-items:center;border:0;background:transparent;color:currentColor;opacity:.55;font-size:1.18rem;line-height:1;border-radius:8px}.alert-close:hover{opacity:1;background:rgba(0,0,0,.04)}
.public-notice-wrap{width:min(1040px,calc(100% - 36px));margin:28px auto 0;display:grid;gap:10px}.public-notice-wrap .alert{margin:0!important}.route-register .public-notice-wrap+.auth-layout,.route-login .public-notice-wrap+.auth-layout{padding-top:42px}
.form-card .alert,.card .alert,.auth-card .alert{margin-top:4px!important}

/* Toasts use the same operational palette, not brand accents. */
.app-toast{border-color:#d9e0e8!important;color:#344054!important}.app-toast.success{background:var(--notice-success-bg)!important;border-left-color:var(--notice-success-accent)!important;color:var(--notice-success-ink)!important}.app-toast.info{background:var(--notice-info-bg)!important;border-left:4px solid var(--notice-info-accent)!important;color:var(--notice-info-ink)!important}.app-toast.warning{background:var(--notice-warning-bg)!important;border-left-color:var(--notice-warning-accent)!important;color:var(--notice-warning-ink)!important}.app-toast.danger{background:var(--notice-danger-bg)!important;border-left-color:var(--notice-danger-accent)!important;color:var(--notice-danger-ink)!important}

/* Knowledge Base */
.kb-hero{padding:18px 0 28px;max-width:980px}.public-body .kb-hero,.public-body .kb-categories,.public-body .kb-results,.public-body .kb-article,.public-body .kb-related{width:min(1120px,calc(100% - 36px));margin-inline:auto}.kb-hero h1{font-size:clamp(2.35rem,5vw,4.25rem);margin:10px 0 13px;letter-spacing:-.055em}.kb-hero>p{max-width:790px;color:var(--muted);font-size:1.05rem}.kb-search{margin-top:24px;max-width:760px;display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 8px 8px 15px;background:#fff;border:1px solid #cfd8e5;border-radius:15px;box-shadow:0 12px 30px rgba(17,36,63,.08)}.kb-search>span{color:#7d8899;display:grid;place-items:center}.kb-search input{border:0!important;box-shadow:none!important;padding:10px 4px!important;background:transparent!important}.kb-search .button{min-height:40px}.kb-hero-links{display:flex;gap:16px;flex-wrap:wrap;margin-top:17px}.kb-hero-links a{font-size:.86rem;font-weight:750;color:#536174}.kb-hero-links a:hover{color:var(--ink)}
.kb-categories,.kb-results{padding:30px 0}.kb-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.kb-category-card{display:flex;align-items:flex-start;gap:13px;padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff;color:inherit;box-shadow:0 8px 22px rgba(16,34,58,.045);transition:transform .15s,border-color .15s,box-shadow .15s}.kb-category-card:hover{transform:translateY(-2px);border-color:#c5cfdd;box-shadow:0 13px 30px rgba(16,34,58,.075);color:inherit}.kb-category-icon{width:40px;height:40px;flex:0 0 40px;border-radius:12px;background:#f0f2f5;color:#4d5969;display:grid;place-items:center}.kb-category-card strong{font-size:.96rem;color:var(--ink)}.kb-category-card p{margin:5px 0 7px;color:var(--muted);font-size:.84rem}.kb-category-card small{font-size:.73rem;color:#7b8797}.kb-article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.kb-article-card{display:grid;align-content:start;gap:7px;min-height:184px;padding:19px 20px;border:1px solid var(--line);border-radius:16px;background:#fff;color:inherit;transition:border-color .15s,transform .15s}.kb-article-card:hover{color:inherit;border-color:#bcc9d8;transform:translateY(-1px)}.kb-card-category{font-size:.69rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase;color:#786497}.kb-article-card h3{font-size:1.02rem;margin:0}.kb-article-card p{margin:0;color:var(--muted);font-size:.87rem}.kb-article-card small{margin-top:auto;color:#788596;font-weight:650}.kb-article-card small span{float:right;font-size:1rem}.kb-no-results{grid-column:1/-1;border:1px dashed #ccd5e1;border-radius:16px;background:#fafbfc}
.kb-article{max-width:880px;padding:24px 0 38px}.kb-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:25px;font-size:.82rem;color:#7a8697}.kb-breadcrumb a{color:#596779;font-weight:700}.kb-article>header{padding-bottom:24px;border-bottom:1px solid var(--line)}.kb-article>header h1{font-size:clamp(2rem,4vw,3.15rem);margin:10px 0 13px;letter-spacing:-.045em}.kb-article>header p{font-size:1.03rem;color:var(--muted);max-width:760px}.kb-article>header small{color:#7e8998}.kb-article-body{padding:28px 0;font-size:1rem;color:#334056}.kb-article-body h2{margin:30px 0 10px;font-size:1.35rem}.kb-article-body h3{margin:24px 0 8px;font-size:1.12rem}.kb-article-body p,.kb-article-body li{line-height:1.7}.kb-article-body ul,.kb-article-body ol{padding-left:23px}.kb-article-body li+li{margin-top:8px}.kb-callout{margin:22px 0;padding:15px 17px;border:1px solid #d9d2e6;border-left:4px solid #735c98;border-radius:12px;background:#f8f6fb;color:#504363}.kb-callout.warning{border-color:#e6d0a8;border-left-color:#ad7725;background:#fff9ee;color:#654b22}.kb-article>footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px;border:1px solid var(--line);border-radius:16px;background:#f8fafc}.kb-article>footer p{margin:4px 0 0;color:var(--muted)}.kb-related{padding:10px 0 50px}

/* Wider public navigation now includes KB + update centre without cramped text. */
.public-nav{width:min(1220px,calc(100% - 36px))}.public-nav nav{gap:18px}.public-nav nav>a:not(.button){font-size:.86rem}

@media(max-width:1040px){.kb-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.public-nav nav>a[href="/roadmap"],.public-nav nav>a[href="/changelog"]{display:none}}
@media(max-width:760px){.public-notice-wrap{width:calc(100% - 24px);margin-top:16px}.route-register .public-notice-wrap+.auth-layout,.route-login .public-notice-wrap+.auth-layout{padding-top:28px}.flash-stack{right:10px!important;width:calc(100vw - 20px)!important}.kb-category-grid,.kb-article-grid{grid-template-columns:1fr}.kb-search{grid-template-columns:22px minmax(0,1fr)}.kb-search .button{grid-column:1/-1;width:100%}.kb-article>footer{display:block}.kb-article>footer .actions{margin-top:15px}.kb-hero{padding-top:28px}.public-nav nav>a[href="/knowledgebase"]{display:none}}
@media(max-width:520px){.alert{padding:13px 14px!important}.flash-stack .alert{padding:13px 42px 13px 34px!important}.kb-hero h1{font-size:2.3rem}.kb-category-card{padding:15px}.kb-article-card{min-height:0;padding:17px}.kb-article>header h1{font-size:2rem}}
.support-kb-banner{margin-bottom:18px;padding:20px 22px;border:1px solid #d9dfe6;border-radius:16px;background:linear-gradient(135deg,#f8f8f7,#f2f1ee);display:flex;align-items:center;justify-content:space-between;gap:22px}.support-kb-banner h2{margin:5px 0 6px;font-size:1.12rem}.support-kb-banner p{margin:0;color:#68707c;max-width:760px}.support-kb-banner .eyebrow{color:#6d6253}
@media(max-width:760px){.support-kb-banner{display:block}.support-kb-banner .button{margin-top:14px;width:100%}}
.kb-live-empty{grid-column:1/-1;padding:22px;border:1px dashed #ccd4de;border-radius:14px;background:#fafafa;text-align:center;display:grid;gap:5px}.kb-live-empty strong{color:#343c48}.kb-live-empty span{color:#747d89;font-size:.86rem}
@media(min-width:981px){.update-links{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ===== SOURCE: future-2.9.css ===== */
/* Mail Hub 2.9 — Future Workspace UI/UX
   Final presentation layer. Keeps existing routes/markup intact while bringing
   public and authenticated surfaces into one modern, readable system. */

:root{
  --sidebar:276px;
  --topbar:76px;
  --page-max:1560px;
  --content-max:1240px;
  --bg:#f5f7fa;
  --bg-soft:#f9fafb;
  --surface:#ffffff;
  --surface-2:#fbfcfd;
  --surface-3:#f3f5f8;
  --ink:#151b2b;
  --ink-2:#344054;
  --muted:#667085;
  --muted-2:#8c98a8;
  --line:#e1e6ed;
  --line-strong:#ccd5e1;
  --brand:#276fd3;
  --brand-dark:#1756ad;
  --brand-soft:#eef5ff;
  --brand-ring:rgba(39,111,211,.15);
  --violet:#6d5ac8;
  --teal:#167b7a;
  --good:#2f765b;
  --good-bg:#f0f8f4;
  --warn:#956822;
  --warn-bg:#fff8eb;
  --bad:#a64d45;
  --bad-bg:#fff4f2;
  --radius-xs:8px;
  --radius-sm:12px;
  --radius:16px;
  --radius-lg:22px;
  --shadow-xs:0 1px 2px rgba(16,24,40,.035);
  --shadow:0 1px 3px rgba(16,24,40,.04),0 10px 30px rgba(16,24,40,.055);
  --shadow-md:0 10px 35px rgba(16,24,40,.09);
  --shadow-lg:0 28px 80px rgba(10,20,40,.2);
}

html{font-size:16px;scroll-padding-top:calc(var(--topbar) + 24px)}
body{font-size:14px;line-height:1.55;background:var(--bg);color:var(--ink);letter-spacing:-.003em}
body:before{content:"";position:fixed;inset:0 0 auto 0;height:280px;pointer-events:none;z-index:-1;background:radial-gradient(circle at 78% -30%,rgba(92,126,194,.11),transparent 52%),linear-gradient(180deg,#f8fafc 0%,rgba(248,250,252,0) 100%)}
::selection{background:#dceaff;color:#17395f}
h1,h2,h3{color:var(--ink);font-weight:780;letter-spacing:-.035em}
p{color:var(--ink-2)}
small{line-height:1.45}
.muted{color:var(--muted)!important}

/* Accessibility and motion */
*:focus-visible{outline:0!important;box-shadow:0 0 0 3px var(--brand-ring)!important;border-color:#79a8e6!important}
.skip-link{border:1px solid var(--line);font-size:.85rem}

/* Core surfaces */
.card,.form-card,.auth-card,.modal,.mail-dialog{border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.97);box-shadow:var(--shadow)}
.card{padding:24px}.form-card{padding:26px}.card:hover{border-color:#d5dde8}
.card-head,.section-header{gap:20px;margin-bottom:18px}.card-head h2,.section-header h2{font-size:1.06rem;line-height:1.25}.card-head p,.section-header p{font-size:.84rem;line-height:1.55;color:var(--muted)}

/* Controls: one consistent physical size everywhere */
.button{min-height:42px;padding:9px 16px;border-radius:10px;font-size:.84rem;font-weight:760;box-shadow:0 3px 10px rgba(39,111,211,.14)}
.button:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(39,111,211,.17)}
.button.secondary{background:#fff;border-color:var(--line-strong);color:#344054;box-shadow:var(--shadow-xs)}
.button.secondary:hover{background:#f8fafc;border-color:#b9c5d3;box-shadow:0 4px 12px rgba(16,24,40,.07)}
.button.small{min-height:36px;padding:7px 12px;font-size:.78rem}.button.large{min-height:50px;padding:12px 21px;font-size:.94rem}
.icon-button{border:1px solid var(--line);background:#fff;box-shadow:var(--shadow-xs)}
input,select,textarea{min-height:44px;padding:10px 12px;border:1px solid var(--line-strong);border-radius:10px;background:#fff;color:var(--ink);font-size:.86rem;box-shadow:0 1px 2px rgba(16,24,40,.02)}
textarea{line-height:1.55}input:hover,select:hover,textarea:hover{border-color:#aebaca}input:focus,select:focus,textarea:focus{border-color:#79a8e6;box-shadow:0 0 0 3px var(--brand-ring)}
label{font-size:.82rem;line-height:1.35;gap:7px;color:#303c50}label small{font-size:.74rem;color:var(--muted)}
.form-grid{gap:18px}.form-grid.two{gap:16px}.form-grid.three{gap:14px}.checkbox{gap:10px}.checkbox input{min-height:0;margin-top:1px}
fieldset{border-radius:14px;background:#fbfcfe;padding:18px}

/* App shell */
.app-body{background:var(--bg)}
.sidebar{width:var(--sidebar);background:linear-gradient(180deg,#101827 0%,#121d2f 52%,#0f1827 100%);box-shadow:inset -1px 0 rgba(255,255,255,.045),4px 0 18px rgba(15,23,42,.035)}
.sidebar .app-brand{height:var(--topbar);padding:0 19px;border-color:rgba(255,255,255,.07)}
.sidebar .brand-mark{width:40px;height:40px;border-radius:12px;background:linear-gradient(145deg,#347bd6,#2558a7);box-shadow:0 10px 24px rgba(0,0,0,.22)}
.sidebar .brand strong{font-size:.98rem}.sidebar .brand small{font-size:.66rem;color:#91a3ba}
.side-nav{padding:14px 11px 22px;gap:3px}.side-nav>a{min-height:42px;padding:9px 11px;border-radius:10px;font-size:.82rem;color:#b1bfd0}.side-nav>a:hover{background:rgba(255,255,255,.055);color:#fff}.side-nav>a.active{background:linear-gradient(90deg,rgba(70,123,193,.28),rgba(70,123,193,.11));box-shadow:inset 0 0 0 1px rgba(132,172,226,.12);color:#fff}.side-nav>a.active:before{left:-11px;top:9px;bottom:9px;width:3px;background:#7eb4f4}.nav-label{padding:17px 11px 6px;font-size:.61rem;letter-spacing:.16em;color:#687e9b}.side-nav>a .icon{width:18px;height:18px;color:#90a5bf}.side-nav>a.active .icon{color:#d6e8ff}
.sidebar-foot{padding:13px 14px 16px;background:rgba(0,0,0,.08)}.sidebar-ai-status{padding:10px;border-radius:12px}.sidebar-ai-status strong{font-size:.76rem}.sidebar-ai-status small{font-size:.65rem}.user-chip strong{font-size:.8rem}.user-chip small{font-size:.66rem}
.app-shell{margin-left:var(--sidebar);min-width:0;transition:margin-left .2s ease}
.app-topbar{height:var(--topbar);padding:0 26px;border-bottom:1px solid rgba(218,225,234,.88);background:rgba(249,250,252,.88);backdrop-filter:saturate(170%) blur(18px);transition:box-shadow .2s ease,background .2s ease}
body.has-scrolled .app-topbar{background:rgba(255,255,255,.94);box-shadow:0 7px 24px rgba(16,24,40,.055)}
.topbar-title small{font-size:.65rem;letter-spacing:.12em}.topbar-title strong{font-size:.98rem;max-width:360px}.top-actions{gap:9px}.command-trigger{height:40px;min-width:280px;border-radius:11px;background:#fff;border-color:#d9e0e8;box-shadow:var(--shadow-xs)}.command-trigger span{font-size:.76rem}.top-ai-pill,.account-menu>summary{height:40px}.top-compose{height:40px;min-height:40px}.top-avatar{width:32px;height:32px;border-radius:10px}.account-popover{border-radius:14px;box-shadow:var(--shadow-lg)}
.desktop-sidebar-collapse{display:inline-grid;width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#64748b;place-items:center;box-shadow:var(--shadow-xs)}.desktop-sidebar-collapse:hover{background:#f7f9fc;color:#28364a}.desktop-sidebar-collapse .icon{transition:transform .2s ease}

/* Optional compact sidebar */
body.sidebar-collapsed{--sidebar:82px}
body.sidebar-collapsed .sidebar .brand>span:last-child,body.sidebar-collapsed .side-nav>a>span,body.sidebar-collapsed .side-nav>a>kbd,body.sidebar-collapsed .nav-label,body.sidebar-collapsed .sidebar-ai-status>div,body.sidebar-collapsed .sidebar-ai-status>i,body.sidebar-collapsed .user-chip>div,body.sidebar-collapsed .sidebar-foot form{display:none}
body.sidebar-collapsed .sidebar .app-brand{justify-content:center;padding-inline:10px}body.sidebar-collapsed .side-nav{padding-inline:10px}body.sidebar-collapsed .side-nav>a{justify-content:center;padding-inline:8px}body.sidebar-collapsed .side-nav>a.active:before{left:-10px}body.sidebar-collapsed .sidebar-ai-status{grid-template-columns:1fr;justify-items:center;padding:8px}body.sidebar-collapsed .user-chip{display:grid;place-items:center}body.sidebar-collapsed .desktop-sidebar-collapse .icon{transform:rotate(180deg)}

/* Main page system */
.app-main{width:min(var(--page-max),100%);margin:0 auto;padding:30px 32px 48px}
.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid rgba(218,225,234,.85)}
.page-heading{min-width:0}.page-header .eyebrow{font-size:.66rem;letter-spacing:.15em;color:#5e7189}.page-header h1{font-size:2rem;line-height:1.08;margin:7px 0 8px;letter-spacing:-.047em}.page-header p{max-width:820px;margin:0;color:var(--muted);font-size:.9rem;line-height:1.58}.page-header>.actions{padding:0;justify-content:flex-end}
.eyebrow{font-size:.67rem;letter-spacing:.14em;color:#55708f}.section-heading h2{font-size:clamp(1.65rem,2.5vw,2.35rem)}.section-heading p{font-size:.94rem;line-height:1.62;color:var(--muted)}

/* Metric cards */
.metrics-grid{gap:13px;margin-bottom:20px}.metric-card{min-height:116px;padding:17px;border-radius:15px;border:1px solid var(--line);box-shadow:var(--shadow-xs);background:linear-gradient(180deg,#fff,#fcfdff);grid-template-columns:40px minmax(0,1fr);gap:12px}.metric-icon{width:38px;height:38px;border-radius:11px}.metric-label{font-size:.72rem;letter-spacing:.015em}.metric-card strong{font-size:1.55rem;margin:5px 0 3px}.metric-card small{font-size:.7rem;white-space:normal;line-height:1.4}.metric-card.good{background:linear-gradient(180deg,#fff,#f8fcfa)}.metric-card.brand{background:linear-gradient(180deg,#fff,#f8fbff)}.metric-card.warning{background:linear-gradient(180deg,#fff,#fffaf3)}

/* Dashboard */
.overview-hero{border-radius:20px;padding:26px 28px;background:linear-gradient(135deg,#15233b 0%,#1c3355 57%,#33486c 100%);box-shadow:0 18px 45px rgba(18,35,60,.14)}.overview-hero h2{font-size:1.65rem;color:#fff}.overview-hero p{font-size:.88rem;color:#c6d4e8}.overview-kicker{font-size:.65rem;letter-spacing:.15em;color:#8fb2df}.readiness-ring{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.16)}.serious-dashboard{gap:18px}.dashboard-campaign-row{padding:13px 3px}.campaign-row-main strong{font-size:.82rem}.campaign-row-main small{font-size:.68rem}.readiness-item{padding:12px 0}.readiness-item strong{font-size:.79rem}.readiness-item small{font-size:.67rem}.quick-grid.serious{gap:12px}.quick-grid.serious a{padding:16px;border-radius:13px;border:1px solid var(--line-soft);background:#fff}.quick-grid.serious strong{font-size:.8rem}.quick-grid.serious small{font-size:.68rem}.activity-item strong{font-size:.77rem}.activity-item small,.activity-item time{font-size:.66rem}.attention-links a{font-size:.76rem}

/* Data-heavy interfaces */
.table-wrap{overflow:auto;border-radius:14px}.card.table-wrap{padding:8px 18px 13px}table{width:100%;font-size:.8rem;border-collapse:separate;border-spacing:0}thead th{position:sticky;top:0;z-index:3;padding:12px 11px;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);font-size:.64rem;letter-spacing:.09em;color:#7c899c;border-bottom:1px solid var(--line)}td{padding:13px 11px;border-bottom:1px solid var(--line-soft);vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#f8fafc}.table-title{font-size:.8rem}.table-title+small{font-size:.68rem}.table-scroll-hint{display:none;padding:8px 10px;color:var(--muted);font-size:.7rem;text-align:center;background:#f8fafc;border-top:1px solid var(--line-soft)}
.filter-bar,.queue-controls{padding:10px;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:var(--shadow-xs);gap:9px}.filter-bar input,.filter-bar select{min-height:40px}.detail-grid>div{padding:13px}.stacked-details dt{font-size:.67rem}.stacked-details dd{font-size:.8rem}

/* Auth / registration / login */
.public-body.route-register,.public-body.route-login{background:linear-gradient(180deg,#fbfcfe,#f4f6f9)}
.auth-layout{width:min(1120px,calc(100% - 40px));min-height:calc(100vh - 78px);margin:0 auto;padding:72px 0 86px;grid-template-columns:minmax(0,1fr) minmax(420px,500px);gap:78px;align-items:center}.auth-layout.compact{min-height:calc(100vh - 170px)}.auth-layout>section{max-width:610px}.auth-layout>section h1{font-size:clamp(2.7rem,4.6vw,4.4rem);line-height:1.02;letter-spacing:-.06em;margin:14px 0 20px}.auth-layout>section p{font-size:1.02rem;line-height:1.7;color:var(--muted)}.auth-benefits{gap:11px;margin-top:26px}.auth-benefits span{font-size:.82rem;color:#42516a}.auth-card{padding:32px;border-radius:20px;box-shadow:0 22px 55px rgba(16,24,40,.09)}.auth-card h2{font-size:1.45rem;margin-bottom:22px}.auth-card .form-grid{gap:17px}.public-notice-wrap{width:min(1120px,calc(100% - 40px));margin-top:24px}

/* Public marketing */
.public-header{background:rgba(255,255,255,.9);backdrop-filter:blur(20px) saturate(170%)}.public-nav{height:78px;width:min(1280px,calc(100% - 40px));gap:24px}.public-nav nav{gap:19px}.public-nav nav>a:not(.button){font-size:.82rem;color:#46556b}.marketing-hero{width:min(1280px,calc(100% - 40px));padding:100px 0 88px;gap:76px}.hero-copy h1{font-size:clamp(3.2rem,5.7vw,5.7rem);letter-spacing:-.068em}.lead{font-size:1.17rem;line-height:1.65}.mail-preview{border-radius:24px;box-shadow:0 38px 100px rgba(20,45,86,.18);transform:none}.marketing-section{width:min(1240px,calc(100% - 40px));padding:100px 0}.feature-grid{gap:18px}.feature-card{border-radius:19px;padding:24px}.feature-card h3{font-size:1.08rem}.feature-card p,.feature-card li{font-size:.86rem;line-height:1.58}.pricing-grid{gap:18px}.pricing-grid>article{border-radius:20px;padding:27px}.public-footer{padding-top:42px;padding-bottom:42px}

/* Webmail */
.mail-workspace .app-main{max-width:none;width:100%;padding:14px 16px 24px}.webmail-shell{min-height:calc(100vh - var(--topbar) - 38px);grid-template-columns:248px minmax(0,1fr);border-radius:16px;box-shadow:0 12px 34px rgba(16,24,40,.07)}.webmail-sidebar{padding:14px 11px;background:#f8fafc}.compose-button{min-height:42px}.folder-link{min-height:39px;font-size:.76rem;border-radius:9px}.folder-link em{font-size:.65rem}.mail-toolbar{height:64px;padding:0 16px}.mail-search input,.mail-search select,.mail-search button{min-height:41px}.folder-title{min-height:68px;padding:13px 16px}.folder-title h1{font-size:1.28rem}.mail-row{min-height:58px;padding:0 14px}.mail-row-link{grid-template-columns:minmax(145px,230px) minmax(240px,1fr) auto}.mail-from,.mail-subject strong{font-size:.78rem}.mail-subject small,.mail-row-link time{font-size:.66rem}.mail-avatar-mini{width:28px;height:28px;flex-basis:28px;border-radius:9px}.message-card{padding:28px;border-radius:17px}.message-subject-line h1,.message-card>h1{font-size:1.65rem}.sender-line strong{font-size:.82rem}.sender-line small,.sender-line time{font-size:.7rem}.email-body{font-size:.92rem;line-height:1.72}.compose-card{border-radius:17px}.compose-from,.compose-line{min-height:52px;padding:9px 18px;grid-template-columns:68px minmax(0,1fr) auto}.compose-line input{font-size:.82rem}.rich-editor{min-height:350px;padding:26px 28px;font-size:.94rem;line-height:1.7}.composer-tools{padding:9px 15px}.compose-footer{padding:12px 16px}

/* Campaigns, CRM, pipeline and prospecting */
.campaign-stats{gap:12px}.campaign-stats article{padding:16px;border-radius:14px}.campaign-stats span{font-size:.68rem}.campaign-stats strong{font-size:1.48rem}.campaign-layout{gap:20px;grid-template-columns:minmax(0,1.6fr) minmax(330px,.68fr)}.campaign-layout main,.campaign-layout aside{gap:18px}.sequence{gap:11px}.sequence-step{padding:16px;border-radius:13px}.sequence-step h3{font-size:.92rem}.sequence-step>div>div{font-size:.77rem}.step-number{width:34px;height:34px;border-radius:10px}.event-item strong{font-size:.76rem}.event-item small{font-size:.66rem}
.pipeline-board{gap:14px}.pipeline-column{min-width:300px;border-radius:16px}.pipeline-column-head{padding:14px}.deal-card{border-radius:13px;padding:14px;box-shadow:var(--shadow-xs)}.deal-card strong{font-size:.81rem}.deal-card p,.deal-card small{font-size:.68rem}.prospecting-tools,.growth-two-col{gap:18px}.growth-tool-card,.company-card{border-radius:16px}.work-item{border-radius:14px;padding:16px}.work-item-main strong{font-size:.84rem}.work-item-main p{font-size:.75rem}

/* AI surfaces */
.ai-button{background:linear-gradient(135deg,#395fa8,#6554b8);border-color:#4d5fab}.ai-message-card,.ai-compose-assistant,.ai-builder-hero{border-radius:15px;background:linear-gradient(145deg,#fbfcff,#faf9ff);border-color:#d9dcec}.ai-compose-assistant{padding:15px}.ai-card-head strong{font-size:.8rem}.ai-card-head small{font-size:.68rem}.ai-action-row .button{min-height:35px;font-size:.74rem}.ai-inline-status{font-size:.72rem}.ai-result{font-size:.79rem}.ai-summary{font-size:.84rem!important}.ai-score-chip span{font-size:.67rem}.ai-score-chip strong{font-size:.8rem}

/* Settings, deliverability, KB, updates and support */
.settings-nav{padding:5px;border-radius:13px;gap:5px}.settings-nav a{padding:8px 12px;border-radius:9px;font-size:.75rem}.settings-grid{gap:20px}.status-hero{padding:16px;border-radius:14px}.status-hero h2{font-size:.98rem}.status-hero p{font-size:.75rem}.health-grid{gap:14px}.health-card{padding:17px;border-radius:14px}.health-card h3{font-size:.85rem}.health-card p{font-size:.74rem}.deliverability-hero{padding:30px;border-radius:19px}.deliverability-hero h2{font-size:1.8rem}.deliverability-hero p{font-size:.87rem}.result-card{padding:28px;border-radius:18px}
.kb-hero{max-width:1040px;padding-top:32px}.kb-hero h1{font-size:clamp(2.8rem,5vw,4.7rem)}.kb-hero>p{font-size:1.08rem;line-height:1.68}.kb-search{max-width:820px;border-radius:17px;padding:9px 9px 9px 17px}.kb-category-grid{gap:16px}.kb-category-card,.kb-article-card{border-radius:17px;padding:20px}.kb-category-card strong{font-size:1rem}.kb-category-card p,.kb-article-card p{font-size:.87rem}.kb-article{max-width:940px}.kb-article>header h1{font-size:clamp(2.3rem,4vw,3.5rem)}.kb-article-body{font-size:1rem;line-height:1.7}.support-kb-banner{border-radius:18px;padding:22px 24px}.updates-grid,.update-links{gap:18px}.update-card,.update-link-card,.release-entry{border-radius:18px;box-shadow:var(--shadow-xs)}

/* Dialogs */
dialog{border:0}.modal,.mail-dialog,.command-palette{box-shadow:var(--shadow-lg)}.command-palette{border-radius:18px;border:1px solid rgba(218,225,234,.9)}.command-item{padding:11px 12px}.command-item strong{font-size:.8rem}.command-item small{font-size:.68rem}.command-search-wrap input{font-size:.9rem}

/* Notification polish */
.alert{font-size:.86rem!important;line-height:1.55!important;border-radius:13px!important;padding:14px 42px 14px 17px!important}.flash-stack{width:min(470px,calc(100vw - 36px));gap:10px}.app-toast{border-radius:13px;box-shadow:0 12px 34px rgba(16,24,40,.13)}

/* Responsive */
@media(max-width:1320px){
  :root{--sidebar:250px}.app-main{padding:26px 24px 42px}.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.campaign-layout{grid-template-columns:minmax(0,1.5fr) 320px}.public-nav nav{gap:14px}
}
@media(max-width:1100px){
  .desktop-sidebar-collapse{display:none}.public-nav nav>a[href="/roadmap"],.public-nav nav>a[href="/changelog"]{display:none}.marketing-hero{grid-template-columns:1fr;max-width:880px}.mail-preview{max-width:780px}.auth-layout{gap:45px;grid-template-columns:minmax(0,1fr) minmax(390px,470px)}
}
@media(max-width:1020px){
  :root{--sidebar:276px}.app-shell{margin-left:0!important}.app-topbar{padding-inline:14px}.app-main{padding:24px 16px 38px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.campaign-layout{grid-template-columns:1fr}.campaign-layout aside{position:static}.public-nav nav>a[href="/knowledgebase"]{display:none}.auth-layout{grid-template-columns:1fr;max-width:760px;gap:34px;padding-top:48px}.auth-layout>section{max-width:680px}.auth-layout>section h1{font-size:3rem}.auth-card{max-width:620px;width:100%}
}
@media(max-width:760px){
  :root{--topbar:66px}.app-topbar{padding:0 10px}.app-main{padding:18px 12px 32px}.page-header{display:grid;align-items:start;gap:14px;padding-bottom:16px;margin-bottom:18px}.page-header h1{font-size:1.65rem}.page-header p{font-size:.82rem}.page-header>.actions{justify-content:flex-start}.card,.form-card{padding:17px;border-radius:14px}.metrics-grid{gap:9px}.metric-card{min-height:0;padding:13px;grid-template-columns:34px 1fr}.metric-icon{width:32px;height:32px}.metric-card strong{font-size:1.3rem}.metric-label{font-size:.66rem}.metric-card small{font-size:.64rem}.overview-hero{padding:20px;border-radius:16px}.overview-hero h2{font-size:1.35rem}.quick-grid.serious{grid-template-columns:1fr 1fr}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-wrap.has-overflow+.table-scroll-hint,.table-wrap.has-overflow .table-scroll-hint{display:block}.mail-workspace .app-main{padding:8px}.webmail-shell{border-radius:13px}.mail-row{min-height:55px}.message-card{padding:19px}.rich-editor{padding:19px 16px}.auth-layout{width:calc(100% - 24px);padding:34px 0 50px}.auth-layout>section h1{font-size:2.45rem}.auth-layout>section p{font-size:.94rem}.auth-card{padding:22px;border-radius:17px}.public-nav{width:calc(100% - 24px);height:70px}.public-nav nav>a:not(.button){display:none}.public-nav nav>a.button{display:inline-flex}.marketing-hero{width:calc(100% - 24px);padding:66px 0}.hero-copy h1{font-size:3rem}.marketing-section{width:calc(100% - 24px);padding:70px 0}.feature-grid,.pricing-grid{grid-template-columns:1fr}.kb-hero,.public-body .kb-hero,.public-body .kb-categories,.public-body .kb-results,.public-body .kb-article,.public-body .kb-related{width:calc(100% - 24px)}
}
@media(max-width:520px){
  .app-main{padding-inline:10px}.topbar-title{display:none}.top-actions{width:100%}.metrics-grid{grid-template-columns:1fr 1fr}.metric-card{display:block}.metric-icon{margin-bottom:8px}.quick-grid.serious{grid-template-columns:1fr}.page-header>.actions,.page-header>.actions .button,.page-header>.actions form{width:100%}.page-header>.actions .button{justify-content:center}.campaign-stats{grid-template-columns:1fr 1fr}.auth-layout>section h1{font-size:2.1rem}.auth-benefits{grid-template-columns:1fr}.public-notice-wrap{width:calc(100% - 24px)}.hero-copy h1{font-size:2.45rem}.mail-row-link{grid-template-columns:92px minmax(105px,1fr)}.mail-avatar-mini{display:none}.mail-from,.mail-subject strong{font-size:.72rem}.compose-footer .actions{display:grid;grid-template-columns:1fr 1fr}.offer-popup-card{border-radius:20px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.button:hover,.quick-grid.serious a:hover{transform:none}}

/* Provider, account, membership and support modules */
.provider-grid,.provider-choice-grid{gap:16px}.provider-card,.provider-choice{border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow-xs);padding:20px}.provider-card:hover,.provider-choice:hover{border-color:#c4cfdd;box-shadow:var(--shadow)}.provider-card h3,.provider-choice h3{font-size:.98rem}.provider-card p,.provider-choice p{font-size:.8rem;line-height:1.55}.provider-icon,.provider-choice-icon{border-radius:13px}.provider-pill{font-size:.7rem}.connect-provider-strip{border-radius:17px;padding:20px}.mailbox-overview{gap:18px}.email-design-grid{gap:20px}.email-preview-panel{border-radius:17px}.email-preview-frame{border-radius:14px}
.membership-grid{gap:18px}.membership-card{border-radius:18px;padding:22px;box-shadow:var(--shadow-xs)}.membership-card.current{box-shadow:0 0 0 2px rgba(47,118,91,.12),var(--shadow-xs)}.membership-card h3{font-size:1.08rem}.membership-price span{font-size:1.65rem}.membership-current{border-radius:18px}.billing-toggle{border-radius:12px;padding:4px}.billing-toggle button{min-height:38px;border-radius:9px;font-size:.76rem}.referral-share-card{border-radius:18px}.copy-field{gap:8px}.copy-field input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.78rem}.referral-code strong{font-size:1.2rem}
.ticket-layout{gap:20px}.ticket-thread{gap:12px}.ticket-message{padding:17px;border-radius:15px}.ticket-message strong{font-size:.8rem}.ticket-message p{font-size:.79rem}.ticket-reply{border-radius:16px}.ticket-status{font-size:.7rem}
.requirements{gap:10px}.requirement{padding:12px 13px;border-radius:12px}.requirement strong{font-size:.8rem}.cron-status{gap:13px}
.legal-page{max-width:900px;margin:0 auto;padding:44px 0 70px}.legal-page h1{font-size:2.5rem}.legal-page h2{margin-top:30px;font-size:1.25rem}.legal-page p{font-size:.93rem;line-height:1.72}

/* Prospecting result clarity */
.prospecting-studio{gap:20px}.prospect-tool{border-radius:18px;padding:22px}.prospect-tool h2{font-size:1.08rem}.tool-kicker{font-size:.68rem}.candidate-grid{gap:13px}.email-candidate,.prospect-email-row{border-radius:13px;padding:13px}.candidate-score{font-size:1.08rem}.finder-person strong{font-size:.84rem}.finder-person small,.candidate-body small{font-size:.69rem}.technology-cloud{gap:7px}.technology-cloud span{border-radius:999px;padding:6px 9px;font-size:.68rem}.company-intel-hero{border-radius:19px;padding:24px}.company-intel-hero h2{font-size:1.4rem}.company-intel-meta{gap:8px}.scan-page-list{gap:7px}.result-list{gap:10px}.result-row{padding:12px;border-radius:11px}.result-row strong{font-size:.8rem}.result-row small{font-size:.68rem}

/* Keep the viewport stable while modals are open. */
body.dialog-open{overflow:hidden}

/* Ultra-wide monitors: keep readable line lengths instead of stretching forms. */
@media(min-width:1700px){
  .app-main{padding-left:42px;padding-right:42px}.page-header p{max-width:900px}.message-view,.compose-page{max-width:1280px}.settings-grid{max-width:1380px}
}
@media(max-width:1020px){
  body.sidebar-collapsed{--sidebar:276px}
  body.sidebar-collapsed .sidebar .brand>span:last-child{display:grid}
  body.sidebar-collapsed .side-nav>a>span{display:inline}
  body.sidebar-collapsed .side-nav>a>kbd{display:inline-block}
  body.sidebar-collapsed .nav-label{display:block}
  body.sidebar-collapsed .sidebar-ai-status>div{display:grid}
  body.sidebar-collapsed .sidebar-ai-status>i{display:block}
  body.sidebar-collapsed .user-chip>div{display:grid}
  body.sidebar-collapsed .sidebar-foot form{display:block}
  body.sidebar-collapsed .sidebar .app-brand{justify-content:flex-start;padding-inline:19px}
  body.sidebar-collapsed .side-nav{padding-inline:11px}
  body.sidebar-collapsed .side-nav>a{justify-content:flex-start;padding-inline:11px}
  body.sidebar-collapsed .sidebar-ai-status{grid-template-columns:31px 1fr 8px;justify-items:stretch;padding:10px}
  body.sidebar-collapsed .user-chip{display:flex}
}
/* Normalize remaining legacy micro-type from earlier growth layers. */
.company-signal{font-size:.7rem}.candidate-row{padding:14px;border-radius:13px}.candidate-row small{font-size:.69rem}.lead-score-cell span{font-size:.7rem}.pipeline-column>header strong{font-size:.8rem}.pipeline-column>header small{font-size:.68rem}.deal-card-top>span{font-size:.66rem}.deal-card time{font-size:.67rem}.pipeline-empty{font-size:.72rem}.deal-detail-value span{font-size:.7rem}.deal-task strong{font-size:.78rem}.deal-task small{font-size:.68rem}.sequence-condition{font-size:.67rem!important}.membership-price small{font-size:.72rem}.billing-toggle button span{font-size:.65rem}.company-card .company-tech span{font-size:.68rem}.referral-rule small{font-size:.7rem}
.command-group>span{font-size:.65rem}.command-footer{font-size:.67rem}.readiness-ring span{font-size:.64rem}.health-summary-row strong{font-size:.77rem}.health-summary-row small{font-size:.66rem}.activity-item small,.activity-item time{font-size:.66rem}.stacked-details dt{font-size:.67rem}.stacked-details dd{font-size:.8rem}.mailbox-switch label,.folder-nav-head{font-size:.64rem}.folder-nav-head button{font-size:.68rem}.folder-link em{font-size:.65rem}.pagination span{font-size:.68rem}.folder-title span{font-size:.7rem}.mail-subject small{font-size:.66rem}.mail-row-link time{font-size:.67rem}.mail-avatar-mini{font-size:.62rem}.attachment{font-size:.74rem}
.top-help-pill{height:40px;display:flex;align-items:center;gap:6px;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#5d6c80;font-size:.74rem;font-weight:730;box-shadow:var(--shadow-xs)}.top-help-pill:hover{background:#f8fafc;color:#26364b;border-color:#c4cfdb}.top-help-pill .icon{width:15px;height:15px}
@media(max-width:760px){.top-help-pill span{display:none}.top-help-pill{width:40px;padding:0;justify-content:center}}
@media(max-width:520px){.top-help-pill{display:none}}
/* Alignment contract across all page families. */
.form-card{max-width:880px}.form-card.wide{max-width:1180px}.form-card.single{max-width:720px}.dashboard-grid{gap:18px}.stats-grid{gap:13px}.stats-grid>article{padding:17px;border-radius:15px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow-xs)}.stats-grid>article span{font-size:.7rem;color:var(--muted)}.stats-grid>article strong{font-size:1.5rem}.list-grid,.template-grid{gap:16px}.list-card,.template-card{padding:18px;border-radius:15px}.list-card h3,.template-card h3{font-size:.96rem}.list-card p,.template-card p{font-size:.78rem}.detail-grid{gap:12px}.detail-grid>div{border-radius:12px}.result-notes,.issue-list{font-size:.78rem;line-height:1.55}.back-link{font-size:.77rem}.row-actions{gap:8px}.tiny{font-size:.7rem!important}
/* Mail Hub 3.0 — operational workflows, queue, collaboration and database administration */

.undo-send-banner{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:16px;align-items:center;margin:0 0 18px;padding:16px 18px;border:1px solid #c9d6e8;border-radius:16px;background:linear-gradient(135deg,#f8fbff,#f5f7fb);box-shadow:0 8px 24px rgba(18,38,68,.06)}
.undo-send-banner>div{display:grid;gap:3px}.undo-send-banner strong{font-size:.96rem;color:#18263b}.undo-send-banner span{color:#64748b;font-size:.84rem}.undo-send-banner.is-expired{opacity:.72}.undo-send-banner [data-undo-countdown]{font-variant-numeric:tabular-nums;font-weight:800;color:#42526a}

.send-later-control{display:grid;grid-template-columns:auto minmax(190px,240px);align-items:center;gap:7px 10px}.send-later-control>span{font-size:.8rem;font-weight:800;color:#34435a}.send-later-control input{min-height:40px}.send-later-control small{grid-column:1/-1;color:#748196;font-weight:500}

.outbox-error{display:block;max-width:420px;color:#a43e35}.route-outbox .table-wrap td:first-child{min-width:280px}.route-outbox .table-wrap td:first-child small{display:block;margin-top:4px;color:#738096}.route-outbox .queue-controls{padding-block:14px}

.dashboard-onboarding{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:22px;align-items:center;margin-bottom:22px;padding:22px 24px;border:1px solid #d7dfea;border-radius:20px;background:linear-gradient(135deg,#fff,#f8fafc);box-shadow:var(--shadow)}.dashboard-onboarding h2{margin:5px 0 5px;font-size:1.25rem}.dashboard-onboarding p{margin:0;color:var(--muted);max-width:720px}.dashboard-onboarding-progress{display:grid;justify-items:center;min-width:92px}.dashboard-onboarding-progress strong{font-size:1.55rem;letter-spacing:-.04em}.dashboard-onboarding-progress span{font-size:.72rem;color:var(--muted);white-space:nowrap}
.onboarding-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;padding:28px;margin-bottom:20px}.onboarding-hero h2{font-size:1.55rem;margin:6px 0 8px}.onboarding-progress-ring{--progress:0;width:128px;height:128px;border-radius:50%;display:grid;place-items:center;align-content:center;background:radial-gradient(circle closest-side,#fff 77%,transparent 79% 100%),conic-gradient(#2a6ac8 calc(var(--progress)*1%),#e8edf4 0);box-shadow:inset 0 0 0 1px #e2e8f0}.onboarding-progress-ring strong{font-size:1.45rem;letter-spacing:-.04em}.onboarding-progress-ring span{font-size:.69rem;color:var(--muted)}.onboarding-checklist{margin-bottom:20px}.onboarding-steps{display:grid;gap:10px}.onboarding-step{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:14px;padding:15px 16px;border:1px solid #e1e7ef;border-radius:14px;color:inherit;background:#fff;transition:border-color .15s,transform .15s,box-shadow .15s}.onboarding-step:hover{color:inherit;border-color:#b9c9df;transform:translateY(-1px);box-shadow:0 8px 20px rgba(21,43,75,.06)}.onboarding-step.done{background:#fbfefc;border-color:#d6e8dc}.onboarding-check{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#eff3f8;color:#53637a}.onboarding-step.done .onboarding-check{background:#e7f5ec;color:#177246;font-weight:900}.onboarding-check .icon{width:16px;height:16px}.onboarding-step p{margin:4px 0 0;color:var(--muted)}.onboarding-step-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.onboarding-step-title span{padding:2px 7px;border-radius:999px;background:#f0f3f7;color:#758196;font-size:.67rem;font-weight:800}.onboarding-open{font-size:.78rem;font-weight:800;color:#3a5f91}.onboarding-controls{display:flex;align-items:center;justify-content:space-between;gap:20px}.onboarding-controls h2{margin-bottom:4px}.onboarding-controls p{margin:0}

.shared-inbox-panel{margin-top:18px;border:1px solid #dbe3ee;background:linear-gradient(180deg,#fff,#fafbfd)}.shared-inbox-panel .form-grid{align-items:end}.collaboration-notes{display:grid;gap:9px;margin-top:14px}.collaboration-note{padding:12px 14px;border:1px solid #e1e7ef;border-radius:12px;background:#fff}.collaboration-note header{display:flex;justify-content:space-between;gap:12px;margin-bottom:6px}.collaboration-note strong{font-size:.82rem}.collaboration-note time{font-size:.7rem;color:var(--muted)}.collaboration-note p{margin:0;white-space:pre-wrap;color:#3f4d62}.collaboration-note-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;margin-top:12px;align-items:end}

.offer-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:20px}.offer-admin-card{padding:21px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow)}.offer-admin-card .stacked-details{margin-block:16px}.offer-admin-card small{color:var(--muted)}

.db-index-list{display:grid;gap:8px;margin-top:14px}.db-index-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid #e2e8f0;border-radius:11px}.db-index-row>div{display:grid;gap:2px}.db-index-row small{color:var(--muted);font-size:.72rem}.legacy-table-review .alert{margin:16px 0}.legacy-table-review .alert p{margin:3px 0 0}.route-admin-operations table td:first-child small,.route-admin-operations table td:first-child strong{display:block}.route-admin-operations table td:first-child small{margin-top:4px;color:var(--muted)}

.mail-activity-filter-note{font-size:.78rem;color:var(--muted)}.route-mailboxes-activity table td:first-child{min-width:260px}.route-mailboxes-activity table td:first-child strong,.route-mailboxes-activity table td:first-child small{display:block}.route-mailboxes-activity table td:first-child small{margin-top:4px;color:var(--muted);max-width:520px}

@media(max-width:980px){.undo-send-banner,.dashboard-onboarding{grid-template-columns:1fr auto}.undo-send-banner>a,.dashboard-onboarding>a{grid-column:1/-1;justify-self:start}.offer-admin-grid{grid-template-columns:1fr}}
@media(max-width:720px){.undo-send-banner,.dashboard-onboarding,.onboarding-hero{grid-template-columns:1fr}.undo-send-banner .button,.dashboard-onboarding .button{width:100%}.onboarding-progress-ring{width:112px;height:112px}.onboarding-step{grid-template-columns:38px minmax(0,1fr)}.onboarding-open{grid-column:2}.onboarding-controls{display:grid}.collaboration-note-form{grid-template-columns:1fr}.send-later-control{grid-template-columns:1fr}.send-later-control small{grid-column:auto}}
.shared-inbox-card{margin-top:20px;padding:20px;border:1px solid #dbe3ee;border-radius:18px;background:linear-gradient(180deg,#fff,#fafbfd)}.collaboration-controls{display:grid;grid-template-columns:1.25fr .8fr .8fr 1fr auto;gap:10px;align-items:end}.internal-notes{margin-top:18px;padding-top:16px;border-top:1px solid #e7ebf1}.internal-note-list{display:grid;gap:9px}.internal-note{padding:12px 14px;border:1px solid #e1e7ef;border-radius:12px;background:#fff}.internal-note>div{display:flex;justify-content:space-between;gap:12px;margin-bottom:6px}.internal-note time{font-size:.72rem;color:var(--muted)}.internal-note p{margin:0;color:#3f4d62}.internal-note-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;margin-top:12px}.internal-note-form label{margin:0}
@media(max-width:980px){.collaboration-controls{grid-template-columns:1fr 1fr}.collaboration-controls .button{align-self:end}}
@media(max-width:640px){.collaboration-controls,.internal-note-form{grid-template-columns:1fr}.collaboration-controls .button,.internal-note-form .button{width:100%}}
/* External growth integrations — Mail Hub 3.1 */
.integration-summary{margin-bottom:22px}.integration-connect-grid,.integration-account-grid,.external-campaign-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:26px}.provider-connect-card,.integration-account-card,.external-campaign-card{position:relative;display:grid;align-content:start;gap:18px;padding:24px;border:1px solid var(--line);border-radius:22px;background:var(--card);box-shadow:var(--shadow)}.provider-connect-card{min-height:310px}.provider-connect-card>div:nth-child(2){display:grid;align-content:start}.provider-connect-card h2,.integration-account-card h3,.external-campaign-card h3{margin:4px 0 7px}.provider-connect-card p,.integration-account-card p,.external-campaign-card p{color:var(--muted);margin-bottom:0}.integration-provider-logo{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;font-size:.82rem;font-weight:900;letter-spacing:-.02em;border:1px solid transparent}.integration-provider-logo.mailchimp{background:#fff4cf;border-color:#ead38a;color:#5c4610}.integration-provider-logo.brevo{background:#edf8f1;border-color:#bfdec9;color:#145b36}.integration-account-brand{display:flex;align-items:flex-start;gap:14px}.integration-account-brand>div{min-width:0;flex:1}.integration-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.integration-title-row h3{margin:0}.integration-account-card dl,.integration-detail-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}.integration-account-card dl>div,.integration-detail-facts>div{padding:12px;border-radius:13px;background:var(--surface-subtle,#f7f9fc);border:1px solid var(--line-soft)}.integration-account-card dt,.integration-detail-facts dt{font-size:.74rem;font-weight:750;color:var(--muted);margin-bottom:5px}.integration-account-card dd,.integration-detail-facts dd{margin:0;font-weight:720}.integration-error{display:grid;gap:4px;padding:12px 13px;border:1px solid #f1c3bf;border-radius:13px;background:#fff6f5;color:#8b2b22}.integration-error strong{font-size:.78rem}.integration-error span{font-size:.86rem;overflow-wrap:anywhere}.integration-section{margin-top:26px}.integration-detail-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.9fr) auto;align-items:center;gap:20px;margin-bottom:20px}.integration-detail-hero .integration-provider-logo{width:58px;height:58px;border-radius:18px}.integration-detail-hero h2{font-size:1.45rem;margin:3px 0 5px}.integration-map-form,.external-export-form{max-width:none;margin-bottom:20px}.form-grid.compact{gap:12px}.integration-safety{display:grid;grid-template-columns:minmax(240px,.75fr) minmax(0,1.25fr);gap:26px;align-items:center;margin:22px 0;background:linear-gradient(135deg,#fbfcff,#f5f8fc)}.integration-safety h2{margin:4px 0 0}.integration-safety p{margin:0}.integration-metrics{display:flex;gap:8px;flex-wrap:wrap}.integration-metrics>span{display:grid;gap:2px;min-width:84px;padding:9px 10px;border:1px solid var(--line-soft);border-radius:11px;background:#f8fafc}.integration-metrics small{font-size:.69rem;color:var(--muted);font-weight:700}.integration-metrics strong{font-size:1rem;color:var(--ink)}.external-campaign-card{min-height:265px}.external-campaign-card .card-head{margin-bottom:0}.external-campaign-card .actions{margin-top:auto}.external-date{font-size:.84rem}.route-integrations .table-wrap td small,.route-integrations-campaign .table-wrap td small{display:block;margin-top:3px;color:var(--muted)}
@media(max-width:1050px){.integration-detail-hero{grid-template-columns:1fr}.integration-detail-hero>.actions{justify-content:flex-start}.integration-account-card dl,.integration-detail-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.integration-connect-grid,.integration-account-grid,.external-campaign-grid{grid-template-columns:1fr}.integration-safety{grid-template-columns:1fr}.provider-connect-card{min-height:0}}
@media(max-width:560px){.provider-connect-card,.integration-account-card,.external-campaign-card{padding:18px;border-radius:18px}.integration-account-card dl,.integration-detail-facts{grid-template-columns:1fr}.integration-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.integration-metrics>span{min-width:0}.integration-detail-hero{padding:18px}}
/* Mail Hub 3.2 — AI Sales Agents & Intent Engine */
.agent-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center;padding:28px;border:1px solid #d8e2ee;border-radius:22px;background:linear-gradient(135deg,#fbfcff 0%,#f1f7ff 48%,#f8f4ff 100%);box-shadow:0 18px 48px rgba(21,43,76,.08);margin-bottom:22px}.agent-hero h1,.agent-hero h2{margin:7px 0 10px;max-width:780px}.agent-hero p{max-width:820px;color:var(--muted);margin:0}.agent-boundary{display:flex;gap:10px;align-items:flex-start;padding:13px 15px;border-radius:14px;background:#f8fafc;border:1px solid #d9e2ec;color:#44546b}.agent-boundary strong{color:#202f44}.agent-boundary p{margin:2px 0 0}.agent-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.agent-card{padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow);display:grid;gap:15px}.agent-card:hover{border-color:#c6d5e8;box-shadow:0 20px 46px rgba(19,42,74,.11)}.agent-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.agent-card-head h3{margin:0 0 5px;font-size:1.08rem}.agent-card-head p{margin:0;color:var(--muted)}.agent-card dl{margin:0}.agent-card .actions{margin-top:auto}.score-chip{display:inline-grid;grid-template-columns:auto 1fr;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:#f0f4f8;color:#45546a;font-size:.78rem;font-weight:750}.score-chip strong{font-size:.9rem;color:#1e3150}.score-chip.hot{background:#fff1e8;color:#9b4a12}.score-chip.hot strong{color:#873b09}.score-chip.good{background:#eaf8f0;color:#17623c}.score-chip.brand{background:#edf4ff;color:#315e9b}.score-chip.warning{background:#fff5df;color:#8e5c0a}.score-chip.low{background:#f2f4f7;color:#687386}
.agent-message-stack{display:grid;gap:14px}.agent-message{border:1px solid #dce4ee;border-radius:17px;background:#fff;overflow:hidden}.agent-message-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:16px 18px;border-bottom:1px solid #edf1f5;background:#fbfcfe}.agent-message-top>div{display:grid;gap:4px}.agent-message-top small{color:var(--muted)}.agent-message-preview{padding:18px;color:#344359;line-height:1.62}.agent-message-preview>:last-child{margin-bottom:0}.agent-message-actions{display:flex;gap:8px;flex-wrap:wrap;padding:13px 18px;background:#fafbfd;border-top:1px solid #edf1f5}.agent-message-actions form{margin:0}.agent-message-actions .button{min-height:36px}.signal-source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.signal-source-card{padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff;display:grid;gap:10px}.signal-source-card h3{margin:0}.signal-source-card code{word-break:break-all}.lead-finder-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.lead-finder-company{padding:20px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow)}.lead-finder-company h2{font-size:1.1rem;margin-bottom:5px}.lead-finder-meta{display:flex;gap:9px;flex-wrap:wrap;margin:10px 0;color:var(--muted);font-size:.84rem}.public-people-list,.public-people-grid{display:grid;gap:10px}.public-person,.public-person-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 15px;border:1px solid #e0e6ee;border-radius:14px;background:#fbfcfe}.public-person>div:first-child,.public-person-card>div:first-child{display:grid;gap:3px}.public-person strong,.public-person-card strong{font-size:.94rem}.public-person small,.public-person-card small{color:#45546a}.public-person span,.public-person-card span{font-size:.75rem;color:var(--muted)}
.intent-score-bar{height:8px;border-radius:999px;background:#eef2f6;overflow:hidden}.intent-score-bar>span{display:block;height:100%;width:var(--score,0%);border-radius:inherit;background:linear-gradient(90deg,#4c79d8,#7659c7)}.intent-signal-list{display:grid;gap:10px}.intent-signal-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid #e1e7ef;border-radius:14px;background:#fff}.intent-signal-row>span:first-child{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#f1f5fa;color:#3e5e89;font-weight:850}.intent-signal-row strong{display:block}.intent-signal-row small{color:var(--muted)}
.business-dna-review{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.dna-block{padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff}.dna-block h3{margin-bottom:10px}.dna-list{margin:0;padding-left:19px;color:#425169}.dna-list li+li{margin-top:6px}.icp-score-legend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.icp-score-legend>div{padding:12px;border-radius:14px;border:1px solid var(--line);background:#fafbfd}.icp-score-legend strong{display:block;font-size:1.1rem}
.route-agents .metrics-grid,.route-agents-signals .metrics-grid{margin-bottom:18px}.route-prospecting-lead-finder .app-main,.route-prospecting-waterfall .app-main,.route-agents .app-main{max-width:1480px}.agent-card .badge,.agent-message .badge{justify-self:start}.agent-card .stacked-details{margin:0}.sales-agent-lead-table td:first-child strong{display:block}.sales-agent-lead-table td:first-child small{display:block;margin-top:3px;color:var(--muted)}
@media(max-width:980px){.agent-grid,.lead-finder-grid,.business-dna-review,.signal-source-grid{grid-template-columns:1fr}.agent-hero{grid-template-columns:1fr}.icp-score-legend{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.agent-hero{padding:20px;border-radius:18px}.agent-card,.lead-finder-company{padding:17px}.public-person,.public-person-card{grid-template-columns:1fr}.public-person .actions,.public-person-card .actions{justify-content:flex-start}.agent-message-top{display:grid}.agent-message-actions{display:grid;grid-template-columns:1fr 1fr}.agent-message-actions .button,.agent-message-actions form,.agent-message-actions form .button{width:100%}.icp-score-legend{grid-template-columns:1fr}.intent-signal-row{grid-template-columns:auto minmax(0,1fr)}.intent-signal-row>time{grid-column:2}}
@media(prefers-reduced-motion:reduce){.agent-card:hover{transform:none}}
/* Mail Hub 3.3 — Content Accelerator + platform-wide layout refinement */
:root{
  --mh-page-max:1600px;
  --mh-content-max:1180px;
  --mh-radius-sm:10px;
  --mh-radius:16px;
  --mh-radius-lg:22px;
  --mh-space-1:6px;
  --mh-space-2:10px;
  --mh-space-3:14px;
  --mh-space-4:18px;
  --mh-space-5:24px;
  --mh-space-6:32px;
  --mh-border:#dce4ef;
  --mh-border-strong:#cdd7e5;
  --mh-surface:#ffffff;
  --mh-surface-soft:#f7f9fc;
  --mh-text:#172033;
  --mh-muted:#64748b;
  --mh-brand:#315dbe;
  --mh-brand-soft:#edf3ff;
  --mh-success:#1f7a52;
  --mh-shadow:0 10px 30px rgba(30,45,70,.07);
}

/* Platform-wide alignment and density normalization */
.app-main{width:min(var(--mh-page-max),calc(100% - 44px));margin-inline:auto;padding-block:28px 56px}.public-main{width:100%}.page-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;margin:0 0 24px}.page-heading{min-width:0}.page-heading h1{max-width:900px;letter-spacing:-.035em}.page-heading p{max-width:840px;line-height:1.65}.page-header>.actions{align-self:center;justify-content:flex-end;flex-wrap:wrap}.section-header{gap:20px;align-items:flex-end}.card,.form-card,.metric-card,.empty-state,.table-wrap{border-color:var(--mh-border);box-shadow:var(--mh-shadow)}.card,.form-card{border-radius:var(--mh-radius-lg)}.form-card{padding:26px}.metric-card{min-height:116px}.metrics-grid{gap:16px}.form-grid{gap:18px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid label{gap:7px}.form-grid input,.form-grid select,.form-grid textarea,.filter-bar input,.filter-bar select{min-height:44px;border-radius:11px}.rich-editor{border-radius:14px;line-height:1.65}.button{min-height:42px;border-radius:10px}.button.small{min-height:34px}.actions{gap:9px}.table-wrap{overflow:auto;border-radius:var(--mh-radius-lg)}table{min-width:720px}table th{position:sticky;top:0;z-index:1;background:#f8fafc}table th,table td{padding-top:14px;padding-bottom:14px;vertical-align:top}.dialog-card,.command-palette{border-radius:20px}.alert{border-radius:13px}.filter-bar{border-radius:16px}.badge{white-space:nowrap}.app-toast{border-radius:12px}

/* Template & campaign content accelerator */
.content-tabs{display:flex;gap:6px;align-items:center;padding:5px;margin:0 0 20px;border:1px solid var(--mh-border);border-radius:14px;background:#f7f9fc;width:max-content;max-width:100%;overflow:auto}.content-tabs a{padding:10px 14px;border-radius:10px;color:#526078;font-weight:750;white-space:nowrap}.content-tabs a.active,.content-tabs a[aria-current="page"]{background:#fff;color:var(--mh-text);box-shadow:0 4px 16px rgba(30,45,70,.08)}.content-library-callout{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding:24px 26px;margin-bottom:18px;border:1px solid #ccd9ef;border-radius:20px;background:linear-gradient(135deg,#f8fbff 0%,#f3f7ff 55%,#faf8ff 100%)}.content-library-callout h2{margin:5px 0 7px;font-size:1.35rem}.content-library-callout p{margin:0;max-width:820px;color:var(--mh-muted)}.no-ai-large{display:inline-flex;padding:12px 16px;border-radius:999px;background:#eaf7f1;color:#176845;border:1px solid #cbe8da;font-weight:850;white-space:nowrap}.content-filter-bar{display:grid;grid-template-columns:minmax(260px,1.5fr) minmax(180px,.8fr) minmax(160px,.7fr) auto auto;gap:12px;align-items:end;padding:16px;margin-bottom:18px;border:1px solid var(--mh-border);border-radius:16px;background:#fff}.content-filter-bar label{display:grid;gap:6px}.content-filter-bar label>span{font-size:.78rem;font-weight:800;color:#53627a}.content-filter-bar input,.content-filter-bar select{width:100%;min-height:43px}.content-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}.content-library-card{display:grid;gap:14px;min-width:0;padding:21px;border:1px solid var(--mh-border);border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(30,45,70,.055);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.content-library-card:hover{transform:translateY(-2px);border-color:#bfd0e9;box-shadow:0 14px 34px rgba(30,45,70,.09)}.content-library-card[hidden]{display:none}.content-library-card h3{margin:0;font-size:1.08rem;line-height:1.3}.content-library-card>p{margin:0;color:var(--mh-muted);line-height:1.55}.content-card-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;flex-wrap:wrap}.content-card-top>div{display:flex;gap:7px;flex-wrap:wrap}.content-type-pill,.content-featured,.no-ai-pill,.favorite-pill,.usage-pill,.sequence-pill{display:inline-flex;align-items:center;min-height:27px;padding:5px 9px;border-radius:999px;font-size:.7rem;font-weight:850;letter-spacing:.025em}.content-type-pill{background:#eef3fa;color:#40516a}.content-featured{background:#fff3d8;color:#8b5d05}.no-ai-pill{background:#e9f8f0;color:#1c704d}.favorite-pill{background:#fff5d8;color:#8b6500}.usage-pill{background:#f4f0ff;color:#654c9b}.sequence-pill{background:#eaf1ff;color:#315dbe}.content-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.content-meta span{display:grid;gap:2px;padding:9px 10px;border-radius:11px;background:#f8fafc;color:#526078;font-size:.74rem;overflow-wrap:anywhere}.content-meta strong{font-size:.64rem;text-transform:uppercase;letter-spacing:.06em;color:#8794a8}.keyword-chips{display:flex;flex-wrap:wrap;gap:6px}.keyword-chip{appearance:none;border:1px solid #d8e0eb;background:#fff;color:#52627c;border-radius:999px;padding:5px 9px;font-size:.7rem;cursor:pointer}.keyword-chip:hover{background:#f2f6fb;border-color:#bccae0}.content-preview{border-top:1px solid #edf1f6;padding-top:10px}.content-preview summary{cursor:pointer;font-size:.78rem;font-weight:800;color:#405a82}.content-preview-body{display:grid;gap:10px;margin-top:12px;padding:14px;border-radius:12px;background:#f9fbfd;border:1px solid #e4ebf4;font-size:.86rem;line-height:1.55}.content-preview-body .preview-subject{color:#1e2c43}.content-preview-body p{margin:0 0 10px}.content-preview-body small{padding-top:8px;border-top:1px solid #e3e9f2;color:#7a5a13}.content-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.content-card-actions form{margin:0}.content-library-metrics{margin-bottom:20px}.blueprint-goal{padding:11px 12px;border-radius:12px;background:#f8fafc}.blueprint-goal strong{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.blueprint-goal p{margin:5px 0 0;color:var(--mh-muted);font-size:.83rem}.blueprint-builder-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:22px;align-items:start}.blueprint-preview,.blueprint-config{position:relative}.blueprint-guidance{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;padding:16px;margin:16px 0;border-radius:14px;background:#f8fafc}.blueprint-guidance strong{font-size:.75rem;color:#4c5d76}.blueprint-guidance p{margin:0;color:var(--mh-muted)}.blueprint-steps{display:grid;gap:13px}.blueprint-step{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;padding:15px;border:1px solid var(--mh-border);border-radius:14px;background:#fff}.step-number{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--mh-brand-soft);color:var(--mh-brand);font-weight:900}.step-meta{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:10px}.step-meta span{font-size:.72rem;color:var(--mh-muted);white-space:nowrap}.step-copy{font-size:.85rem;line-height:1.55;color:#44536a}.step-copy p{margin:0 0 8px}

/* Campaign quick-start and editor alignment */
.route-campaigns .campaign-index-metrics{margin-bottom:18px}.route-campaigns .campaign-filter-bar{margin-bottom:16px}.route-campaigns .table-wrap{margin-top:0}.route-campaigns .page-header .actions>.button:first-child{box-shadow:0 7px 18px rgba(49,93,190,.16)}

/* Compose: keep static templates as a first-class alternative to AI */
.route-inbox-compose .composer-tools{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.route-inbox-compose .composer-tools select[data-template-picker]{min-width:250px;max-width:360px}.route-inbox-compose .ai-compose-assistant{margin-top:12px}.route-inbox-compose .rich-editor{min-height:360px}.route-inbox-compose .compose-footer{gap:18px}

/* Broader backend polish */
.route-settings .form-card,.route-admin .card,.route-admin-operations .card,.route-support .card,.route-mailboxes .card,.route-domains .card{overflow:hidden}.route-dashboard .metrics-grid,.route-work-queue .metrics-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.route-pipeline .pipeline-board{scroll-padding-inline:24px}.route-prospecting .growth-two-col,.route-integrations .growth-two-col{gap:20px}.route-knowledgebase .kb-grid{gap:18px}.route-billing .membership-grid{align-items:stretch}.route-referrals .growth-two-col{align-items:start}

/* Public site: reinforce the ready-made workflow advantage */
.content-public-highlight{width:min(1180px,calc(100% - 36px));margin:30px auto;padding:26px;border:1px solid #d8e2f1;border-radius:22px;background:#fff;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center}.content-public-highlight h2{margin:4px 0 8px}.content-public-highlight p{margin:0;color:var(--mh-muted);max-width:760px}

@media(max-width:1200px){.content-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-filter-bar{grid-template-columns:minmax(220px,1.3fr) minmax(160px,.8fr) minmax(150px,.7fr) auto}.content-filter-bar .button.ghost{display:none}.blueprint-builder-grid{grid-template-columns:1fr}.blueprint-config{position:static}.form-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.app-main{width:min(100% - 28px,var(--mh-page-max));padding-top:20px}.page-header{grid-template-columns:1fr;align-items:start}.page-header>.actions{justify-content:flex-start}.content-library-callout{grid-template-columns:1fr}.content-filter-bar{grid-template-columns:1fr 1fr}.content-search{grid-column:1/-1}.content-library-grid{grid-template-columns:1fr}.content-meta{grid-template-columns:repeat(3,minmax(120px,1fr));overflow:auto}.content-public-highlight{grid-template-columns:1fr}.form-grid.three{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.app-main{width:min(100% - 20px,var(--mh-page-max));padding-bottom:34px}.page-header{gap:14px;margin-bottom:18px}.page-header>.actions{width:100%}.page-header>.actions .button{flex:1 1 auto}.form-card{padding:18px}.form-grid.two,.form-grid.three{grid-template-columns:1fr}.content-tabs{width:100%}.content-filter-bar{grid-template-columns:1fr;padding:13px}.content-search{grid-column:auto}.content-library-callout{padding:18px}.content-library-card{padding:17px}.content-meta{grid-template-columns:1fr 1fr}.blueprint-guidance{grid-template-columns:1fr}.step-meta{display:grid}.step-meta span{white-space:normal}.route-inbox-compose .composer-tools select[data-template-picker]{min-width:100%;max-width:none}.content-card-actions>.button,.content-card-actions form,.content-card-actions form .button{width:100%}.metrics-grid.content-library-metrics{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.content-meta,.metrics-grid.content-library-metrics{grid-template-columns:1fr}.content-library-card{border-radius:15px}.page-heading h1{font-size:1.72rem}}
@media(prefers-reduced-motion:reduce){.content-library-card{transition:none}.content-library-card:hover{transform:none}}

/* Compose content accelerator */
.template-accelerator-inline{display:grid;grid-template-columns:minmax(210px,.9fr) minmax(190px,.8fr) minmax(260px,1.25fr) auto;gap:12px;align-items:end;padding:16px 18px;margin:14px 0 8px;border:1px solid #dce4ee;border-radius:16px;background:linear-gradient(135deg,#f8fafc 0%,#f6f4ff 100%)}
.template-accelerator-inline>div{display:grid;gap:2px}.template-accelerator-inline>div strong{font-size:.94rem}.template-accelerator-inline>div small,.template-accelerator-inline label small{color:var(--muted);font-size:.76rem;line-height:1.35}.template-accelerator-inline label{display:grid;gap:5px;margin:0}.template-accelerator-inline input,.template-accelerator-inline select{width:100%;min-height:42px}.template-accelerator-inline .button{min-height:42px;white-space:nowrap}
@media(max-width:1050px){.template-accelerator-inline{grid-template-columns:1fr 1fr}.template-accelerator-inline>div{grid-column:1/-1}}
@media(max-width:680px){.template-accelerator-inline{grid-template-columns:1fr;padding:14px}.template-accelerator-inline>div{grid-column:auto}.template-accelerator-inline .button{width:100%}}


/* ===== 3.3.1 HOTFIX / POLISH ===== */
/* Mail Hub 3.3.1 — stability + layout polish
   Final cascade layer: fixes spacing, density, responsive alignment and integration/dashboard presentation. */
:root{
  --mh-page-max:1520px;
  --mh-content-max:1280px;
  --mh-radius-xl:24px;
  --mh-radius-lg:18px;
  --mh-radius-md:14px;
  --mh-border:#dce3ec;
  --mh-border-strong:#ccd6e3;
  --mh-surface:#ffffff;
  --mh-surface-soft:#f7f9fc;
  --mh-surface-muted:#f1f4f8;
  --mh-shadow:0 10px 30px rgba(22,35,55,.055);
  --mh-shadow-hover:0 18px 42px rgba(22,35,55,.09);
  --mh-text:#172033;
  --mh-muted:#67758a;
  --mh-focus:0 0 0 4px rgba(68,91,190,.14);
}

/* Global rhythm and readable density */
body{font-size:15px;line-height:1.6;background:#f5f7fa;color:var(--mh-text)}
.app-main{width:min(var(--mh-page-max),calc(100% - 52px));padding:32px 0 64px}
.app-main>*{min-width:0}
.app-main>.page-header{margin-bottom:26px}
.app-main>.page-header+.alert,.app-main>.page-header+.flash-stack{margin-top:-4px}
.page-heading .eyebrow{margin-bottom:7px}.page-heading h1{font-size:clamp(1.85rem,2.2vw,2.5rem);line-height:1.08;margin-bottom:9px}.page-heading p{margin:0;font-size:.98rem;color:var(--mh-muted)}
.section-header{margin-bottom:18px}.section-header h2{font-size:1.15rem;letter-spacing:-.02em}.section-header p{margin:5px 0 0;font-size:.9rem;color:var(--mh-muted)}
.card,.form-card,.table-wrap,.empty-state{border-color:var(--mh-border);box-shadow:var(--mh-shadow)}
.card,.form-card{padding:24px;border-radius:var(--mh-radius-lg)}
.card:hover{border-color:var(--mh-border-strong)}
.form-card{max-width:900px}.form-card.wide{max-width:1240px}
.form-grid{gap:19px}.form-grid label{font-size:.86rem;line-height:1.35}.form-grid label small{font-size:.76rem}
input,select,textarea{min-height:44px;border-color:#cfd8e5;border-radius:11px;background:#fff}textarea{min-height:116px}.rich-editor{min-height:250px}
input:focus,select:focus,textarea:focus,.rich-editor:focus-within{box-shadow:var(--mh-focus)}
.button{min-height:42px;padding:9px 16px;border-radius:11px}.button.small{min-height:36px;padding:7px 12px}.button.large{min-height:50px}
.actions{row-gap:9px}

/* Metric system: stop compressing operational information */
.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:14px;margin-bottom:24px}
.metric-card{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:14px;min-height:112px;padding:18px;border-radius:17px;background:#fff;border:1px solid var(--mh-border);box-shadow:var(--mh-shadow);overflow:hidden}
.metric-card::after{content:"";position:absolute;inset:auto 0 0;height:3px;background:#cbd4df;opacity:.8}
.metric-card.good::after{background:#49a276}.metric-card.warning::after{background:#d89a35}.metric-card.brand::after{background:#6656c8}.metric-card.neutral::after{background:#91a0b2}
.metric-icon{width:44px;height:44px;border-radius:13px;background:#f0f3f7;color:#506078;display:grid;place-items:center}.metric-icon .icon{width:20px;height:20px}
.metric-card.good .metric-icon{background:#eaf6ef;color:#217044}.metric-card.warning .metric-icon{background:#fff4df;color:#946116}.metric-card.brand .metric-icon{background:#efedff;color:#5b4cb4}
.metric-card>div{min-width:0;display:grid;gap:3px}.metric-label{font-size:.72rem;line-height:1.2;font-weight:800;letter-spacing:.055em;text-transform:uppercase;color:#708096}.metric-card strong{font-size:1.72rem;line-height:1.08;letter-spacing:-.045em;color:#162033;overflow-wrap:anywhere}.metric-card small{font-size:.76rem;line-height:1.4;color:#778599}

/* Flash / status messages */
.flash-stack{width:100%;display:grid;gap:10px;margin:0 0 22px}.flash-stack .alert{margin:0}
.alert{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:start;gap:12px;padding:14px 15px;border-radius:14px;line-height:1.5;box-shadow:0 5px 14px rgba(21,32,49,.035)}
.alert-mark{width:8px;height:8px;margin-top:7px;border-radius:50%;background:currentColor;opacity:.72}.alert-close{width:30px;height:30px;border:0;border-radius:9px;background:transparent;color:inherit;font-size:1.2rem;line-height:1}.alert-close:hover{background:rgba(0,0,0,.055)}
.alert.info{background:#f3f0fb;border-color:#d9d0ef;color:#584a77}.alert.success{background:#edf7f1;border-color:#c7e3d2;color:#286443}.alert.warning{background:#fff7e9;border-color:#ead7b1;color:#76551a}.alert.danger{background:#fff1ef;border-color:#ecc8c2;color:#8a3930}

/* Tables and operational lists */
.table-wrap{border-radius:18px;background:#fff;overflow:auto}.table-wrap table{margin:0;width:100%;border-collapse:separate;border-spacing:0}
table th{padding:13px 16px;background:#f7f9fb;border-bottom:1px solid var(--mh-border);font-size:.72rem;letter-spacing:.045em;text-transform:uppercase;color:#65758b}
table td{padding:15px 16px;border-bottom:1px solid #edf1f5;font-size:.88rem}table tbody tr:last-child td{border-bottom:0}table tbody tr:hover td{background:#fbfcfe}
table td strong{line-height:1.35}table td small{font-size:.76rem;line-height:1.4;color:var(--mh-muted)}
.filter-bar{gap:12px;padding:14px;border:1px solid var(--mh-border);background:#fbfcfe;border-radius:16px;margin-bottom:18px}

/* Dashboard command centre */
.route-dashboard .app-main{max-width:1520px}.route-dashboard .page-header{padding-bottom:4px}
.dashboard-onboarding{margin-bottom:22px;padding:24px 26px;border-radius:20px;border-color:#d9dfeb;background:linear-gradient(130deg,#fff 0%,#f8f9fd 60%,#f4f1fb 100%)}
.overview-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;margin-bottom:20px;padding:28px 30px;border:1px solid #d9e0e9;border-radius:22px;background:linear-gradient(135deg,#111a2b 0%,#1c2a43 55%,#272b4f 100%);color:#fff;box-shadow:0 18px 42px rgba(20,31,51,.13);overflow:hidden}
.overview-hero::after{content:"";position:absolute;width:320px;height:320px;right:-100px;top:-150px;border-radius:50%;background:radial-gradient(circle,rgba(130,117,219,.28),transparent 70%);pointer-events:none}.overview-hero h2{font-size:1.65rem;color:#fff;margin:5px 0 7px}.overview-hero p{margin:0;max-width:760px;color:#cbd5e4}.overview-kicker{color:#b9c5dc}.readiness-ring{position:relative;z-index:1;background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.16);box-shadow:none}.readiness-ring strong,.readiness-ring span{color:#fff}
.route-dashboard .metrics-grid{grid-template-columns:repeat(5,minmax(175px,1fr));gap:13px}.route-dashboard .metric-card{min-height:106px}
.serious-dashboard{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.72fr);gap:18px;align-items:start}.serious-dashboard>.span-2{grid-column:1}.serious-dashboard>.card:not(.span-2){grid-column:2}.serious-dashboard>.card{margin:0}.dashboard-campaign-list,.activity-list,.health-summary-list,.readiness-list{display:grid;gap:8px}
.dashboard-campaign-row,.activity-item,.health-summary-row,.readiness-item{border:1px solid #e5eaf0;background:#fff;border-radius:13px}.dashboard-campaign-row:hover,.health-summary-row:hover,.readiness-item:hover{border-color:#cbd5e1;background:#fafbfc}
.quick-grid.serious{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.quick-grid.serious>a{min-height:132px;padding:18px;border:1px solid #e0e6ee;border-radius:15px;background:linear-gradient(180deg,#fff,#fafbfd);box-shadow:none}.quick-grid.serious>a:hover{transform:translateY(-2px);border-color:#c7d2df;box-shadow:0 12px 24px rgba(24,38,59,.07)}.quick-grid.serious>a>span:first-child{width:38px;height:38px;border-radius:11px;background:#f0f2f7;color:#56647b;display:grid;place-items:center}.quick-grid.serious strong{font-size:.92rem}.quick-grid.serious small{font-size:.76rem;line-height:1.45}

/* Integrations: fix layout + make empty/zero state look intentional */
.route-integrations .app-main{max-width:1480px}.route-integrations .integration-summary{margin-bottom:24px}.route-integrations .metrics-grid{grid-template-columns:repeat(4,minmax(190px,1fr))}
.integration-connect-grid,.integration-account-grid{gap:18px}.provider-connect-card,.integration-account-card{padding:25px;border-radius:20px;border-color:#dce3ec;box-shadow:var(--mh-shadow);background:#fff}.provider-connect-card:hover,.integration-account-card:hover{border-color:#cbd5e1;box-shadow:var(--mh-shadow-hover)}
.provider-connect-card{min-height:300px}.provider-connect-card.mailchimp{background:linear-gradient(160deg,#fffdf8,#fff 45%)}.provider-connect-card.brevo{background:linear-gradient(160deg,#f8fcfa,#fff 45%)}
.integration-account-card dl>div,.integration-detail-facts>div{padding:13px 14px;background:#f7f9fb;border-color:#e5eaf0}.integration-section{margin-top:30px}.integration-safety{margin-top:24px;padding:25px 27px;border-color:#dce3ec;background:linear-gradient(135deg,#fbfcfd,#f5f6fa)}
.route-integrations .table-wrap{margin-top:22px}.integration-provider-logo{box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}

/* Public site — wider, cleaner, more deliberate */
.public-body{background:#fff}.public-header{position:sticky;top:0;z-index:40;border-bottom:1px solid rgba(219,226,235,.88);background:rgba(255,255,255,.9);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.public-nav{width:min(1280px,calc(100% - 48px));height:78px}.public-nav .brand{gap:11px}.public-nav nav{gap:22px}.public-nav nav>a:not(.button){font-size:.87rem;color:#4c5a6d;font-weight:680}.public-nav nav>a:not(.button):hover{color:#151e2e}
.marketing-hero{width:min(1280px,calc(100% - 48px));max-width:none;grid-template-columns:minmax(0,1.05fr) minmax(460px,.95fr);gap:64px;align-items:center;padding:92px 0 76px}.hero-copy{max-width:690px}.hero-copy h1{font-size:clamp(3.35rem,5.2vw,5.35rem);line-height:.98;letter-spacing:-.06em;margin:14px 0 22px}.hero-copy .lead{font-size:1.08rem;line-height:1.68;color:#59677b;max-width:650px}.hero-copy .actions{margin-top:26px}.trust-row{margin-top:26px;gap:9px 15px}.trust-row span{font-size:.78rem;color:#5c697b}
.mail-preview{max-width:none;border-radius:24px;box-shadow:0 28px 70px rgba(15,30,53,.15);border-color:#d9e1eb;transform:perspective(1400px) rotateY(-1.2deg)}
.logo-strip{width:min(1280px,calc(100% - 48px));padding:22px 0;border-block:1px solid #edf0f4;gap:24px}.logo-strip span{color:#8490a0}.logo-strip strong{font-size:.82rem;color:#4d5a6d}
.marketing-section{width:min(1280px,calc(100% - 48px));padding:88px 0}.section-heading{max-width:760px;margin-bottom:36px}.section-heading h2{font-size:clamp(2rem,3vw,3rem);letter-spacing:-.045em}.section-heading p{font-size:1rem;line-height:1.7}
.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature-card{padding:26px;border-radius:19px;border-color:#e0e5ec;background:#fff;box-shadow:0 8px 24px rgba(22,35,55,.045)}.feature-card.featured{background:linear-gradient(155deg,#fafbfe,#f5f6fb);border-color:#d7ddeb}.feature-card h3{font-size:1.05rem}.feature-card p,.feature-card li{font-size:.86rem;line-height:1.55}
.dark-section{width:min(1280px,calc(100% - 48px));margin:40px auto;padding:54px;border-radius:26px;background:linear-gradient(135deg,#111927,#1a273a 58%,#2b2a45);box-shadow:0 22px 55px rgba(15,26,43,.16)}
.steps{gap:14px}.steps article{padding:24px;border-radius:18px;background:#fff;border:1px solid #e2e7ee}
.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}.pricing-grid>article{padding:28px;border-radius:21px;border:1px solid #dfe5ed;background:#fff;box-shadow:0 10px 28px rgba(20,33,54,.055)}.pricing-grid>article.popular{border-color:#b9b3df;box-shadow:0 20px 48px rgba(59,51,117,.11)}.pricing-grid>article h3{font-size:1.15rem}.pricing-grid>article ul{padding-left:20px}.pricing-grid>article li{margin:8px 0;font-size:.85rem}
.faq-grid{gap:12px}.faq-grid details{border-radius:16px;border-color:#dfe5ec;padding:4px 18px;background:#fff}.faq-grid summary{padding:17px 0;font-size:.94rem}.faq-grid details p{padding-bottom:16px}
.cta-section{width:min(1280px,calc(100% - 48px));margin:40px auto 74px;padding:42px 46px;border-radius:25px;background:linear-gradient(135deg,#182334,#26344b 60%,#34304f)}
.public-footer{padding:46px max(24px,calc((100vw - 1280px)/2));border-top:1px solid #e7ebf0;background:#f8fafc}

/* Broad page consistency */
.route-settings .settings-grid,.route-billing .membership-grid,.route-mailboxes .mailbox-grid,.route-domains .domain-grid{gap:18px}.settings-nav,.side-panel{border-radius:17px}
.route-templates .content-library-grid,.route-agents .agent-grid,.route-prospecting .growth-two-col{gap:18px}
.dialog-card{padding:24px}.empty-state{padding:44px 24px}.empty-state p{max-width:580px;margin-inline:auto}

/* Small motion: functional, not decorative overload */
body.ui-ready .metric-card,body.ui-ready .card,body.ui-ready .provider-connect-card{transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}

@media(max-width:1280px){
  .route-dashboard .metrics-grid{grid-template-columns:repeat(3,minmax(185px,1fr))}
  .marketing-hero{grid-template-columns:minmax(0,1fr) minmax(400px,.9fr);gap:38px}.hero-copy h1{font-size:clamp(3rem,5vw,4.4rem)}
  .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1050px){
  .app-main{width:min(100% - 34px,var(--mh-page-max));padding-top:24px}
  .route-integrations .metrics-grid{grid-template-columns:repeat(2,minmax(190px,1fr))}
  .serious-dashboard{grid-template-columns:1fr}.serious-dashboard>.span-2,.serious-dashboard>.card:not(.span-2){grid-column:1}.quick-grid.serious{grid-template-columns:repeat(2,minmax(0,1fr))}
  .marketing-hero{grid-template-columns:1fr;gap:44px;padding-top:70px}.hero-copy{max-width:800px}.mail-preview{max-width:840px;transform:none}.pricing-grid{grid-template-columns:1fr}.pricing-grid>article{max-width:760px;width:100%;margin-inline:auto}
}
@media(max-width:760px){
  .app-main{width:min(100% - 24px,var(--mh-page-max));padding:20px 0 40px}.page-heading h1{font-size:1.75rem}.page-heading p{font-size:.9rem}.page-header{gap:15px;margin-bottom:20px}
  .metrics-grid,.route-dashboard .metrics-grid,.route-integrations .metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-card{min-height:104px;padding:14px;grid-template-columns:38px minmax(0,1fr);gap:10px}.metric-icon{width:36px;height:36px;border-radius:11px}.metric-card strong{font-size:1.4rem}.metric-card small{font-size:.71rem}
  .overview-hero{grid-template-columns:1fr;padding:22px;border-radius:18px}.readiness-ring{justify-self:start}.quick-grid.serious{grid-template-columns:1fr}.quick-grid.serious>a{min-height:0}
  .public-nav{width:calc(100% - 24px);height:68px}.marketing-hero,.marketing-section,.logo-strip,.dark-section,.cta-section{width:calc(100% - 24px)}.marketing-hero{padding:56px 0}.hero-copy h1{font-size:2.65rem}.hero-copy .lead{font-size:.96rem}.marketing-section{padding:64px 0}.feature-grid{grid-template-columns:1fr}.dark-section{padding:28px;margin-block:22px;border-radius:20px}.cta-section{padding:28px;margin-bottom:44px}.public-footer{padding:34px 20px}
  .provider-connect-card,.integration-account-card{padding:19px}.integration-safety{padding:20px}
  .alert{grid-template-columns:8px minmax(0,1fr) auto;padding:12px 13px}
}
@media(max-width:480px){
  .metrics-grid,.route-dashboard .metrics-grid,.route-integrations .metrics-grid{grid-template-columns:1fr}.metric-card{grid-template-columns:42px minmax(0,1fr)}
  .page-header>.actions{display:grid;grid-template-columns:1fr;width:100%}.page-header>.actions .button,.page-header>.actions form,.page-header>.actions form .button{width:100%}
  .hero-copy h1{font-size:2.3rem}.hero-copy .actions{display:grid}.hero-copy .actions .button{width:100%}.trust-row{display:grid;grid-template-columns:1fr 1fr}.logo-strip{display:grid;grid-template-columns:1fr 1fr}.mail-preview{display:none}
}
@media(prefers-reduced-motion:reduce){body.ui-ready .metric-card,body.ui-ready .card,body.ui-ready .provider-connect-card{transition:none}}

/* Public navigation mobile interaction */
.public-menu-toggle{display:none;width:42px;height:42px;align-items:center;justify-content:center;border:1px solid #d9e0e8;border-radius:12px;background:#fff;color:#263448;box-shadow:0 4px 12px rgba(22,35,55,.045)}
.public-menu-toggle .icon{width:21px;height:21px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:760px){
  .public-menu-toggle{display:inline-flex;margin-left:auto}.public-nav{position:relative}.public-nav nav{display:none!important;position:absolute;top:62px;left:0;right:0;padding:12px;border:1px solid #dce3eb;border-radius:16px;background:#fff;box-shadow:0 22px 50px rgba(19,31,50,.14)}
  .public-nav-open .public-nav nav{display:grid!important;gap:4px}.public-nav-open .public-nav nav>a{display:flex!important;width:100%;min-height:43px;align-items:center;padding:9px 11px;border-radius:10px}.public-nav-open .public-nav nav>a:not(.button):hover{background:#f5f7fa}.public-nav-open .public-nav nav>.button{justify-content:center;margin-top:4px}
}