.messages-filters{display:flex;gap:.45rem;overflow-x:auto;margin:1rem 0;padding-bottom:.3rem}.messages-filters button{flex:none;background:#f5f0f2;color:#5c4c54}.messages-filters button[aria-pressed=true]{background:#6f1839;color:#fff}
.messages-layout{display:grid;grid-template-columns:minmax(14rem,19rem) minmax(18rem,1fr) minmax(12rem,16rem);min-height:36rem;max-height:calc(100dvh - 13rem);overflow:hidden;border:1px solid #e5dfe2;border-radius:.8rem;background:#fff}
.messages-list,.messages-contact{min-width:0;overflow-y:auto}.messages-list{border-right:1px solid #eee7ea}.messages-contact{padding:1.2rem;border-left:1px solid #eee7ea}.messages-contact h2{margin:0 0 1rem;font-size:.9rem}.messages-contact strong{overflow-wrap:anywhere}.messages-contact p{color:#71666c;font-size:.84rem}.messages-contact button{width:100%;margin:.4rem 0;text-align:left}.messages-contact input{width:100%;margin:.6rem 0}.messages-contact-matches{display:grid;gap:.35rem}.messages-contact-matches button{margin:0;padding:.55rem;background:#f9f5f7;font-size:.78rem}
.messages-list-item{display:grid;width:100%;gap:.35rem;padding:1rem;border:0;border-bottom:1px solid #eee7ea;border-radius:0;background:#fff;color:#44373e;text-align:left;box-shadow:none}.messages-list-item:hover,.messages-list-item.is-active{background:#f9f0f4}.messages-list-item-top{display:flex;align-items:baseline;justify-content:space-between;gap:.4rem}.messages-list-item-top strong{overflow:hidden;font-size:.85rem;text-overflow:ellipsis;white-space:nowrap}.messages-list-item-top time{flex:none;color:#877a81;font-size:.67rem}.messages-preview{overflow:hidden;color:#766b72;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.messages-list-item small{display:flex;align-items:center;gap:.4rem;color:#8a3151;font-size:.7rem;font-weight:700}.messages-unread{width:.5rem;height:.5rem;border-radius:50%;background:#8a3151}
.messages-thread{display:flex;min-width:0;flex-direction:column}.messages-thread-heading{padding:1rem;border-bottom:1px solid #eee7ea;font-weight:700}.messages-thread-content{display:flex;min-height:0;flex:1;flex-direction:column;gap:.7rem;overflow-y:auto;padding:1rem;background:#fcfafb}.messages-bubble{max-width:min(82%,38rem);padding:.7rem .9rem;border:1px solid #eadfe3;border-radius:.8rem;background:#fff}.messages-bubble.is-outbound{align-self:flex-end;border-color:#eac9d6;background:#f8edf1}.messages-bubble p{margin:0 0 .35rem;overflow-wrap:anywhere;white-space:pre-wrap;font-size:.85rem}.messages-bubble small{color:#83777d;font-size:.68rem}.messages-reply{display:grid;gap:.45rem;padding:1rem;border-top:1px solid #eee7ea}.messages-reply[hidden]{display:none}.messages-reply strong{color:#6f1839;font-size:.78rem}.messages-reply label{font-size:.75rem}.messages-reply textarea{width:100%;resize:vertical}.messages-reply button{justify-self:end}.messages-empty{padding:1.2rem;color:#786d73;font-size:.84rem}
@media(max-width:65rem){.messages-layout{grid-template-columns:minmax(12rem,16rem) minmax(15rem,1fr)}.messages-contact{grid-column:1/-1;border-top:1px solid #eee7ea;border-left:0}.messages-contact button{width:auto;margin-right:.5rem}}
@media(max-width:42rem){.messages-layout{display:flex;max-height:none;flex-direction:column}.messages-list{max-height:15rem;border-right:0;border-bottom:1px solid #eee7ea}.messages-thread{min-height:30rem}.messages-thread-content{min-height:17rem;max-height:28rem}.messages-contact{min-height:8rem}}