body[data-page="mail"] .content{max-width:1600px}.mail-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 26px}.mail-heading h1{font-size:clamp(32px,4vw,48px);letter-spacing:-1.8px;margin:8px 0}.mail-heading p,.mail-footnote{color:#a5b3c6;font-size:13px;line-height:1.7}.mail-controls{display:flex;gap:16px;align-items:end}.mail-controls label{display:grid;gap:7px;font-size:12px;color:#bac8d8}.mail-controls select,.mail-controls input,.mail-actions textarea{background:#111c2b;color:#edf3fa;border:1px solid #34455b;border-radius:9px;padding:11px 12px;font:inherit;width:100%;min-width:0}.mail-controls>label{min-width:210px}.mail-controls form{display:flex;gap:8px;flex:1;align-items:end}.mail-controls form label{flex:1}.mail-views{display:flex;gap:8px;margin:24px 0 0;overflow:auto;padding-bottom:6px}.mail-views button{border:1px solid transparent;border-radius:8px;background:transparent;color:#b8c6d7;padding:10px 13px;white-space:nowrap;font:inherit;font-size:13px;cursor:pointer}.mail-views button span{margin-left:9px;opacity:.75;font-variant-numeric:tabular-nums}.mail-views button[aria-pressed=true]{color:#f3ddb0;background:#322b20;border-color:#6c5634}.mail-notice{font-size:12px;min-height:20px;color:#aabbd0;margin:8px 0}.mail-notice.error{color:#ffb5b5}.mail-layout{display:grid;grid-template-columns:minmax(300px,0.85fr) minmax(0,1.3fr);border:1px solid #304056;border-radius:14px;overflow:hidden;background:#0e1826;min-height:570px;height:calc(100dvh - 340px);max-height:900px}.mail-index{display:flex;flex-direction:column;min-height:0;border-right:1px solid #304056;min-width:0}.mail-list-caption{padding:16px 20px;font-size:12px;color:#b2c3d7;border-bottom:1px solid #26364b}.mail-list{overflow:auto;flex:1;min-height:0}.mail-row{width:100%;text-align:left;display:grid;gap:9px;border:0;border-bottom:1px solid #243346;background:transparent;color:#e3ebf5;padding:18px 20px;cursor:pointer;font:inherit;position:relative}.mail-row:hover{background:#162538}.mail-row.is-selected{background:#1d2e43;box-shadow:inset 3px 0 #dfbe7d}.mail-row-top,.mail-row-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0}.mail-row-top strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-row-top time{font-size:10px;color:#a3b5cd;white-space:nowrap}.mail-subject{font-size:14px;font-weight:600;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mail-row-bottom{font-size:10px;color:#a5b7cc}.mail-row-bottom span:last-child{color:#e2c791;white-space:nowrap}.mail-pages{display:flex;align-items:center;justify-content:space-between;padding:12px;gap:8px;border-top:1px solid #304056}.mail-pages span{font-size:11px;color:#b1c0d1}.mail-pages .btn{font-size:11px;padding:8px}.mail-reader{overflow:auto;padding:28px;min-width:0;background:#111e2e}.mail-reader-header h2{font-size:25px;line-height:1.3;letter-spacing:-.5px;overflow-wrap:anywhere;margin:12px 0 18px}.mail-reader-header p{font-size:12px;line-height:1.9;color:#b4c3d7;overflow-wrap:anywhere}.mail-reader-header strong{font-weight:500;color:#e6edf8;margin-right:6px}.mail-assessment{border-left:3px solid #d5b578;background:#243040;padding:15px 18px;margin:22px 0;font-size:13px;line-height:1.7}.mail-assessment strong{color:#e6cc9e}.mail-assessment p{margin:5px 0 0;overflow-wrap:anywhere;white-space:pre-wrap}.mail-body-note{font-size:11px;color:#a2b5cf;margin:22px 0 12px}.mail-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.85;color:#e3eaf3}.mail-actions{border-top:1px solid #34455b;margin-top:28px;padding-top:22px;display:grid;gap:16px}.mail-actions>div{display:flex;flex-wrap:wrap;gap:8px}.mail-actions label{display:grid;gap:8px;font-size:12px}.mail-actions label span,.mail-actions small{color:#aebcd0;font-size:11px}.mail-empty{padding:34px 24px;line-height:1.7;color:#adbed3}.mail-empty h2{color:#dce6f3;font-size:21px;line-height:1.4}.mail-empty p{font-size:13px}.mail-reader-empty{display:flex;flex-direction:column;justify-content:center;height:100%;max-width:390px;margin:auto;text-align:center}.mail-envelope{font-size:48px;color:#d0b680}.mail-back{display:none}#mail-desk button:focus-visible,#mail-desk input:focus-visible,#mail-desk select:focus-visible,#mail-desk textarea:focus-visible{outline:2px solid #dfbe7d;outline-offset:3px}#mail-desk button:disabled{opacity:.45;cursor:default}.mail-footnote{font-size:11px;margin-top:14px}
@media(max-width:1000px){.mail-controls{flex-wrap:wrap}.mail-controls>label{min-width:160px}.mail-layout{grid-template-columns:minmax(250px,.8fr) minmax(0,1fr)}.mail-row{padding:15px}.mail-reader{padding:20px}.mail-row-top{display:block}.mail-row-top strong{display:block}.mail-row-top time{display:block;margin-top:5px}}
@media(max-width:700px){.mail-heading{align-items:start}.mail-heading .btn{font-size:11px;white-space:nowrap}.mail-controls>label{width:100%}.mail-controls form{min-width:100%}.mail-controls>button{width:100%}.mail-views{margin-top:16px}.mail-layout{display:block;height:auto;min-height:420px;max-height:none}.mail-index{border-right:0}.mail-list{max-height:65dvh}.mail-reader{display:none}.reading .mail-index{display:none}.reading .mail-reader{display:block}.mail-back{display:inline-flex;margin-bottom:18px}.mail-reader-header h2{font-size:23px}.mail-reader-empty{display:none}.mail-pages{position:sticky;bottom:0;background:#0e1826}.mail-row-top{display:flex}.mail-row-top time{margin:0}.mail-heading h1{font-size:32px}.mail-heading p{font-size:12px}}
#mail-search{margin:0}#mail-search label,.mail-controls>label{margin:0}.mail-controls input,.mail-controls select{height:43px}.mail-controls .btn{min-height:43px}.mail-reader:focus{outline:none}
.mail-compose{border-top:1px solid #34455b;padding-top:16px}.mail-compose summary{cursor:pointer;font-size:13px;color:#e4cd9b;margin-bottom:12px}.mail-compose p{font-size:11px;color:#aebcd0}.mail-compose .btn{margin-top:12px}
@media(max-width:700px){#mail-desk.reading .mail-controls,#mail-desk.reading .mail-views{display:none}.mail-reader{scroll-margin-top:12px}}
.mail-controls{display:grid;grid-template-columns:minmax(170px,.8fr) minmax(240px,1.2fr) auto}.mail-controls>label{min-width:0}.mail-controls>label:nth-child(2){grid-column:2 / 4}.mail-controls form{grid-column:1 / 3;min-width:0}.mail-scope{color:#c9d7e7;font-size:12px;line-height:1.6;margin:14px 0 0;overflow-wrap:anywhere}.mail-row-mailbox{font-size:11px;line-height:1.5;color:#b7dcd5;overflow-wrap:anywhere}.mail-scope+.mail-views{margin-top:12px}.mail-list-caption{overflow-wrap:anywhere}
@media(max-width:700px){.mail-controls{display:flex;flex-direction:column;align-items:stretch}.mail-controls form{min-width:0;width:100%}.mail-controls>label{width:100%}.mail-scope{font-size:11px}}
