.mail-tabs,.mail-toolbar{display:flex;gap:18px;flex-wrap:wrap;align-items:end;margin:24px 0}.mail-tabs a{color:#28584c;font-weight:700}.mail-form{display:grid;gap:16px;max-width:900px}.mail-form label,.mail-toolbar label{display:grid;gap:7px}.mail-form input,.mail-form select,.mail-form textarea,.mail-toolbar input,.mail-toolbar select{padding:12px;border:1px solid #cfd8d5;border-radius:6px;font:inherit;background:#fff;min-width:0;max-width:100%;box-sizing:border-box}.mail-form button,.mail-toolbar button,.mail-button{background:#28584c;color:white;padding:12px 20px;border:0;border-radius:6px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none}.mail-form .mail-check{display:flex;align-items:center;gap:10px}.mail-alert,.mail-success{padding:16px;border-radius:6px;background:#fcebe7;color:#842a20}.mail-success{background:#e4f3e9;color:#28584c}.mail-list{display:grid;gap:10px}.mail-row{display:grid;gap:8px;padding:20px;background:white;border:1px solid #dce4e0;border-radius:8px;color:#33463e;text-decoration:none}.mail-row:hover{border-color:#28584c}.mail-row.unread{border-left:5px solid #28584c}.mail-row small{color:#677a71}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.65}fieldset{border:1px solid #dce4e0;border-radius:6px;padding:15px}.mail-form fieldset label{margin:8px 0}@media(max-width:700px){.mail-toolbar{display:grid}.mail-row{padding:15px}.mail-form{padding:20px}}