.mail-hero{display:flex;justify-content:space-between;gap:24px;align-items:end;margin:24px 0;padding:28px;border:1px solid rgba(185,244,106,.18);border-radius:18px;background:linear-gradient(135deg,rgba(20,57,39,.92),rgba(8,20,17,.95))}.mail-hero h1{margin:4px 0 8px;font-size:clamp(28px,5vw,48px)}.mail-hero p{margin:0;color:#b7c9bf}.mail-counter{text-align:center}.mail-counter strong{display:block;color:#b9f46a;font-size:34px}.mail-counter span{color:#aebdb5}.mail-read-all{display:flex;justify-content:flex-end;margin:0 0 14px}.mail-read-all button,.mail-actions a,.mail-actions button{border:0;border-radius:9px;padding:10px 14px;background:#b9f46a;color:#102008;font-weight:700;text-decoration:none;cursor:pointer}.mail-list{display:grid;gap:14px}.mail-item{position:relative;padding:22px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:#101b17}.mail-item.unread{border-color:rgba(185,244,106,.5);box-shadow:inset 4px 0 #b9f46a}.mail-item h2{margin:5px 0 9px;font-size:20px}.mail-item p{margin:0 0 12px;color:#cad8d0;line-height:1.55}.mail-item small{color:#87988f}.mail-status{color:#b9f46a;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.mail-actions{display:flex;gap:10px;align-items:center;margin-top:16px}.mail-actions form{margin:0}.mail-actions button{background:#24362d;color:#eaf4ee}.mail-empty{padding:40px;text-align:center;border:1px dashed rgba(255,255,255,.14);border-radius:14px;color:#9eaea5}@media(max-width:640px){.mail-hero{align-items:flex-start;padding:20px}.mail-counter strong{font-size:28px}.mail-item{padding:18px}}
.mail-link{position:relative}.mail-unread-badge{position:absolute;top:3px;right:3px;min-width:18px;height:18px;padding:0 4px;border-radius:10px;background:#ef5b5b;color:#fff;font-size:10px;line-height:18px;text-align:center;box-shadow:0 0 0 2px #0b1711}
.mail-toolbar{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin:0 0 14px}.mail-toolbar form{margin:0}.mail-toolbar button{border:0;border-radius:9px;padding:10px 14px;background:#b9f46a;color:#102008;font-weight:700;cursor:pointer}.mail-toolbar button.secondary{background:#24362d;color:#eaf4ee}.mail-toolbar button.danger,.mail-actions button.danger{background:#512727;color:#ffd9d9}@media(max-width:640px){.mail-toolbar,.mail-actions{align-items:stretch}.mail-toolbar form,.mail-actions form{flex:1 1 100%}.mail-toolbar button,.mail-actions button{width:100%}}