.mail-main{margin:0;align-self:start;width:100%}.mail-main .card{margin-bottom:24px}.mail-main h1{font-size:clamp(23px,4vw,29px)}.mail-form{max-width:600px}.mail-form label{display:block;margin:20px 0}.mail-form input:not([type=hidden]),.mail-filters input,.mail-filters select{display:block;width:100%;max-width:100%;padding:12px;border:1px solid #b4c7d4;border-radius:8px;background:#fff;color:#163247;margin-top:7px}.mail-form button{margin-top:12px}.mail-main button:disabled{opacity:.5;cursor:not-allowed}.mail-event{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0;border-bottom:1px solid #dfe9ef;overflow-wrap:anywhere}.mail-event h3{font-size:15px;margin:5px 0 10px}.mail-event time,.mail-event small{font-size:12px;color:#617585}.mail-event form{min-width:180px;max-width:280px}.mail-failed{border-left:4px solid #bd4b35;padding-left:14px;background:#fff7f5}.mail-filters{display:flex;align-items:end;gap:16px;flex-wrap:wrap}.mail-filters label{max-width:100%;font-size:12px}.mail-main .check{display:flex;align-items:flex-start;gap:10px;margin:16px 0}.mail-main .check input{width:18px;height:18px;flex:none;margin:3px 0}.mail-main .muted{font-size:12px;line-height:1.9}@media(max-width:699px){.mail-event{display:block}.mail-event form{margin-top:15px}.mail-main .card{padding:20px}.mail-filters label{width:100%}}

@media(max-width:1099px){.sidebar nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.sidebar nav a{white-space:normal;min-width:0;padding:10px 5px;justify-content:center;text-align:center;font-size:11px}}
.mail-recipient{padding:14px 16px;border:1px solid #c3d9e8;border-radius:10px;background:#f2f8fc;color:#163247;font-weight:700;overflow-wrap:anywhere}