@import url('/base.css');
.compose-connections{display:flex;gap:20px;padding:18px 23px;border-bottom:1px solid var(--line);flex-wrap:wrap}.compose-connections label{flex:1;min-width:180px}.compose-connections select{font-size:12px}.resend-manager{margin-top:24px}.resend-add-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.resend-profile{border:1px solid var(--line);border-radius:8px;margin-top:14px}.resend-check{padding:0 24px 16px;white-space:pre-wrap}.resend-profile .actions{flex-wrap:wrap}.resend-manager .message-row{flex-wrap:wrap}.resend-manager form>button{margin-top:8px}.resend-edit{padding:0 24px 18px;border-top:1px solid var(--line)}.resend-edit label{margin-top:16px}.resend-edit .actions{margin-top:16px}@media(max-width:650px){.resend-add-grid{grid-template-columns:1fr;gap:0}.compose-connections{padding:16px}.resend-profile .actions{width:100%}}
:root{font-family:Inter,Segoe UI,system-ui,sans-serif;color:#e8ece9;background:#101519;font-synthesis:none;--line:#2c3439;--muted:#9ba7ab;--green:#c2ef88}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid #3c474c;background:#20282d;color:#e8ece9;border-radius:8px;padding:11px 16px;font-size:13px;font-weight:600}button:hover{background:#2c373d}button:disabled{opacity:.5;cursor:wait}a{color:var(--green)}.primary{background:var(--green);color:#142013;border-color:var(--green)}.primary:hover{background:#d4f5b0}.primary span{float:right;margin-left:40px}h1,h2,h3,p{margin-top:0}h1{font-size:29px;letter-spacing:-1px;font-weight:600;margin-bottom:0}h2{font-size:22px;font-weight:550;letter-spacing:-.5px}h3{font-size:14px}.muted,.hint,.fineprint{color:var(--muted);font-size:13px;line-height:1.7}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#a8b4b5;margin-bottom:12px}.pill{display:inline-block;font-size:11px;border:1px solid #3b4744;border-radius:30px;color:#b5c0b8;padding:7px 11px;white-space:nowrap}label{font-size:12px;color:#c2cbce}input,select,textarea{color:#e7edeb;background:#131a1e;border:1px solid var(--line);border-radius:7px;padding:12px;width:100%}input::placeholder,textarea::placeholder{color:#657277}input:focus,textarea:focus,select:focus{border-color:var(--green);outline:1px solid var(--green)}label>input,label>select{display:block;margin-top:8px}label{display:block}small{font-size:10px;color:#88969b}aside{width:238px;position:fixed;inset:0 auto 0 0;background:#151c20;border-right:1px solid var(--line);padding:30px 23px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:650;letter-spacing:-.5px;text-decoration:none;color:#eef2ee;margin-bottom:38px}.brand span{font-size:8px;color:#869389;letter-spacing:1px;align-self:flex-start;margin-top:3px}aside .primary{margin-bottom:27px}nav{display:grid;gap:6px}nav button,.aside-bottom>button{border:0;background:transparent;text-align:left;font-weight:450;color:#a5b0b5;display:flex;align-items:center;gap:11px}nav button.active{background:#28342a;color:#d5efbd}nav button span{font-size:20px;width:23px}nav i{font-size:9px;font-style:normal;color:#819287;margin-left:auto}nav b{font-size:10px;background:#313d34;padding:2px 6px;border-radius:4px;margin-left:auto}.aside-bottom{margin-top:auto;display:grid;gap:10px}.aside-bottom>button{font-size:11px;padding:8px 0}.aside-bottom small{font-size:7px;letter-spacing:1.6px;margin-top:22px}.connection{display:flex;align-items:center;gap:10px;font-size:10px;color:#b1beb6;padding-bottom:18px;border-bottom:1px solid var(--line);line-height:1.6;overflow-wrap:anywhere}.dot,.status-dot{height:6px;width:6px;border-radius:50%;background:var(--green);flex-shrink:0}main{margin-left:238px;padding:37px 48px 45px;max-width:1600px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:48px}header .eyebrow{font-size:9px;margin-bottom:8px;color:#86958c}.header-right{display:flex;align-items:center;gap:8px;font-size:10px;color:#9eaaa5}.icon{padding:5px 10px;background:transparent;border:0;font-size:21px;color:#a6b5b5}.header-right .icon{margin-left:20px}.section-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.section-intro h2{margin-bottom:8px}.section-intro p{margin-bottom:0}.card{background:#192126;border:1px solid var(--line);border-radius:13px;overflow:hidden}.mail-field{display:flex;align-items:center;gap:20px;padding:8px 23px;border-bottom:1px solid var(--line)}.mail-field label{width:52px;color:#8f9ca1;flex-shrink:0}.mail-field input{border:0;background:transparent;border-radius:0;font-size:13px;padding:13px 0;outline-offset:1px}.compact{padding-top:3px;padding-bottom:3px}.compact input{font-size:12px}.editor-toolbar{display:flex;justify-content:space-between;align-items:center;padding:16px 23px 0}.editor-toolbar label{display:flex;align-items:center;gap:10px;font-size:10px;color:#88969b}.editor-toolbar select{width:auto;font-size:10px;padding:6px;margin-top:0}#body{border:0;background:transparent;min-height:265px;padding:24px;resize:vertical;line-height:1.8;font-size:14px;border-radius:0}.attachment-row{display:flex;align-items:center;gap:18px;padding:14px 23px}.attachment-row .muted{font-size:10px}.file-button{color:#c1d0c0;cursor:pointer;font-size:11px}.file-button input{display:none}#attachments{padding:0 23px;display:flex;flex-wrap:wrap;gap:7px}#attachments button{font-size:10px;padding:5px 8px;margin-bottom:10px}.composer-footer{padding:20px 23px;background:#1d262b;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:end;gap:15px}.schedule-input label{font-size:10px;margin-bottom:7px}.schedule-input label span{color:#74888c;font-size:9px;margin-left:5px}.schedule-input input{padding:8px;font-size:11px;color-scheme:dark}.actions{display:flex;gap:10px;align-items:center}.fineprint{font-size:10px;margin:17px 0}.text-link{font-size:12px;text-decoration:none}.empty{padding:60px 24px;text-align:center}.empty .empty-symbol{font-size:32px;color:#88a088;margin-bottom:20px}.empty h3{font-size:17px;font-weight:500}.empty p{max-width:360px;margin:0 auto 22px}.message-row{padding:20px 24px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:20px}.message-row:last-child{border:0}.message-row .meta{min-width:0;flex:1}.message-row h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px;font-weight:550}.message-row p{font-size:11px;color:#8c9a9e;margin:0;line-height:1.7;overflow-wrap:anywhere}.message-row .error{color:#edb1a7}.message-row button{font-size:11px;padding:7px 10px}.badge{font-size:9px;padding:5px 8px;border-radius:4px;background:#303b41;color:#becacf;text-transform:uppercase;letter-spacing:.6px}.badge.sent{color:#b7e494;background:#2a3c2b}.badge.failed,.badge.uncertain{background:#49352f;color:#ffb4a3}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.settings-card{padding:28px}.settings-card label{margin-top:22px}.settings-card h2{font-size:20px}.hint{font-size:10px;margin:8px 0 16px}.settings-footer{display:flex;justify-content:space-between;align-items:center;margin-top:24px}.settings-footer .muted{font-size:11px}.connection-box{padding:18px;border:1px solid #3b4943;border-radius:8px;font-size:12px;margin:25px 0 15px}.identity-note{margin-top:27px;border-top:1px solid var(--line);padding-top:22px}.identity-note p{color:var(--muted);font-size:11px;line-height:1.8}details{margin-top:25px;font-size:12px}summary{cursor:pointer;color:#c9d5c6}ol{padding-left:18px;color:#98a7ab;font-size:11px;line-height:1.8}li{margin:12px 0}code{display:block;font-size:10px;overflow-wrap:anywhere;background:#10171b;padding:10px;margin-top:8px;color:#c5d3c1}#notice{border-radius:8px;border:1px solid #466245;background:#24372a;padding:13px 17px;font-size:12px;margin-bottom:25px}#notice.error{background:#392924;border-color:#674136;color:#efb9ac}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 60% 15%,#263429 0,transparent 47%)}.login-card{width:min(440px,90vw);padding:42px;background:#171f23;border:1px solid #34403b;border-radius:16px;box-shadow:0 35px 100px #060b0d55}.login-card img{margin-bottom:30px}.login-card h1{font-size:29px;margin-bottom:20px;line-height:1.2}.login-card label{margin-top:30px}.login-card .primary{width:100%;text-align:left;margin-top:20px}.login-card small{display:block;text-align:center;margin-top:30px}.error{color:#f0b4a6;font-size:12px;line-height:1.6}dialog{background:#1a2429;color:#e3e9e5;border:1px solid #3e5044;border-radius:13px;max-width:780px;width:90%;padding:35px}dialog::backdrop{background:#030809b5;backdrop-filter:blur(5px)}dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.8 Inter,Segoe UI,sans-serif;max-height:50vh;overflow:auto;margin:25px 0}dialog .close{position:absolute;right:15px;top:10px}[hidden]{display:none!important}@media(min-width:1500px){main{padding-left:70px;padding-right:70px}}@media(max-width:1000px){main{padding:30px 25px}.settings-grid{grid-template-columns:1fr}.header-right{display:none}.section-intro{align-items:start;flex-direction:column}aside{width:195px;padding:27px 18px}main{margin-left:195px}.brand{font-size:18px}.brand span{display:none}.composer-footer{align-items:stretch;flex-direction:column}.actions{justify-content:flex-end}}@media(max-width:650px){aside{position:relative;width:auto;padding:18px;border-right:0;border-bottom:1px solid var(--line);display:block}.brand{margin:0 0 18px}.brand span{display:block}aside>.primary{position:absolute;right:18px;top:18px;padding:9px 11px;font-size:11px}nav{display:flex;overflow:auto;gap:4px}nav button{padding:8px;font-size:10px;white-space:nowrap}nav button span{display:none}nav b,nav i{display:none}.aside-bottom{display:flex;gap:18px;justify-content:space-between}.aside-bottom .connection,.aside-bottom small{display:none}.aside-bottom button{margin-top:10px}main{margin:0;padding:25px 17px}header{margin-bottom:30px}h1{font-size:26px}h2{font-size:20px}.mail-field{padding:7px 16px;gap:10px}.mail-field label{width:42px}.compact label{width:auto}.editor-toolbar{padding-left:16px}#body{padding:20px 16px}.composer-footer{padding:17px}.actions button{flex:1}.message-row{padding:17px;gap:10px;flex-wrap:wrap}.message-row .meta{min-width:65%}.settings-card{padding:22px}.settings-footer{align-items:stretch;flex-direction:column;gap:15px}.section-intro{gap:15px}.login-card{padding:30px}}

.inbox-toolbar{display:flex;gap:18px;align-items:center;justify-content:space-between;margin-bottom:18px}.inbox-toolbar input{max-width:280px}.folder-tabs{display:flex;gap:5px;flex-wrap:wrap}.folder-tabs button{padding:9px 13px;background:transparent}.folder-tabs button.active{background:#283c2c;color:var(--green);border-color:#53654a}.unread{background:#1d2b2a}.unread-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin:0 9px 2px 0}#load-more{margin:20px 0}#mailbox-domains{overflow-wrap:anywhere;line-height:1.8}.message-actions{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0}.message-actions button{font-size:10px;padding:7px 10px}#message-text{max-height:60vh;overflow:auto;padding-right:8px;margin-bottom:24px}.thread-message{padding:20px;border:1px solid var(--line);border-radius:9px;margin-bottom:14px}.thread-message.outgoing{background:#223127;margin-left:22px}.thread-heading{display:flex;gap:12px;justify-content:space-between;font-size:12px;overflow-wrap:anywhere}.thread-heading span{color:var(--muted);font-size:10px;flex-shrink:0}.thread-message .muted{font-size:10px;margin-top:8px}.thread-message pre{max-height:none;overflow:visible;margin:18px 0}.received-files{display:flex;flex-wrap:wrap;gap:7px}.received-files a,.received-files>span{padding:8px;background:#131c1a;border-radius:6px;font-size:11px;overflow-wrap:anywhere}.thread-links{display:flex;align-items:center;gap:15px;margin-top:16px;flex-wrap:wrap}.thread-links a{font-size:10px}.thread-links button{font-size:10px;padding:6px 10px}@media(max-width:650px){.inbox-toolbar{align-items:stretch;flex-direction:column}.inbox-toolbar input{max-width:none}.thread-heading{flex-direction:column}dialog{padding:25px 16px}.thread-message{padding:14px}.thread-message.outgoing{margin-left:8px}}

.account-list,.personal-password{margin-top:24px}.personal-password{max-width:600px}.personal-password button{margin-top:18px}#signed-in-user{letter-spacing:0;font-size:10px;line-height:1.6;margin:0;color:var(--muted)}.account-list .meta p{overflow-wrap:anywhere}
