:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:14px;color:#183c37;background:#f6f7f3;--ink:#143f3b;--teal:#1b7062;--line:#dfe6dc;--muted:#718276}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a{touch-action:manipulation}a{color:var(--teal);text-decoration:none}button,.button{border:0;cursor:pointer;display:inline-block;border-radius:9px;padding:12px 18px;font-weight:650}button:hover,a:hover{filter:brightness(.94)}.primary{border:0;display:inline-block;background:var(--teal);color:#fff;padding:13px 21px;border-radius:10px;font-weight:650;cursor:pointer}.secondary{background:#eaf0e7;color:#365c4e}.full{width:100%;margin-top:25px}.brand{font-size:24px;font-weight:800;letter-spacing:-.6px;color:white;line-height:1.3}.brand span{color:#aacbb6}.brand small{display:block;font-size:9px;letter-spacing:2px;font-weight:550;color:#a1c4b6;margin-top:9px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2px;color:#718976}h1{font-size:31px;font-weight:700;letter-spacing:-1.2px;margin:0 0 8px}h2{font-size:24px;letter-spacing:-.7px}p{line-height:1.6;color:var(--muted)}input,textarea{width:100%;border:1px solid #ccd8cc;background:white;border-radius:8px;padding:12px 14px;color:#1b4239}label{display:block;font-size:12px;font-weight:650;margin:20px 0 8px}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.welcome{background:var(--ink);color:white;padding:55px 65px;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.welcome h1{font-family:Georgia,serif;font-weight:400;font-size:51px;letter-spacing:-1.4px;line-height:1.15;margin-top:22px}.welcome p{color:#bed0be}.welcome .eyebrow{color:#accab4}.wave{font-family:Georgia,serif;font-size:60px;letter-spacing:9px;color:#668f79}.login-panel{display:grid;place-items:center;padding:35px}.login-form{max-width:355px;width:100%}.login-form h2{font-size:30px;margin:14px 0 7px}.login-form>p{font-size:13px;margin-bottom:28px}.fine{font-size:11px;line-height:1.6;color:#7b8b7e}.login-form .fine{text-align:center;margin-top:20px}.alert{padding:15px 18px;border-radius:9px;margin:16px 0;line-height:1.6;font-size:13px}.error{color:#8a3c32;background:#fff0e9;border:1px solid #efc9ba}.success{color:#305c3f;background:#edf5e8;border:1px solid #d2e3c5}.sidebar{width:250px;background:var(--ink);color:white;padding:33px 23px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column}.sidebar .brand{font-size:21px}.compose{margin-top:36px;margin-bottom:25px;background:#b8cf9e;color:#1c493d;text-align:center}nav{overflow:auto;flex:1}.folder{display:flex;gap:12px;padding:13px 15px;color:#c1d2c8;border-radius:8px;margin-bottom:5px;overflow-wrap:anywhere}.folder.active{background:#2a574c;color:white}.account{display:flex;gap:10px;align-items:center;padding-top:25px;font-size:11px;border-top:1px solid #3e6357;margin-top:20px;overflow-wrap:anywhere}.account small{display:block;font-size:10px;color:#a0bdb1;margin-top:5px}.avatar{border-radius:50%;background:#3e6758;padding:11px 14px;font-weight:700;font-size:15px}.signout{background:transparent;color:#bed4c4;font-size:12px;padding:17px 0 0}.mail-main{margin-left:250px;padding:0 40px;max-width:1600px}.topbar{height:83px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.secure{font-size:11px;color:#7a927e}.heading{display:flex;align-items:center;justify-content:space-between;margin:34px 0 25px;gap:15px}.heading p{margin:0;font-size:12px}.search{display:flex;gap:10px;align-items:center;background:#fff;padding:15px;border:1px solid var(--line);border-radius:12px;margin-bottom:18px}.search input{border:0;background:#f6f8f2}.search>a{font-size:12px}.message-list{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.mail-row{display:grid;grid-template-columns:15px minmax(120px,1fr) minmax(160px,2fr) 55px;gap:15px;align-items:center;border-bottom:1px solid #edf0e9;padding:21px 22px;color:#536b5d}.mail-row:last-child{border-bottom:0}.mail-row.unread{color:#214c3c;background:#fbfcf7;font-weight:700}.sender,.subject{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mail-dot{font-size:10px;color:#7eaa79}.mail-row time{font-size:11px;text-align:right;font-weight:450;color:#7d8e7e}.pagination{display:flex;justify-content:space-between;align-items:center;margin:22px 0;color:#7a8a7c;font-size:12px}.pagination a{font-size:12px;margin-left:7px}.empty{text-align:center;padding:80px 15px}.empty h2{font-family:Georgia,serif;font-weight:400}.empty-icon{font-size:50px;color:#78997b}.empty p{font-size:13px}.compose-form,.message{background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px}.from{font-size:12px;margin:0 0 20px}.from strong{color:#345c49;margin-left:20px}.field-row{display:flex;align-items:center;border-top:1px solid #e8ede4;gap:12px;padding:5px 0}.field-row label{width:55px;flex-shrink:0;margin:0;color:#82917f}.field-row input{border:0;border-radius:0}.compose-form textarea{margin-top:10px;border:0;border-top:1px solid #e8ede4;border-radius:0;resize:vertical;line-height:1.7;padding:22px 0}.attachments{padding:10px 0}.attachments label{margin:0 0 8px}.attachments input{font-size:12px;background:#f6f8f2;border:0}.attachments small{display:block;font-size:11px;color:#81917f;margin-top:8px}.compose-bottom{border-top:1px solid var(--line);margin-top:20px;padding-top:20px;display:flex;gap:22px;align-items:center;flex-wrap:wrap}.compose-bottom a{font-size:12px}.compose-bottom span{margin-left:auto}.back{font-size:12px}.message h2{line-height:1.4;overflow-wrap:anywhere}.message-meta{display:flex;justify-content:space-between;gap:20px;padding:10px 0 20px;border-bottom:1px solid var(--line);font-size:12px;overflow-wrap:anywhere}.message-meta time{color:#899482;font-size:11px}.message-meta p{font-size:11px;margin:6px 0}.message-body{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;line-height:1.85;font-size:14px;padding:25px 0;min-height:200px}.message-actions{display:flex;gap:15px;align-items:center;padding:22px 0;flex-wrap:wrap}.message-actions form{display:flex;gap:10px}.attachment-list{display:flex;gap:12px;flex-wrap:wrap}.attachment{border:1px solid var(--line);padding:13px;border-radius:9px;font-size:12px;overflow-wrap:anywhere}.attachment small{color:#8c9987;margin-left:8px}footer{font-size:10px;color:#8c9a89;padding:30px 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #97b77d;outline-offset:3px}button:disabled{opacity:.6;cursor:wait}@media(max-width:950px){.sidebar{width:210px;padding:25px 18px}.mail-main{margin-left:210px;padding:0 22px}.mail-row{grid-template-columns:12px minmax(90px,1fr) minmax(110px,1.4fr) 50px;gap:10px;padding:18px 15px}.welcome{padding:45px 35px}.welcome h1{font-size:39px}}@media(max-width:650px){.login{display:block}.welcome{min-height:0;padding:30px}.welcome>div:not(.brand){display:none}.login-panel{padding:38px 25px}.sidebar{position:static;width:100%;padding:20px;display:block}.sidebar .brand small,.account{display:none}.compose{margin:18px 0 12px;padding:10px 16px}nav{display:flex;gap:5px;overflow-x:auto}nav .folder{white-space:nowrap;flex-shrink:0;padding:9px 11px;font-size:12px}.signout{padding:6px 0;font-size:11px}.mail-main{margin:0;padding:0 16px}.topbar{height:52px}.topbar .eyebrow{font-size:9px}.secure{font-size:9px}.heading{margin:25px 0 20px}h1{font-size:27px}.heading .button{font-size:10px;padding:10px}.mail-row{grid-template-columns:10px 1fr 50px;gap:8px;padding:15px}.sender{grid-column:2;grid-row:1;font-size:12px}.subject{grid-column:2 / 4;grid-row:2;font-size:12px;font-weight:400}.mail-row time{grid-column:3;grid-row:1}.mail-dot{grid-column:1;grid-row:1}.compose-form,.message{padding:20px 16px}.message-meta{display:block}.message-actions button,.message-actions a{font-size:12px;padding:10px}.compose-bottom span{margin-left:0;width:100%}}

/* Folder navigation stays a vertical list on the left at every screen size. */
.folder-heading{font-size:10px;letter-spacing:1.8px;text-transform:uppercase;color:#a1c4b6;margin:0 15px 12px;font-weight:700}
.folder-list{list-style:none;padding:0;margin:0}.folder-name{min-width:0;overflow-wrap:anywhere}.folder>[aria-hidden]{flex-shrink:0}
@media(max-width:650px){
 .sidebar{position:fixed;inset:0 auto 0 0;width:132px;height:100vh;height:100dvh;display:flex;flex-direction:column;padding:22px 10px;min-height:0}
 .sidebar .brand{font-size:17px;letter-spacing:-.4px}.sidebar .brand small{display:none}
 .sidebar .compose{margin:22px 0 20px;padding:11px 5px;font-size:12px}
 .folder-nav{display:block;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}
 .folder-heading{font-size:9px;margin:0 8px 10px;letter-spacing:1.4px}
 .folder-nav .folder{white-space:normal;flex-shrink:1;gap:7px;padding:11px 8px;font-size:12px;margin-bottom:4px;line-height:1.5}
 .sidebar .signout{padding:18px 5px 0;text-align:left}
 .mail-main{margin:0 0 0 132px;min-width:0;padding:0 12px}.topbar .secure{display:none}
 .heading{flex-wrap:wrap;align-items:flex-start;gap:12px}.heading>div{min-width:0;max-width:100%}.heading h1{font-size:25px;overflow-wrap:anywhere}
 .search{flex-wrap:wrap;padding:10px;gap:8px}.search input{min-width:0;padding:10px 8px}.search button{width:100%;padding:10px}
 .mail-row{grid-template-columns:8px minmax(0,1fr) 40px;gap:7px;padding:14px 10px}.mail-row time{font-size:10px}
 .pagination{align-items:flex-start;gap:8px;flex-wrap:wrap}.compose-form,.message{padding:15px 10px}.field-row{gap:4px}.field-row label{width:30px}.field-row input{min-width:0;padding:12px 5px}
 .message-actions form{flex-wrap:wrap}.compose-bottom{gap:14px}.from strong{margin-left:0;overflow-wrap:anywhere}.from{overflow-wrap:anywhere}
}
@media(max-width:380px){.sidebar{width:112px;padding-left:8px;padding-right:8px}.mail-main{margin-left:112px;padding:0 10px}.sidebar .brand{font-size:15px}.folder-nav .folder{font-size:11px;padding:10px 6px;gap:5px}.sidebar .compose{font-size:11px}}

/* Appearance controls and the Outlook-inspired enterprise palette. */
.theme-picker{border-top:1px solid #3e6357;padding-top:14px;margin-top:16px}.theme-picker label{color:#bed4c4;margin:0 0 8px;font-size:11px}.theme-picker select{width:100%;font:inherit;font-size:12px;border:1px solid #648779;border-radius:6px;padding:9px 7px;background:#214d45;color:#fff}.theme-apply{width:100%;margin-top:8px;padding:8px;background:#345f53;color:white;font-size:11px}.sidebar .account{padding-top:16px;margin-top:16px}
[data-theme="enterprise"]{font-family:"Segoe UI",Arial,sans-serif;color:#242424;background:#f3f2f1;--ink:#0f6cbd;--teal:#0f6cbd;--line:#e1dfdd;--muted:#605e5c}
[data-theme="enterprise"] .sidebar{background:#f3f2f1;color:#242424;border-right:1px solid #e1dfdd;padding-top:28px}
[data-theme="enterprise"] .sidebar .brand{color:#242424;font-size:20px;letter-spacing:-.4px}[data-theme="enterprise"] .sidebar .brand span{color:#0f6cbd}[data-theme="enterprise"] .sidebar .brand small{color:#605e5c;letter-spacing:1.5px}
[data-theme="enterprise"] .compose{background:#0f6cbd;color:white;border-radius:4px;margin-top:29px}
[data-theme="enterprise"] .folder-heading{color:#605e5c}[data-theme="enterprise"] .folder{color:#323130;border-radius:3px;padding-top:11px;padding-bottom:11px;border-left:3px solid transparent;margin-bottom:2px}[data-theme="enterprise"] .folder.active{background:#cfe4fa;color:#0c3b5e;border-left-color:#0f6cbd;font-weight:650}[data-theme="enterprise"] .folder:hover{background:#e1dfdd;filter:none}[data-theme="enterprise"] .folder.active:hover{background:#c3def7}
[data-theme="enterprise"] .topbar{background:#0f6cbd;color:white;margin:0 -40px;padding:0 30px;height:64px;border:0}[data-theme="enterprise"] .topbar .eyebrow{color:white;font-size:13px;letter-spacing:.5px}[data-theme="enterprise"] .topbar .secure{color:#e5f1fc}
[data-theme="enterprise"] .heading{margin-top:28px}[data-theme="enterprise"] h1{font-size:28px;font-weight:600;letter-spacing:-.5px}[data-theme="enterprise"] h2{font-weight:600}[data-theme="enterprise"] .search{border-radius:4px;padding:10px;background:white}[data-theme="enterprise"] .search input{background:white;border-radius:2px}
[data-theme="enterprise"] button,[data-theme="enterprise"] .button,[data-theme="enterprise"] .primary{border-radius:4px}[data-theme="enterprise"] .primary{background:#0f6cbd;color:white}[data-theme="enterprise"] .secondary{background:white;color:#323130;box-shadow:inset 0 0 0 1px #d2d0ce}
[data-theme="enterprise"] .message-list{border-radius:3px}[data-theme="enterprise"] .mail-row{padding-top:16px;padding-bottom:16px;border-color:#edebe9;color:#323130}[data-theme="enterprise"] .mail-row.unread{background:#fff;color:#242424}[data-theme="enterprise"] .mail-row.unread .subject{color:#0f6cbd}[data-theme="enterprise"] .mail-row:hover{background:#edf5fc;filter:none}[data-theme="enterprise"] .mail-dot{color:#0f6cbd}[data-theme="enterprise"] .mail-row time{color:#605e5c}
[data-theme="enterprise"] .empty h2{font-family:"Segoe UI",Arial,sans-serif;font-weight:400}[data-theme="enterprise"] .empty-icon{color:#0f6cbd}[data-theme="enterprise"] .compose-form,[data-theme="enterprise"] .message{border-radius:4px}[data-theme="enterprise"] input,[data-theme="enterprise"] textarea{color:#242424;border-color:#c8c6c4;border-radius:3px}[data-theme="enterprise"] .field-row label{color:#605e5c}[data-theme="enterprise"] .from strong{color:#242424}
[data-theme="enterprise"] .account,[data-theme="enterprise"] .theme-picker{border-color:#d2d0ce}[data-theme="enterprise"] .account small,[data-theme="enterprise"] .signout,[data-theme="enterprise"] .theme-picker label{color:#605e5c}[data-theme="enterprise"] .avatar{color:white;background:#0f6cbd}[data-theme="enterprise"] .theme-picker select{background:#fff;color:#242424;border-color:#c8c6c4;border-radius:3px}[data-theme="enterprise"] .theme-apply{background:#e1dfdd;color:#242424}
[data-theme="enterprise"] .welcome{background:#0f6cbd}[data-theme="enterprise"] .welcome h1{font-family:"Segoe UI",Arial,sans-serif;font-weight:400}[data-theme="enterprise"] .welcome p,[data-theme="enterprise"] .welcome .eyebrow,[data-theme="enterprise"] .welcome .brand small{color:#e5f1fc}[data-theme="enterprise"] .welcome .brand span,[data-theme="enterprise"] .wave{color:#cfe4fa}
@media(max-width:950px){[data-theme="enterprise"] .topbar{margin:0 -22px;padding:0 22px}}
@media(max-width:650px){.theme-picker{padding-top:12px;margin-top:12px}.theme-picker select{font-size:11px;padding:8px 4px}.theme-apply{padding:8px 3px;font-size:10px}[data-theme="enterprise"] .sidebar{padding-top:22px}[data-theme="enterprise"] .sidebar .brand{font-size:17px}[data-theme="enterprise"] .topbar{margin:0 -12px;padding:0 12px;height:52px}[data-theme="enterprise"] .topbar .eyebrow{font-size:10px}[data-theme="enterprise"] .folder{padding:10px 6px}[data-theme="enterprise"] .heading h1{font-size:24px}[data-theme="enterprise"] .mail-row{padding-top:14px;padding-bottom:14px}}
@media(max-width:380px){[data-theme="enterprise"] .sidebar .brand{font-size:15px}[data-theme="enterprise"] .topbar{margin:0 -10px;padding:0 10px}}
/* Shared branding and customizable surfaces. */
:root{--surface:#fff;--soft:#edf3ed;--text:#183c37}.brand-logo{display:block;text-align:center;background:#fff;border-radius:9px;padding:10px 8px;color:#365b52;flex-shrink:0}.brand-logo img{display:block;width:100%;height:70px;object-fit:contain}.brand-logo>span{display:block;font-size:8px;letter-spacing:1.8px;color:#476459;margin:6px 0 0;font-weight:700}.login-logo{max-width:350px}.login-logo img{height:100px}.welcome>.brand-logo{display:block}.community-entry{border-top:1px solid #668176;margin-top:12px;padding-top:12px}.community-entry .folder{font-size:12px;padding:9px 10px;margin:0}.theme-picker details>summary{cursor:pointer;color:inherit;font-weight:650;font-size:12px;padding:4px 0}.theme-picker label{margin-top:12px}.sidebar .folder-nav{min-height:80px}.sidebar .account{font-size:10px}.sidebar .account .avatar{padding:9px 11px}
[data-theme="minimal"]{--ink:#253642;--teal:#30495b;--line:#e2e5e8;--muted:#69747d;--surface:#fff;--soft:#f3f5f7;--text:#26343e;background:#f8f9fa;color:var(--text);font-family:Arial,sans-serif}[data-theme="minimal"] .sidebar{background:#fff;color:#26343e;border-right:1px solid var(--line)}[data-theme="minimal"] .folder{color:#465662;border-radius:4px}[data-theme="minimal"] .folder.active{background:#eaf0f5;color:#253642;border-left:3px solid #30495b}[data-theme="minimal"] .folder-heading,[data-theme="minimal"] .signout,[data-theme="minimal"] .theme-picker label,[data-theme="minimal"] .account small{color:#69747d}[data-theme="minimal"] .theme-picker,[data-theme="minimal"] .account,[data-theme="minimal"] .community-entry{border-color:var(--line)}[data-theme="minimal"] .theme-picker select{background:#f8f9fa;color:#26343e;border-color:#d3dbe0}[data-theme="minimal"] .theme-apply{background:#eaf0f5;color:#26343e}[data-theme="minimal"] .compose{background:#30495b;color:#fff}[data-theme="minimal"] .secondary{background:#edf1f4;color:#30495b}[data-theme="minimal"] .message-list,[data-theme="minimal"] .search,[data-theme="minimal"] .message,[data-theme="minimal"] .compose-form{border-radius:4px}[data-theme="minimal"] .mail-row.unread{background:#fafbfd;color:#26343e}[data-theme="minimal"] .empty h2{font-family:Arial,sans-serif}
[data-theme="dark"]{color-scheme:dark;--ink:#152331;--teal:#82d3d0;--line:#354757;--muted:#aebdca;--surface:#1b2937;--soft:#263849;--text:#e4ebf0;background:#101b25;color:var(--text)}[data-theme="dark"] .sidebar{background:#152331;border-right:1px solid var(--line)}[data-theme="dark"] .folder{color:#c5d3df}[data-theme="dark"] .folder.active{background:#2a465d;color:#fff}[data-theme="dark"] .folder-heading,[data-theme="dark"] .signout,[data-theme="dark"] .account small,[data-theme="dark"] .theme-picker label{color:#aebdca}[data-theme="dark"] .theme-picker select{background:#263849;color:#e4ebf0;border-color:#536a7d}[data-theme="dark"] .theme-apply{background:#314b61;color:#e4ebf0}[data-theme="dark"] .compose,[data-theme="dark"] .primary{background:#82d3d0;color:#0d2730}[data-theme="dark"] .secondary{background:#304658;color:#e4ebf0}[data-theme="dark"] .message-list,[data-theme="dark"] .message,[data-theme="dark"] .compose-form,[data-theme="dark"] .search{background:var(--surface)}[data-theme="dark"] .mail-row{color:#d2dee7;border-color:#354757}[data-theme="dark"] .mail-row.unread{background:#243849;color:#fff}[data-theme="dark"] .mail-row:hover{background:#2d475c}[data-theme="dark"] input,[data-theme="dark"] textarea,[data-theme="dark"] .search input{background:#14212d;color:#e4ebf0;border-color:#536a7d}[data-theme="dark"] .mail-dot,[data-theme="dark"] .empty-icon{color:#82d3d0}[data-theme="dark"] .mail-row time,[data-theme="dark"] .fine,[data-theme="dark"] footer,[data-theme="dark"] .secure,[data-theme="dark"] .message-meta time,[data-theme="dark"] .field-row label{color:#aebdca}[data-theme="dark"] .from strong{color:#e4ebf0}[data-theme="dark"] .avatar{background:#314b61}[data-theme="dark"] .success{background:#15392f;color:#c4efdb;border-color:#3d7860}[data-theme="dark"] .error{background:#472a2a;color:#ffd7ca;border-color:#8c5e55}[data-theme="dark"] .field-row,[data-theme="dark"] .compose-form textarea{border-color:var(--line)}[data-theme="dark"] .eyebrow{color:#a9cbd0}
[data-theme="enterprise"]{--surface:#fff;--soft:#edf4fc;--text:#242424}[data-theme="enterprise"] .community-entry{border-color:#d2d0ce}
html[data-density="compact"] .mail-row{padding-top:11px;padding-bottom:11px}html[data-density="spacious"] .mail-row{padding-top:27px;padding-bottom:27px}html[data-font-size="small"] .message-body,html[data-font-size="small"] .mail-row,html[data-font-size="small"] .chat-post p{font-size:12px}html[data-font-size="large"] .message-body,html[data-font-size="large"] .mail-row,html[data-font-size="large"] .chat-post p{font-size:17px}html[data-font-size="large"] input,html[data-font-size="large"] textarea{font-size:16px}
@media(max-width:650px){.brand-logo{padding:7px 4px}.brand-logo img{height:43px}.brand-logo>span{font-size:6px;letter-spacing:.5px}.sidebar .compose{margin-top:16px;margin-bottom:14px}.community-entry{margin-top:8px;padding-top:8px}.community-entry .folder{font-size:10px;padding:7px 4px}.theme-picker details>summary{font-size:10px}.sidebar .folder-nav{min-height:80px}.login-logo{max-width:280px}.login-logo img{height:85px}.theme-picker label{font-size:10px}html[data-font-size="large"] .mail-row .sender,html[data-font-size="large"] .mail-row .subject{font-size:14px}}