.imail{width:100%;color:#24152d}.imail-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.imail-heading h1{font-size:30px;margin:5px 0}.imail-heading p{color:#6b6171;margin:0}.imail-primary{background:#fa197b;color:white!important;border:0;border-radius:11px;padding:12px 19px;display:inline-block;text-decoration:none;font-weight:700;cursor:pointer}.imail-nav{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.imail-nav a{padding:10px 17px;border:1px solid #f5c5da;border-radius:9px;text-decoration:none;color:#392a3f}.imail-nav a.selected{background:#ffeaf3;color:#d31868;border-color:#e62b7e}.imail-panel{border:1px solid #f1dbe5;border-radius:16px;padding:22px;background:#fff;margin-bottom:18px}.imail-panel h2{margin:0 0 18px;font-size:22px}.imail-form{display:grid;gap:14px;margin-top:18px}.imail-form label{display:grid;gap:7px;font-weight:600}.imail-form input,.imail-form textarea{width:100%;border:1px solid #ded2df;border-radius:9px;padding:12px;font:inherit;box-sizing:border-box}.imail-form textarea{resize:vertical}.imail-form button{justify-self:start}.imail-list{display:grid}.imail-item{display:flex;align-items:center;gap:12px;padding:15px 5px;border-top:1px solid #f3e7ed;text-decoration:none;color:inherit}.imail-item.unread{background:#fff4f9}.imail-dot{color:#f01979}.imail-item-main{display:grid;gap:5px;flex:1;min-width:0}.imail-item-main strong{overflow-wrap:anywhere}.imail-item-main small,.imail-item time{color:#746977}.imail-messages{display:grid;gap:12px;margin:22px 0}.imail-message{border:1px solid #efe0e7;background:#faf8fa;border-radius:12px;padding:15px}.imail-message.mine{background:#fff0f7;border-color:#f8cadd}.imail-message>div{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.imail-message time{font-size:12px;color:#756c78}.imail-message p{white-space:normal;overflow-wrap:anywhere;margin:12px 0 0}.imail-delete{margin-top:22px}.imail-delete button{border:0;background:none;color:#9e3862;text-decoration:underline;cursor:pointer}.imail-success{padding:12px;background:#e9f8f0;border-radius:8px}@media(max-width:650px){.imail-heading{align-items:flex-start;flex-direction:column}.imail-panel{padding:15px}.imail-item time{font-size:11px}.imail-heading h1{font-size:25px}}