.mail-page{padding-top:38px;padding-bottom:65px}.mail-page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.mail-page-heading h1{font-size:38px;letter-spacing:-1px;margin:12px 0}.mail-support{font-size:11px;color:var(--muted)}#mail-notice:not(:empty){padding:14px 18px;margin-bottom:20px;background:#e9eee5;border-left:3px solid var(--green);font-size:13px;line-height:1.6}#mail-notice.error{background:#f5e9e9;border-color:#a43838}.login-layout{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);background:#fff;min-height:560px}.login-intro{padding:60px 50px;background:linear-gradient(145deg,#352265,#201735);color:white;display:flex;flex-direction:column;justify-content:center}.login-intro h2{font-size:43px;line-height:1.2;margin:32px 0 20px}.login-intro p{color:#c9c1db;max-width:340px}.mail-envelope{font-size:35px;color:#c3daaf}.mail-trust{border-top:1px solid #ffffff22;margin-top:35px;padding-top:22px;font-size:10px;line-height:1.7;color:#d4cde2}.mail-trust span{color:#9ccc7a;margin-right:8px}.login-card{padding:55px 50px}.login-card h2{font-size:31px;margin:15px 0}.login-card>p{font-size:12px;margin-bottom:25px}.login-card .btn{width:100%}.mail-caption{font-size:11px!important;line-height:1.7;margin:22px 0!important}.mail-password-field{display:flex;align-items:stretch;margin-top:8px;border:1px solid #cccbd5}.mail-password-field input{margin:0;border:0;min-width:0}.mail-password-field button{border:0;background:none;font-size:11px;padding:0 14px;color:var(--purple)}.mail-alt{border-top:1px solid var(--line);padding-top:18px;font-size:11px}.mail-alt summary{cursor:pointer;color:var(--purple)}.mail-alt p{font-size:12px}.mail-alt form{margin-top:20px}.mail-button{background:white;border:1px solid var(--line);padding:9px 13px;color:var(--purple);font-size:11px;cursor:pointer}.mail-button:disabled,.mail-page button:disabled,.compose-dialog button:disabled{opacity:.5;cursor:wait}.mail-workspace-bar{background:white;border:1px solid var(--line);padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:0}.mail-workspace-bar strong{font-size:14px;overflow-wrap:anywhere}.mail-workspace-bar small{display:block;color:var(--muted);font-size:10px;margin-top:7px}.mail-tools{display:flex;gap:8px}.mail-workspace-grid{display:grid;grid-template-columns:175px 310px minmax(0,1fr);border:1px solid var(--line);background:white;min-height:650px}.mail-sidebar{background:#eeedf3;padding:22px 15px}.mail-sidebar>.btn{padding:13px 11px;font-size:11px;width:100%;gap:5px}.mail-sidebar h3{font:10px Arial,sans-serif;text-transform:uppercase;letter-spacing:1.7px;color:var(--muted);margin:30px 8px 15px}.folder-button{display:block;width:100%;text-align:left;border:0;background:none;color:var(--ink);padding:12px 10px;margin-bottom:3px;font-size:12px;overflow-wrap:anywhere}.folder-button small{display:block;color:var(--muted);font-size:9px;margin-top:5px}.folder-button.active{background:#ded8ec;color:var(--purple);font-weight:bold}.mail-list-panel{border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.mail-list-heading{padding:20px;border-bottom:1px solid var(--line)}.mail-list-heading h2{font-size:24px;margin:0 0 16px}.mail-search-label{margin:0}.mail-search-label input{font-size:11px;padding:10px;margin:0;background:var(--paper)}#mail-messages{flex:1;max-height:550px;overflow-y:auto;min-height:250px}.mail-message{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);background:white;padding:18px 20px;color:var(--ink)}.mail-message:hover,.mail-message.selected{background:#f0edf7}.mail-message strong{font-size:11px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-message.unread strong:before{content:'● ';color:var(--green)}.mail-message time{font-size:9px;color:var(--muted);display:block;margin:7px 0}.mail-message b{font-size:12px;font-weight:normal;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-message small{font-size:10px;color:var(--muted);display:block;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-pagination{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:15px 10px;gap:5px;font-size:10px}.mail-pagination .mail-button{padding:7px 8px;font-size:10px}.mail-reader{padding:26px;overflow-wrap:anywhere;min-width:0;max-height:720px;overflow-y:auto}.mail-reader h2{font-size:26px;margin:10px 0 20px}.mail-reader .meta{font-size:11px;line-height:1.8;color:var(--muted);padding-bottom:20px;border-bottom:1px solid var(--line)}.mail-reader .message-text{font:13px/1.8 Arial,sans-serif;white-space:pre-wrap;margin-top:24px}.message-actions{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}.mail-empty{text-align:center;margin:80px 10px}.mail-empty>span{font-size:40px;color:#aaa2bc}.mail-empty h2{margin-top:23px}.mail-empty p{font-size:12px}.compose-dialog{width:calc(100% - 30px);max-width:700px;padding:28px 32px}.compose-head{display:flex;align-items:center;justify-content:space-between}.compose-head h2{font-size:28px;margin:0 0 24px}.compose-head button{font-size:26px;background:none;border:0;color:var(--ink)}.compose-dialog label{margin-bottom:14px}.compose-dialog label small{font-size:10px;color:var(--muted)}.compose-dialog textarea{min-height:190px}.compose-dialog input[type=file]{font-size:11px;padding:10px}.compose-foot{display:flex;gap:15px;align-items:center;margin-top:20px}#compose-status{font-size:12px;line-height:1.6;color:#933131}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.mail-search-label .sr-only{margin:0}.mail-page~.bottom-cta{display:none}@media(max-width:1100px){.mail-workspace-grid{grid-template-columns:150px 260px minmax(0,1fr)}.login-card{padding:40px 30px}.login-intro{padding:40px 30px}.login-intro h2{font-size:36px}}@media(max-width:850px){.mail-workspace-grid{grid-template-columns:150px minmax(0,1fr)}.mail-reader{grid-column:1/-1;border-top:1px solid var(--line);min-height:300px}.mail-list-panel{border-right:0}.mail-sidebar{grid-row:auto}}@media(max-width:600px){.mail-page{padding-top:27px}.mail-page-heading{display:block}.mail-support{display:inline-block;margin-top:5px}.mail-page-heading h1{font-size:33px}.login-layout{grid-template-columns:1fr}.login-intro{padding:30px}.login-intro h2{font-size:30px;margin:15px 0}.login-intro h2 br{display:none}.login-intro p,.mail-envelope{display:none}.mail-trust{margin-top:12px;padding-top:16px}.login-card{padding:30px 25px}.mail-workspace-bar{align-items:start;padding:17px;flex-direction:column}.mail-workspace-grid{grid-template-columns:1fr}.mail-sidebar{padding:15px}.mail-sidebar h3{margin:20px 0 10px}#mail-folders{display:flex;overflow-x:auto}.folder-button{width:auto;min-width:100px;padding:12px}.mail-reader{grid-column:auto;padding:23px}.compose-dialog{padding:23px}.mail-empty{margin:40px 10px}}