.mail-client,.mail-content,.mail-workspace,.mail-rail,.mail-reader,.mail-preview{min-width:0}.mail-client [hidden]{display:none!important}.mail-tabs,.mail-template-tabs{flex-wrap:wrap;gap:8px}.mail-tools{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.mail-tools>.search{flex:1 1 220px}.mail-summary{display:flex;flex-wrap:wrap;gap:6px 16px;margin:18px 0}.mail-capacity{margin-left:auto}.mail-workspace{display:grid;grid-template-columns:minmax(240px,34%) minmax(0,1fr);gap:24px;align-items:start}.mail-rail{border:1px solid var(--line);border-radius:8px;overflow:hidden}.mail-list{display:flex;flex-direction:column;min-width:0;max-height:620px;overflow:auto;overscroll-behavior:contain}.mail-rail>.pager{padding:12px}.mail-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;width:100%;padding:17px 16px;min-width:0;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;color:var(--text);font:inherit;cursor:var(--click)}.mail-entry:last-child{border-bottom:0}.mail-entry.active{background:var(--panel);box-shadow:inset 3px 0 var(--orange)}.mail-entry:hover,.mail-entry:focus-visible{background:var(--panel)}.mail-entry>span{min-width:0;overflow-wrap:anywhere}.mail-entry>time{grid-column:2;grid-row:1;align-self:start;white-space:nowrap;font-size:9px}.mail-subject{grid-column:1/-1;font-size:13px;line-height:1.6;order:1}.mail-correspondent{grid-column:1;grid-row:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-unread .mail-subject{font-weight:700;color:var(--bright)}.mail-snippet{grid-column:1/-1;order:2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.mail-status{display:inline-block;margin-left:10px;font-size:9px;font-weight:400}.mail-reader>.row{gap:10px;align-items:end;flex-wrap:wrap}.mail-destination{flex:1 1 140px;min-width:0;max-width:220px;margin:0}.mail-destination>span{font-size:10px}.mail-destination select{min-height:38px}.mail-reader>.empty{min-height:280px;border:1px solid var(--line);border-radius:8px;display:grid;place-items:center;text-align:center;padding:24px}.mail-letter{margin:18px 0;padding:26px;background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--orange);border-radius:8px;min-width:0;overflow-wrap:anywhere}.mail-letter-brand{margin-bottom:24px}.mail-letter-brand img{display:block;width:165px;max-width:100%;height:auto}.mail-letter>h2{font-size:21px;line-height:1.5;color:var(--bright)}.mail-letter-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.85;font-size:13px;margin-top:24px}.mail-retention{margin-top:20px;line-height:1.7}.mail-compose,.mail-template-editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start;margin-top:22px}.mail-compose>.form,.mail-template-editor>.form{min-width:0;max-width:none}.mail-compose textarea,.mail-template-editor textarea{min-height:300px}.mail-template-editor>div,.mail-template-editor>.mail-preview{min-width:0}.mail-template-tabs{margin-top:24px}.mail-preview>h3{font-size:13px;color:var(--bright);margin:0 0 8px}.mail-preview-envelope{margin:0 0 16px}.mail-preview-envelope>p{margin:4px 0;overflow-wrap:anywhere}.mail-recipient-frame{display:block;width:100%;height:690px;border:1px solid var(--line);border-radius:8px;background:#202427;margin-top:16px}.mail-attachment-list{display:flex;flex-wrap:wrap;gap:10px 18px;min-width:0;margin:14px 0}.mail-attachment-list>.row{gap:8px;min-width:0;max-width:100%}.mail-attachment-list .tiny{overflow-wrap:anywhere}.mail-attachment-list .icon-btn{width:28px;height:28px;flex:0 0 28px}.mail-attachment-list>a{display:inline-flex;align-items:center;gap:7px;overflow-wrap:anywhere}.mail-preferences .check{margin:12px 0}.mail-preferences .tiny{max-width:650px}@media(max-width:1050px){.mail-compose,.mail-template-editor{grid-template-columns:minmax(0,1fr);gap:24px}.mail-recipient-frame{height:720px}}@media(max-width:820px){.mail-workspace{grid-template-columns:minmax(0,1fr);gap:22px}.mail-list{max-height:310px}.mail-capacity{margin-left:0}.mail-letter{padding:20px}.mail-reader>.empty{min-height:150px}.mail-tools>.search{flex-basis:100%}}@media(max-width:420px){.mail-entry{padding:14px 12px;gap:5px 8px}.mail-entry>time{font-size:8px}.mail-subject{font-size:12px}.mail-letter{padding:16px}.mail-letter>h2{font-size:18px}.mail-letter-body{font-size:12px}.mail-reader>.row>.btn{flex:1 1 auto}.mail-destination{max-width:none;flex-basis:100%}}
/* Developed by Flexxi */