.mailbox-page{max-width:1680px}.mailbox-page .page-header h1{font-size:clamp(40px,5vw,68px)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mail-notice{color:#c3d3b4;overflow-wrap:anywhere;background:#161b13;border:1px solid #536049;margin-bottom:18px;padding:13px 17px;font-size:13px}.mail-setup{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:340px;padding:30px;display:flex}.mail-setup h2{font:600 24px var(--font-display);letter-spacing:-.04em}.mail-setup p{max-width:400px;color:var(--color-mute);font-size:13px}.mail-empty-icon{font:500 34px var(--font-mono);color:var(--color-flare);border:1px solid #3a3d36;place-items:center;width:64px;height:64px;margin-bottom:4px;display:grid}.mail-account{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:0 0 20px;display:flex}.mail-account label{align-items:center;gap:12px;min-width:0;display:flex}.mail-account label>span{font:500 9px var(--font-mono);text-transform:uppercase;color:var(--color-mute)}.mail-account select{border:1px solid var(--color-line);background:#151713;min-width:0;max-width:100%;padding:8px 12px;font-size:13px}.mail-connection{font:400 9px var(--font-mono);color:var(--color-mute);align-items:center;gap:8px;display:flex}.mail-folders{border-bottom:1px solid var(--color-line);flex-wrap:wrap;gap:6px;margin-bottom:20px;padding-bottom:14px;display:flex}.mail-folders button{color:var(--color-mute);border:1px solid #0000;align-items:center;gap:9px;padding:10px 15px;font-size:12px;display:flex}.mail-folders button span{font:500 15px var(--font-mono)}.mail-folders button:hover{color:var(--color-bone)}.mail-folders button.is-active{color:var(--color-bone);background:#1b1d17;border-color:#494c42}.mail-folders button.is-active span{color:var(--color-flare)}.mail-workspace{border:1px solid var(--color-line);background:#10110f;grid-template-columns:minmax(250px,34%) minmax(0,1fr);min-height:640px;display:grid}.mail-list-panel{border-right:1px solid var(--color-line);flex-direction:column;min-width:0;display:flex}.mail-search{border-bottom:1px solid var(--color-line);gap:10px;padding:16px;display:flex}.mail-search label{flex:1;min-width:0}.mail-search input{background:0 0;border:0;border-bottom:1px solid #3a3d36;outline:0;width:100%;min-height:36px;padding:7px 0;font-size:12px}.mail-search input:focus{border-color:var(--color-flare)}.mail-search button{color:var(--color-mute);padding:2px 8px;font-size:24px}.mail-search button:hover{color:var(--color-flare)}.mail-list-heading{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.mail-list-heading strong{font:500 10px var(--font-mono);text-transform:uppercase}.mail-list-heading>span{font:400 9px var(--font-mono);color:var(--color-mute)}.mail-message-list{max-height:700px;overflow-y:auto}.mail-row{text-align:left;border-bottom:1px solid var(--color-line);flex-direction:column;gap:6px;width:100%;padding:17px 16px;display:flex;position:relative}.mail-row:hover{background:#181a15}.mail-row.is-selected{box-shadow:inset 3px 0 var(--color-flare);background:#1d2119}.mail-row.is-unread .mail-row-subject{color:var(--color-bone);font-weight:650}.mail-row-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.mail-row-top strong{text-overflow:ellipsis;white-space:nowrap;color:#a8ad9e;min-width:0;font-size:11px;font-weight:450;overflow:hidden}.mail-row-top time{font:400 8px var(--font-mono);color:var(--color-mute);white-space:nowrap;flex-shrink:0}.mail-row-subject{white-space:nowrap;text-overflow:ellipsis;color:#bfc3b7;font-size:13px;overflow:hidden}.mail-row-subject i{color:#cead78;margin-right:7px;font-style:normal}.mail-row-preview{color:#858b7b;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.mail-row-bottom{align-items:center;gap:10px;min-height:12px;display:flex}.mail-row-bottom small{font:400 8px var(--font-mono);color:#a1a68d}.mail-unread-dot{background:var(--color-flare);width:5px;height:5px;margin-left:auto}.mail-empty{text-align:center;color:var(--color-mute);gap:10px;padding:38px 18px;font-size:12px;display:grid}.mail-empty small{font-size:11px}.mail-load-more{border-top:1px solid var(--color-line);font:400 10px var(--font-mono);color:var(--color-bone);margin-top:auto;padding:14px}.mail-load-more:hover{color:var(--color-flare)}.mail-reader{min-width:0;overflow:hidden}.mail-reader-empty{text-align:center;min-height:600px;color:var(--color-mute);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:40px;display:flex}.mail-reader-empty h2{color:var(--color-bone);font:600 clamp(22px,2.5vw,30px) var(--font-display);letter-spacing:-.04em}.mail-reader-empty p{max-width:300px;font-size:13px;line-height:1.7}.mail-reader-empty small{font:400 10px var(--font-mono);overflow-wrap:anywhere}.mail-reader-actions{border-bottom:1px solid var(--color-line);flex-wrap:wrap;align-items:center;gap:6px;padding:14px 20px;display:flex}.mail-button{min-height:34px;font:500 9px var(--font-mono);color:#c3c9b5;border:1px solid #41463a;justify-content:center;align-items:center;padding:6px 10px;line-height:1.5;display:inline-flex}.mail-button:hover{border-color:var(--color-flare);color:var(--color-flare)}.mail-button.mail-danger{color:#e4a48f;border-color:#69463c}.mail-button:disabled,.mailbox-page button:disabled{opacity:.5;cursor:wait}.mail-back{display:none}.mail-reader-header{border-bottom:1px solid var(--color-line);padding:28px 24px 22px}.mail-status{font:500 9px var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--color-flare)}.mail-reader-header h2{font:600 clamp(21px,2.4vw,30px)/1.3 var(--font-display);letter-spacing:-.035em;overflow-wrap:anywhere;margin:12px 0 22px}.mail-reader-header dl{gap:7px;display:grid}.mail-reader-header dl>div{grid-template-columns:44px minmax(0,1fr);gap:8px;font-size:11px;display:grid}.mail-reader-header dt{color:#858b7b}.mail-reader-header dd{overflow-wrap:anywhere;color:#c2c8b7}.mail-body-toggle{border-bottom:1px solid var(--color-line);flex-wrap:wrap;align-items:center;gap:10px;padding:13px 24px;display:flex}.mail-body-toggle button{font:400 9px var(--font-mono);color:var(--color-mute);padding:4px 0}.mail-body-toggle button[aria-pressed=true]{color:var(--color-flare);border-bottom:1px solid var(--color-flare)}.mail-body-toggle small{color:var(--color-mute);margin-left:auto;font-size:10px}.mail-text{white-space:pre-wrap;overflow-wrap:anywhere;color:#d0d4c9;min-height:180px;padding:26px 24px;font-size:13px;line-height:1.9}.mail-html{background:#fff;border:0;width:100%;height:500px;display:block}.mail-reader>.document-error{margin:16px 24px}.mail-attachments{gap:8px;padding:10px 24px 24px;display:grid}.mail-attachments h3{font:500 9px var(--font-mono);text-transform:uppercase;color:var(--color-mute);margin-bottom:3px}.mail-attachments button{border:1px solid var(--color-line);text-align:left;background:#151713;align-items:center;gap:10px;min-width:0;padding:11px 12px;display:flex}.mail-attachments button>span{color:var(--color-flare)}.mail-attachments strong{overflow-wrap:anywhere;min-width:0;font-size:11px;font-weight:450}.mail-attachments small{font:400 9px var(--font-mono);white-space:nowrap;color:var(--color-mute);margin-left:auto}.mail-reader-footer{border-top:1px solid var(--color-line);flex-wrap:wrap;align-items:center;gap:10px;padding:20px 24px;display:flex}.mail-compose{color:var(--color-bone);background:#11130f;border:1px solid #515347;width:min(760px,100% - 30px);max-height:calc(100dvh - 40px);margin:auto;padding:0;position:fixed;inset:0;overflow:auto}.mail-compose::backdrop{background:#000000c2}.mail-compose header{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.mail-compose header small{font:400 10px var(--font-mono);color:var(--color-flare);overflow-wrap:anywhere}.mail-compose header h2{font:600 28px var(--font-display);letter-spacing:-.04em;margin-top:5px}.mail-compose header button{color:var(--color-mute);padding:6px 10px;font-size:30px}.mail-compose fieldset{border:0;min-width:0}.mail-compose fieldset>label{border-bottom:1px solid var(--color-line);grid-template-columns:64px minmax(0,1fr);align-items:baseline;gap:8px 12px;padding:13px 24px;display:grid}.mail-compose label>span{font:500 9px var(--font-mono);text-transform:uppercase;color:var(--color-mute)}.mail-compose input:not([type=file]),.mail-compose textarea{background:0 0;border:0;outline:0;width:100%;min-height:30px;font-size:13px}.mail-compose input:focus,.mail-compose textarea:focus{outline-offset:4px;outline:1px solid #716047}.mail-compose label>small{color:#989e8e;grid-column:2;font-size:10px}.mail-compose fieldset>label.mail-compose-body{grid-template-columns:1fr;gap:12px;padding-top:19px}.mail-compose textarea{resize:vertical;min-height:180px;line-height:1.8}.mail-compose-files{flex-wrap:wrap;align-items:center;gap:8px;padding:14px 24px;display:flex}.mail-compose-files>span{background:#202319;align-items:center;gap:7px;max-width:100%;padding:5px 9px;display:flex}.mail-compose-files>span strong{overflow-wrap:anywhere;font-size:11px;font-weight:400}.mail-compose-files>span button{color:#c3b198;font-size:18px}.mail-compose-files label{border:1px solid var(--color-line);cursor:pointer;padding:7px 10px;display:block;position:relative;overflow:hidden}.mail-compose-files label:focus-within{outline:1px solid var(--color-flare)}.mail-compose-files input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.mail-compose-files>small{color:var(--color-mute);font-size:10px}.mail-compose footer{border-top:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:12px;padding:17px 24px;display:flex}.mail-compose .document-error{margin:14px 24px}@media (width<=1200px){.mail-workspace{grid-template-columns:minmax(240px,40%) minmax(0,1fr)}.mail-reader-actions{padding:12px}.mail-reader-header,.mail-text{padding:22px 18px}.mail-row-top{flex-wrap:wrap;gap:5px}.mail-row-top strong{width:100%}}@media (width<=950px){.mail-workspace{grid-template-columns:1fr;min-height:450px}.mail-list-panel{border-right:0}.mail-message-list{max-height:none}.mail-reader,.mail-list-panel.has-reader{display:none}.mail-list-panel.has-reader+.mail-reader{display:block}.mail-reader-empty{display:none}.mail-back{display:inline-flex}.mail-list-heading{padding:14px 18px}.mail-row-top{flex-wrap:nowrap}.mail-row-top strong{width:auto}.mail-row{padding:18px}.mail-list-panel.has-reader+.mail-reader:has(.mail-reader-empty){display:none}}@media (width<=450px){.mail-account{flex-direction:column;align-items:flex-start}.mail-account label{flex-wrap:wrap;width:100%}.mail-account select{width:100%}.mail-folders{gap:2px}.mail-folders button{gap:6px;padding:9px 10px;font-size:11px}.mail-row-top{flex-wrap:wrap}.mail-row-top strong{width:100%}.mail-reader-actions{gap:6px}.mail-reader-header dl>div{grid-template-columns:32px minmax(0,1fr)}.mail-compose{width:calc(100% - 16px);max-height:calc(100dvh - 20px)}.mail-compose header,.mail-compose footer{padding:16px}.mail-compose fieldset>label{grid-template-columns:45px minmax(0,1fr);padding:13px 16px}.mail-compose-files{padding:12px 16px}.mail-compose header h2{font-size:24px}}