:root{font-family:Arial,Helvetica,sans-serif;color:#1b2a46;background:#f8faff;font-synthesis:none;--nav:#172744;--blue:#304994;--line:#e3e8f1;--muted:#74829b}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #8daaff;outline-offset:3px}a{color:#304994}button{border:0;background:none;color:inherit}button,.primary,.secondary{border-radius:9px}.primary{background:var(--blue);color:#fff;padding:12px 18px;font-weight:700;border:1px solid var(--blue)}.secondary{border:1px solid var(--line);background:white;padding:10px 15px;color:#33486f}.wide{width:100%}.small{font-size:13px;line-height:1.7;color:var(--muted)}.hidden{display:none!important}.brand{display:flex;gap:10px;align-items:center;font-size:23px;font-weight:800;text-decoration:none;color:inherit;white-space:nowrap}.brand-icon{background:#6580d9;color:white;border-radius:11px;padding:8px 11px;font-size:21px}.brand-caption{display:block;font-size:9px;letter-spacing:1.7px;margin-top:6px;font-weight:700}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:800;color:#6480b5;line-height:1.6}.workspace{display:flex;height:100dvh;min-height:560px}aside{background:var(--nav);width:236px;flex-shrink:0;color:#f5f7fc;display:flex;flex-direction:column;padding:27px 17px 18px;overflow-y:auto}aside>.brand{font-size:20px;margin-bottom:30px}aside>.primary{background:#405ca9;border-color:#405ca9}.side-caption{color:#8ca2ca;font-size:9px;margin:32px 7px 12px;line-height:1.8}.nav-item{width:100%;padding:12px 10px;text-align:left;color:#c7d2ec;display:block;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis}.nav-item.active{background:#2b426d;color:#fff}.account-email{font-size:12px}.side-bottom{margin-top:auto;display:flex;flex-direction:column;gap:14px;padding:40px 8px 0;font-size:12px}.side-bottom>a{color:#b7c5e1;text-decoration:none}.side-bottom>button{text-align:left;padding:0;color:#b7c5e1}.mail-main{min-width:0;flex:1;display:flex;flex-direction:column;overflow:hidden;background:white}.topbar{height:60px;border-bottom:1px solid var(--line);padding:0 30px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#657799;flex-shrink:0}.testing-badge{font-size:11px;background:#f2f5fc;border:1px solid var(--line);padding:5px 8px;border-radius:20px}.mail-heading{padding:28px 30px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px}.mail-heading h1{font-size:26px;margin:7px 0;font-weight:500}.mail-heading p{font-size:13px;color:var(--muted);margin:0}.folders{display:flex;gap:0;border-bottom:1px solid var(--line);padding:0 20px;overflow-x:auto;flex-shrink:0;white-space:nowrap}.folders button{font-size:13px;padding:13px 12px;border-radius:0;border-bottom:2px solid transparent;color:#647591}.folders button.active{border-color:var(--blue);color:#1b2a46}.folders select{border:0;background:transparent;color:#647591;font-size:13px;max-width:130px}.mail-columns{display:flex;flex:1;min-height:0}.message-list{width:365px;flex-shrink:0;overflow-y:auto;border-right:1px solid var(--line)}.search{display:flex;gap:5px;margin:20px;border:1px solid var(--line);background:#f5f7fc;border-radius:9px;padding:4px}.search input{min-width:0;flex:1;border:0;outline:none;background:transparent;padding:8px;font-size:13px}.search button{font-size:12px;color:#314d93;padding:7px}.message-row{width:100%;display:block;text-align:left;padding:17px 20px;border-top:1px solid var(--line);border-radius:0;line-height:1.5;position:relative}.message-row:hover{background:#f8faff}.message-row.selected{background:#eef2fc}.message-row.unread{border-left:3px solid #4965b5;padding-left:17px}.message-row .row-head{display:flex;gap:8px;justify-content:space-between;font-size:12px}.message-row .sender,.message-row .subject{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-row .sender{font-weight:600}.message-row.unread .subject{font-weight:700}.message-row .date{color:var(--muted);white-space:nowrap;font-size:11px}.message-row .subject{font-size:13px;margin:6px 0 2px}.message-row .preview{font-size:12px;line-height:1.6;color:#7b8aa5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.message-row .mailbox{font-size:11px;color:#4d6496;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reading{flex:1;min-width:0;overflow-y:auto}.reading.empty{display:grid;place-items:center}.empty-content{text-align:center;color:var(--muted);padding:40px 25px;font-size:13px;line-height:1.8}.empty-content h2{font-size:18px;font-weight:500;margin:18px 0 6px}.empty-icon{font-size:31px;background:#f3f5fa;border-radius:14px;padding:10px}.reading-header{padding:24px 28px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.reading-header h2{font-size:22px;font-weight:500;line-height:1.4;margin:10px 0 22px}.message-address{font-size:12px;line-height:1.8;color:#70809c}.message-address strong{color:#293b60}.message-actions{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0 3px}.message-actions button,.message-actions select{border:1px solid var(--line);background:#fff;padding:8px 10px;border-radius:7px;font-size:12px}.email-body{padding:25px 28px;font-size:14px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.email-frame{border:0;width:100%;min-height:450px;background:white;display:block}.privacy-note{font-size:11px;color:#7d8aa0;background:#f8faff;padding:10px 28px;border-bottom:1px solid var(--line)}.attachment-list{padding:5px 28px 25px;display:flex;gap:10px;flex-wrap:wrap}.attachment-list a{font-size:12px;text-decoration:none;border:1px solid var(--line);border-radius:7px;padding:10px;overflow-wrap:anywhere}.notice{margin:0;padding:13px 20px;background:#fff8e8;border:1px solid #f5dfb7;color:#795319;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.notice.error{background:#fff1f2;border-color:#f4d7dc;color:#a7283b}.notice.success{background:#eef9f5;color:#23634e;border-color:#cceade}.notice a,.notice button{color:inherit;text-decoration:underline}.icon-button{font-size:22px;padding:5px 10px}.topbar #menu{display:none}#more{display:block;margin:20px auto}dialog{border:1px solid #d0d8e9;border-radius:15px;padding:25px;width:min(660px,calc(100vw - 28px));max-height:93dvh;color:#223453;box-shadow:0 20px 80px #152c5e2b}dialog::backdrop{background:#18243c80}.dialog-head{display:flex;justify-content:space-between;gap:15px;margin-bottom:22px}.dialog-head h2{font-size:20px;margin:0 0 5px}.dialog-head p{font-size:13px;color:var(--muted);margin:0}.dialog-head button{align-self:start}label{display:block;font-size:12px;font-weight:700;margin:13px 0 7px}input,select,textarea{width:100%;border:1px solid #dbe2ee;border-radius:7px;padding:10px;background:#f7f9fd;color:#213353;font-size:13px}textarea{resize:vertical;min-height:130px}.recipient-extras{display:flex;gap:12px}.recipient-extras>div{flex:1;min-width:0}.file-label{margin-top:15px;font-weight:500}.file-label span{font-size:11px;color:var(--muted);margin-left:10px}input[type=file]{font-size:11px;padding:6px}.dialog-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}#compose-notice{margin-top:15px;border-radius:7px}.login-page{min-height:100dvh;display:grid;place-items:center;background:linear-gradient(140deg,#f2f5ff,#fcfdff);padding:30px 18px}.login-card{padding:42px;max-width:500px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 12px 70px #1b38690a}.login-card>.brand{margin-bottom:55px}.login-card h1{font-size:34px;line-height:1.25;letter-spacing:-1px;font-weight:600;margin:12px 0 18px}.login-card p{font-size:14px;color:#6e7f99;line-height:1.8}.login-card form{margin:28px 0 10px}.login-card .notice{margin:25px 0 15px;border-radius:8px}.login-card>.wide{margin-bottom:15px}.back-hub{display:block;margin-top:20px}.privacy{max-width:740px}.privacy h2{font-size:18px;margin-top:28px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.back-message{font-size:12px;color:#667d9e;padding:5px 0}.loading{padding:35px 20px;color:var(--muted);font-size:13px}.label-filtered{font-size:13px;color:var(--muted);padding:10px 20px}.reading-back{display:none}
@media(min-width:1450px){.message-list{width:410px}.mail-heading{padding-top:35px;padding-bottom:25px}}@media(max-width:1000px){aside{width:205px;padding-inline:12px}aside .brand{font-size:18px}.brand-icon{padding:7px 9px}.message-list{width:310px}.topbar{padding-inline:20px}.mail-heading{padding-inline:20px}.reading-header{padding:20px}.reading-header h2{font-size:19px}.message-actions{gap:5px}.message-actions button{padding:7px 8px}.email-body{padding:20px}.folders{padding-inline:8px}.folders button{padding-inline:10px}}@media(max-width:760px){.workspace{min-height:0}aside{position:fixed;inset:0 auto 0 0;z-index:10;transform:translateX(-100%);width:260px;transition:transform .2s;box-shadow:10px 0 50px #17274430}body.nav-open aside{transform:translateX(0)}.topbar{height:54px;padding:0 12px;gap:10px;justify-content:flex-start}.topbar #menu{display:block}.testing-badge{margin-left:auto}.mail-heading{padding:20px 18px 16px}.mail-heading h1{font-size:24px}.mail-heading .eyebrow{font-size:9px}.mail-heading>.secondary{font-size:12px;padding:8px 10px}.folders button{padding:13px 12px}.mail-columns{display:block;position:relative}.message-list{width:100%;height:100%;border:0}.reading{display:none;background:#fff}.reading.mobile-open{display:block;position:fixed;inset:54px 0 0;z-index:5}.reading-back{display:block}.reading-header h2{font-size:21px}.email-frame{min-height:65dvh}.search{margin:15px 18px}.message-row{padding:17px 18px}.message-row .subject{font-size:14px}.message-row .preview{font-size:13px}.message-row .row-head{font-size:13px}.login-card{padding:32px 25px}.login-card>.brand{margin-bottom:38px}.login-card h1{font-size:30px}dialog{padding:20px}.dialog-head p{font-size:12px}.dialog-head h2{font-size:19px}.recipient-extras{gap:8px}.notice{padding:12px 18px}.privacy-note{padding-inline:20px}.attachment-list{padding-inline:20px}}

#confirm-dialog{max-width:440px}#confirm-dialog h2{font-size:20px}#confirm-message{font-size:14px;line-height:1.7;overflow-wrap:anywhere}