.mail-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.mail-toolbar select{background:#101e17;color:#f5f3ef;border:1px solid #54745a;border-radius:5px;padding:10px}.mail-list{display:grid;gap:8px}.mail-item{display:flex;flex-direction:column;text-align:left;gap:3px;width:100%;background:#152b1f;border:1px solid #31523e;color:#f5f3ef;border-radius:7px;padding:13px 17px;letter-spacing:0;font-size:13px;overflow-wrap:anywhere}.mail-item:hover{background:#244330}.mail-item.mail-unread{border-left:4px solid #ff751f}.mail-row{display:flex;justify-content:space-between;gap:14px}.mail-row time{font-weight:400;font-size:11px;color:#bed3c2}.mail-subject{font-size:14px;color:#ffbb85;font-weight:700}.mail-snippet{color:#b7c5b9;font-weight:400}.mail-flag{color:#ffb16e;font-size:11px}.mail-detail{margin-top:18px;padding:20px;background:#08150e;border:1px solid #527457;border-radius:9px}.mail-detail[hidden]{display:none}.mail-detail h3{font-size:21px;margin:16px 0 8px;overflow-wrap:anywhere}.mail-detail #mail-meta{font-size:12px;color:#c1dac5;white-space:pre-wrap;overflow-wrap:anywhere}.mail-detail pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.65 Inter,Segoe UI,sans-serif;max-height:570px;overflow:auto;color:#eee8df}@media(max-width:560px){.mail-row{flex-direction:column;gap:2px}}