:root{--ink:#153349;--muted:#6a7f8e;--blue:#117eac;--line:#dce6ed;--bg:#f3f6fa;--font:"Avenir Next",Avenir,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font);font-size:14px;line-height:1.5;color:var(--ink);background:var(--bg)}a{color:#147da9;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}button,input,select,textarea{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border:1px solid #cbdbe5;border-radius:8px;background:#fff;color:var(--ink);cursor:pointer;font-weight:500;text-decoration:none}button:hover,.button:hover{filter:brightness(.97);text-decoration:none}button:disabled{opacity:.6;cursor:wait}.primary{background:linear-gradient(135deg,#128db6,#126795);border-color:transparent;color:#fff;box-shadow:0 5px 14px #14799b20}.wide{width:100%}.quiet{border:0;background:transparent;padding-left:0;color:#a9c4d5}input,select,textarea{width:100%;border:1px solid #cad9e4;border-radius:7px;padding:11px 12px;background:#fff;color:var(--ink);outline:none;min-width:0}input:focus,select:focus,textarea:focus{border-color:#1b96bd;box-shadow:0 0 0 3px #229bc019}label{display:block;margin-bottom:20px;font-weight:500}label>input,label>select,label>textarea{display:block;margin-top:7px;font-weight:400}input[type=checkbox]{width:17px;height:17px;accent-color:#0b83a8}.check{display:flex;align-items:center;gap:8px;margin:0;font-weight:400}.check input{margin:0}aside{position:fixed;width:254px;inset:0 auto 0 0;background:linear-gradient(165deg,#17394e,#0d2234);padding:30px 22px;color:#c1d7e5;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;color:#fff;font-size:20px;font-weight:500}.brand:hover{text-decoration:none}.brand small{display:block;color:#8eafc5;font-size:9px;letter-spacing:2px;margin-top:3px}.brand-mark{background:linear-gradient(140deg,#28a9d0,#126b96);color:#fff;width:44px;height:44px;display:inline-grid;place-items:center;border-radius:12px;font-size:24px;box-shadow:0 8px 24px #071d2c35}.nav-label{font-size:10px;color:#7094ad;letter-spacing:1.8px;margin:42px 12px 14px}nav a{display:flex;justify-content:space-between;padding:13px 14px;margin-bottom:7px;border-radius:8px;color:#acc5d6}nav a span{opacity:.45}nav a.active{background:#1b506d;color:#fff;box-shadow:inset 3px 0 #35bee1}nav a:hover{background:#1b425c;text-decoration:none}.sidebar-bottom{margin-top:auto;padding:20px 12px 0;border-top:1px solid #2e4a5d}.sidebar-bottom a{color:#a9c4d5;font-size:13px}.workspace{margin-left:254px}header{height:83px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 46px;color:#7a8d9b}header strong{font-weight:500;color:var(--ink)}.identity{display:flex;align-items:center;gap:11px;color:var(--ink)}.identity small{display:block;color:var(--muted);font-size:11px}.avatar{display:grid;place-items:center;width:36px;height:36px;background:#e5f1f7;color:#1c668e;border-radius:50%;font-weight:500}main{max-width:1600px;margin:auto;padding:44px 46px 70px}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:600;color:#7a95a8;margin:0 0 10px}h1{font-size:32px;font-weight:500;line-height:1.25;letter-spacing:-.6px;margin:0 0 10px}h2{font-size:18px;font-weight:500;margin:0 0 15px}p{margin:0 0 15px}.muted{color:var(--muted)}.small{font-size:12px}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px;box-shadow:0 6px 24px #15334904;margin-bottom:22px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:28px}.metrics>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px 26px}.metrics span{display:block;color:var(--muted);font-size:13px}.metrics strong{display:block;font-size:32px;font-weight:400;margin-top:8px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.section-head h2{margin-bottom:0}.section-head input{max-width:260px}.section-head p{margin:5px 0 0}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse}th{text-align:left;color:#7c929f;font-size:10px;letter-spacing:.8px;font-weight:600;text-transform:uppercase;padding:14px 12px;background:#f7f9fb;white-space:nowrap}td{border-bottom:1px solid #edf1f5;padding:19px 12px;font-size:13px}td:first-child a{font-weight:500}td small{display:block;color:var(--muted);margin-top:3px}.tag{display:inline-block;background:#edf4f8;color:#4c7187;border-radius:6px;padding:5px 9px;font-size:11px;white-space:nowrap}.status-sent{background:#e4f5ed;color:#207757}.status-queued{background:#e7f1fc;color:#2b6eae}.status-completed_with_errors{background:#fff1db;color:#966118}.empty{text-align:center;padding:55px 20px;color:var(--muted)}.empty h2{color:var(--ink);font-size:22px}.empty-icon{font-size:38px;color:#2598be;background:#eaf5fa;width:80px;height:80px;border-radius:22px;margin:0 auto 20px;display:grid;place-items:center}.empty .button{margin-top:12px}.compose-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}.audience h2{margin-bottom:24px}.recipient-total{padding:22px;background:#f0f7fb;border:1px solid #dfecf3;border-radius:10px;margin:20px 0}.recipient-total strong{font-size:32px;font-weight:400;display:block}.recipient-total span{color:var(--muted);font-size:12px}.sender{padding:20px 0;margin:20px 0;border-top:1px solid var(--line)}.sender span,.sender strong,.sender a{display:block}.sender strong{font-weight:500}.sender a{font-size:12px;margin-top:10px}.sender>span:not(.eyebrow){font-size:13px;color:var(--muted)}.upload{border:1px dashed #b6d0df;border-radius:9px;padding:16px;margin-top:24px}.upload input{border:0;padding:5px 0;font-size:12px}.upload small{display:block;color:var(--muted);font-size:11px}.choices{max-height:300px;overflow:auto}.employee-choice{display:flex;gap:9px;padding:10px 0;border-bottom:1px solid #edf2f5;margin:0;font-size:12px}.employee-choice input{flex:0 0 17px;margin:3px 0}.employee-choice small{display:block;font-weight:400;color:var(--muted);font-size:11px;overflow-wrap:anywhere}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.actions{display:flex;align-items:center;gap:20px;margin:20px 0}.account-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}hr{border:0;border-top:1px solid var(--line);margin:26px 0}.form-footer{margin-top:24px}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.template-icon{font-size:32px;color:#248caf;margin-bottom:18px}.template-card{margin:0}.template-card .actions{justify-content:space-between}.email-preview{width:100%;height:650px;border:1px solid var(--line);border-radius:8px;background:#fff}.attachment{display:block;padding:12px;background:#f5f8fa;border-radius:6px;margin-top:10px;font-size:12px}progress{width:100%;height:12px;accent-color:#098aaa}details{margin-top:22px}summary{cursor:pointer;color:#1b779f}.recipient-list{max-height:350px;overflow:auto;margin-top:15px}.recipient-list>div{border-bottom:1px solid var(--line);padding:10px 0;font-size:12px}.recipient-list strong,.recipient-list span{display:block}.recipient-list strong{font-weight:500}.recipient-list small{color:var(--muted)}.alert{padding:14px 18px;border-radius:8px;margin-bottom:22px}.error{background:#fff0ee;color:#9c332b;border:1px solid #f4d1ca}.success{background:#e6f5ec;color:#216844;border:1px solid #c4e6d3}footer{max-width:1600px;margin:auto;padding:0 46px 22px;font-size:11px;color:#8b9da9;display:flex;justify-content:space-between}footer span{letter-spacing:1.5px;font-size:9px}.login{max-width:440px;margin:7vh auto;background:#fff;border:1px solid var(--line);border-radius:18px;padding:40px;box-shadow:0 20px 70px #0a345312}.login .brand-mark{margin-bottom:24px}.login h1{font-size:32px}.login form{margin-top:30px}.login button{width:100%}.login>.small{margin-top:24px}.tox-tinymce{border-radius:8px!important;border-color:#cad9e4!important}[hidden]{display:none!important}:focus-visible{outline:2px solid #22a2c7;outline-offset:3px}@media(max-width:1200px){aside{width:215px;padding:25px 15px}.workspace{margin-left:215px}main{padding:30px 25px}.compose-grid{grid-template-columns:minmax(0,1fr) 300px}.template-grid{grid-template-columns:repeat(2,1fr)}header{padding:0 25px}}@media(max-width:850px){aside{position:relative;width:auto;padding:20px}.brand{font-size:18px}.nav-label,.sidebar-bottom{display:none}nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}nav a{margin:0;padding:8px}.workspace{margin:0}header{height:65px}main{padding:25px 16px}.heading{align-items:flex-start;flex-direction:column}h1{font-size:28px}.compose-grid,.grid2{grid-template-columns:1fr}.metrics{gap:10px}.metrics>div{padding:15px}.metrics span{font-size:11px}.section-head{align-items:flex-start;flex-wrap:wrap}.template-grid{grid-template-columns:1fr}.panel{padding:20px}.email-preview{height:500px}}

/* Prominent sender account selectors. */
.account-tabs .tag{font-size:16px;font-weight:500;line-height:1.5;padding:10px 16px;border:1px solid #d5e5ef;border-radius:8px}

/* Responsive interaction feedback and bounded campaign history. */
button,.button{transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}
button:not(:disabled):hover,.button:hover{background:#e3f2fa;border-color:#8ebed5;color:#115c7b;filter:none;box-shadow:0 4px 12px #1a729419}
button.primary:not(:disabled):hover,.button.primary:hover{background:linear-gradient(135deg,#0b759f,#084f7a);border-color:#0a668f;color:#fff;box-shadow:0 5px 16px #095c8833}
button.quiet:not(:disabled):hover{background:#1c4963;color:#fff;border-color:transparent}
.account-tabs .tag{transition:background-color .18s ease,border-color .18s ease,color .18s ease}.account-tabs .tag:hover{background:#d4ebf6;border-color:#85bad3;color:#105b80;text-decoration:none}
.history-filters{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.history-filters>input{width:230px}.history-filters label{margin:0;font-size:11px;color:var(--muted)}.history-filters select{width:90px;margin-top:4px}.history-filters button{min-height:44px}
.campaign-history-scroll{max-height:560px;overflow:auto;scrollbar-gutter:stable}.campaign-history-scroll th{position:sticky;top:0;z-index:1;background:#f3f7fa;box-shadow:0 1px 0 #dce6ed}
.history-pagination{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:18px 0 0;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.history-pagination>div{display:flex;gap:8px}.history-pagination a.button{display:inline-flex;margin:0;padding:9px 14px;color:var(--ink);border-radius:8px;background:#fff}.history-pagination a.button:hover{background:#dceff8;color:#115c7b}.history-pagination button:disabled{cursor:default;opacity:.4}
@media(prefers-reduced-motion:reduce){button,.button,.account-tabs .tag{transition:none}}

/* Original CEA logo in the application menu. */
.menu-cea-logo{width:48px;height:58px;object-fit:contain;flex:0 0 48px;filter:drop-shadow(0 3px 6px #0003)}

.brand-logo-only{justify-content:center}.brand-logo-only .menu-cea-logo{width:110px;height:126px;flex-basis:110px}

/* Match the Admin Panel's compact rail and smooth overlay expansion. */
.mailer-sidebar{z-index:1000;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}
.mailer-sidebar .menu-icon{display:grid;place-items:center;width:24px;height:24px;flex:0 0 24px;opacity:1}
.mailer-sidebar .menu-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.mailer-sidebar nav a,.mailer-sidebar .sidebar-bottom>a,.mailer-sidebar .sidebar-bottom button{display:flex;align-items:center;gap:14px;white-space:nowrap}
.mailer-sidebar .menu-text{opacity:1;white-space:nowrap}
@media(min-width:851px){
 .mailer-sidebar{width:72px;padding:30px 0 20px;box-shadow:6px 0 22px #0002;transition:width .25s cubic-bezier(.4,0,.2,1),padding .25s ease,box-shadow .25s ease}
 .mailer-sidebar:hover,.mailer-sidebar:focus-within{width:254px;box-shadow:18px 0 44px #0004}
 .workspace{margin-left:72px}
 .mailer-sidebar .brand{height:126px;min-height:126px;flex-shrink:0}
 .mailer-sidebar .brand .menu-cea-logo{width:42px;height:50px;flex-basis:42px;transition:width .25s cubic-bezier(.4,0,.2,1),height .25s cubic-bezier(.4,0,.2,1),flex-basis .25s cubic-bezier(.4,0,.2,1)}
 .mailer-sidebar:hover .brand .menu-cea-logo,.mailer-sidebar:focus-within .brand .menu-cea-logo{width:110px;height:126px;flex-basis:110px}
 .mailer-sidebar .nav-label{height:15px;min-height:15px;margin:32px 26px 14px;white-space:nowrap;opacity:0;transition:opacity .15s ease}
 .mailer-sidebar .menu-text{opacity:0;transition:opacity .14s ease}
 .mailer-sidebar:hover .menu-text,.mailer-sidebar:focus-within .menu-text,.mailer-sidebar:hover .nav-label,.mailer-sidebar:focus-within .nav-label{opacity:1}
 .mailer-sidebar nav{width:254px}
 .mailer-sidebar nav a{justify-content:flex-start;margin:0 0 7px;border-radius:0;padding:13px 24px}
 .mailer-sidebar .sidebar-bottom{width:254px;padding:20px 0 0;flex-shrink:0}
 .mailer-sidebar .sidebar-bottom>a,.mailer-sidebar .sidebar-bottom button{width:100%;padding:13px 24px;border-radius:0;text-align:left;justify-content:flex-start}
 .mailer-sidebar .sidebar-bottom>a:hover,.mailer-sidebar .sidebar-bottom button:hover{background:#1b425c;text-decoration:none}
}
@media(prefers-reduced-motion:reduce){.mailer-sidebar,.mailer-sidebar .brand .menu-cea-logo,.mailer-sidebar .menu-text,.mailer-sidebar .nav-label{transition:none}}
/* CEA Admin Panel menu palette and gradient. */
.mailer-sidebar{background:#1c3e4c linear-gradient(155deg,#214957 0%,#1c3e4c 48%,#173641 100%);border-right:1px solid #16333e;color:#e8edf5}
.mailer-sidebar nav a,.mailer-sidebar .sidebar-bottom>a,.mailer-sidebar .sidebar-bottom button{color:#c5d7df}
.mailer-sidebar .nav-label{color:#8eafbd}
.mailer-sidebar .sidebar-bottom{border-top-color:#365460}
.mailer-sidebar nav a:hover,.mailer-sidebar .sidebar-bottom>a:hover,.mailer-sidebar .sidebar-bottom button:hover{background:#365460;color:#fff}
.mailer-sidebar nav a.active{background:#09638a;color:#fff;box-shadow:inset 3px 0 #1ca6d9}
.mailer-sidebar nav a.active:hover{background:#0b6f98}

/* Fixed CEA header, matching the Admin Panel's blue gradient and typography. */
.mailer-fixed-header{position:fixed;inset:0 0 auto;z-index:2000;height:52px;padding:0 18px;background:#179ed9 linear-gradient(135deg,rgba(48,177,229,.98) 0%,rgba(23,158,217,.97) 42%,rgba(17,145,202,.96) 72%,rgba(10,126,180,.97) 100%);border-bottom:1px solid #ffffff25;color:#fff;box-shadow:0 4px 16px #12344725;font-family:-apple-system,system-ui,"SF Pro Display","SF Pro Text","Helvetica Neue",Arial,sans-serif}
.mailer-wordmark{font-size:22px;font-weight:600;line-height:26px;white-space:nowrap;color:#fff;letter-spacing:-.4px}.mailer-wordmark:hover{color:#fff;text-decoration:none}.mailer-wordmark span{font-weight:300;margin:0 4px;opacity:.7}
.mailer-fixed-header .mailer-header-title{position:absolute;left:50%;transform:translateX(-50%);font:600 22px/26px -apple-system,system-ui,"SF Pro Display","SF Pro Text","Helvetica Neue",Arial,sans-serif;color:#fff;white-space:nowrap}
.mailer-fixed-header .identity,.mailer-fixed-header .identity small{color:#fff}.mailer-fixed-header .avatar{background:#ffffff26;color:#fff}
.workspace{padding-top:52px}
@media(min-width:851px){.mailer-sidebar{top:52px;padding-top:14px}.mailer-sidebar .nav-label{margin-top:14px}}
@media(max-width:850px){.mailer-sidebar{margin-top:52px}.workspace{padding-top:0}.mailer-fixed-header .mailer-header-title{display:none}.mailer-fixed-header .identity small{display:none}.mailer-fixed-header .avatar{display:none}}

.mailer-sidebar .menu-section-divider{height:1px;min-height:1px;background:rgba(173,207,220,.25);margin:5px 12px 6px;flex-shrink:0}
.mailer-sidebar .sidebar-bottom{border-top-color:rgba(173,207,220,.25)}

.attachment-upload{background:#f8fbfd;border:1px solid #dce6ed;padding:18px}.attachment-upload>label{margin:0 0 8px}.attachment-upload input[type=file]{padding:0;border:0;background:transparent;color:var(--muted);font-size:12px}.attachment-upload input::file-selector-button{font:500 13px var(--font);padding:10px 16px;margin:0 12px 10px 0;border:1px solid #bcd5e3;border-radius:7px;background:#eaf4fa;color:#17678b;cursor:pointer;transition:background .18s ease,border-color .18s ease}.attachment-upload input::file-selector-button:hover{background:#d4ebf6;border-color:#85bad3}.attachment-list{list-style:none;padding:0;margin:12px 0 0}.attachment-list li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0;border-top:1px solid #dce6ed}.attachment-list li>span{min-width:0}.attachment-list strong{display:block;font-weight:500;overflow-wrap:anywhere}.attachment-list small{color:var(--muted)}.attachment-remove{padding:6px 12px;font-size:12px;background:#fff;color:#8b3a3a;flex-shrink:0}.attachment-remove:hover{background:#fff0ee;border-color:#e3b3ad}.attachment-upload #attachmentStatus{margin:8px 0 0}

/* Reuse the Admin Panel's original CEA lettering at its native display size. */
.mailer-wordmark{display:inline-flex;align-items:flex-end;gap:7px;height:24px;line-height:24px;letter-spacing:0}
.mailer-wordmark .mailer-wordmark-cea{display:block;position:relative;overflow:hidden;flex:0 0 82px;width:82px;height:24px;margin:0;opacity:1}
.mailer-wordmark-cea img{display:block;width:134px;height:24px;max-width:none;object-fit:contain}
.mailer-wordmark .mailer-wordmark-name{font:400 22px/22px Arial,Helvetica,sans-serif;letter-spacing:-.3px;margin:0;opacity:1;color:#fff}
/* Align the application name with the bottom edge of the CEA lettering. */
.mailer-wordmark .mailer-wordmark-name{line-height:19px;transform:translateY(1px)}
.attachment-upload #attachmentHint{font-size:14px;line-height:1.6;color:#4c6576;margin-top:4px}

.workspace{display:flex;flex-direction:column;min-height:100vh}.workspace>main{width:100%;flex:1}
.mailer-footer{display:flex;width:100%;max-width:none;justify-content:space-between;align-items:center;gap:12px;padding:16px 28px 20px;color:#8b9da9;font-size:11px}
.mailer-footer span{font-size:inherit;letter-spacing:normal}.mailer-footer strong{font-weight:600}.mailer-footer .footer-status{white-space:nowrap}.mailer-footer .footer-dot{padding:0 7px}
@media(max-width:600px){.mailer-footer{padding:16px;flex-wrap:wrap}.mailer-footer .footer-status{margin-left:auto}}
/* Match the Admin Panel's full-width burgundy Sign out treatment. */
.mailer-sidebar .sidebar-bottom button[value=logout]{background:linear-gradient(90deg,#461f29 0%,#532630 55%,#5b2934 100%);color:#e2edf1;border:0;border-radius:0;font-size:12px;font-weight:500;box-shadow:none;filter:none;transition:none}
.mailer-sidebar .sidebar-bottom button[value=logout]:hover,.mailer-sidebar .sidebar-bottom button[value=logout]:focus-visible{background:#76343b;color:#fff;filter:none;box-shadow:none;transform:none}