.email-bubble{box-sizing:border-box;width:fit-content;max-width:70%;padding:10px 14px;border-radius:12px;cursor:pointer;background:#fff;box-shadow:0 1px 2px #0000001a;transition:box-shadow .2s;border:2px solid transparent;overflow-wrap:anywhere;color:#182332;text-align:left}
.email-bubble[data-direction="outgoing"]{background:#dcf8c6}
.email-bubble.selected{border-color:#087eaf;box-shadow:0 0 0 3px #087eaf22}
.email-bubble:focus-visible{outline:2px solid #087eaf;outline-offset:2px}
.email-bubble:hover{box-shadow:0 4px 12px #00000026}
.email-bubble__subject{font-weight:600;margin-bottom:4px;font-size:13px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.email-bubble__preview{margin-bottom:6px;font-size:13px;line-height:1.45;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:2.9em}
.email-bubble__date{font-size:11px;color:#666;text-align:right;line-height:1.4}
@media(max-width:600px){.email-bubble{max-width:88%}}