.listing-message-inbox{width:min(880px,100% - 2rem);min-width:0}.listing-message-inbox__surface{background:#fff;border:1px solid #e2e8f0;border-radius:1.25rem;max-inline-size:100%;overflow:hidden;box-shadow:0 16px 38px #0f172a12}.listing-message-inbox__header{border-block-end:1px solid #e2e8f0;padding:clamp(1.1rem,4vw,1.75rem)}.listing-message-inbox__header-title{justify-content:space-between;align-items:center;gap:1rem;display:flex}.listing-message-inbox__header h1,.listing-message-inbox__header p{margin:0}.listing-message-inbox__header h1{color:#0f172a;margin-block:.25rem .45rem;font-size:clamp(1.35rem,4vw,1.75rem);line-height:1.35}.listing-message-inbox__header>p:not(.listing-message-inbox__eyebrow){color:#64748b;font-size:.9rem;line-height:1.8}.listing-message-inbox__eyebrow{color:#2563eb;font-size:.8rem;font-weight:800}.listing-message-inbox__header-unread,.listing-message-inbox__unread{color:#fff;background:#2563eb;border-radius:999px;place-items:center;min-block-size:1.5rem;min-inline-size:1.5rem;padding-inline:.35rem;font-weight:800;line-height:1;display:inline-grid}.listing-message-inbox__list{gap:0;margin:0;padding:0;list-style:none;display:grid}.listing-message-inbox__item+.listing-message-inbox__item{border-block-start:1px solid #edf2f7}.listing-message-inbox__row{min-block-size:5.75rem;color:inherit;grid-template-columns:3.5rem minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:1rem clamp(1rem,3vw,1.5rem);text-decoration:none;transition:background-color .15s;display:grid}.listing-message-inbox__cover{color:#2563eb;background:#eff6ff;border-radius:.9rem;place-items:center;block-size:3.5rem;inline-size:3.5rem;font-size:.7rem;font-weight:800;display:grid;overflow:hidden}.listing-message-inbox__cover img{object-fit:cover;block-size:100%;inline-size:100%}.listing-message-inbox__row:hover{background:#f8fafc}.listing-message-inbox__row:focus-visible,.listing-message-inbox__more:focus-visible{z-index:1;outline-offset:-3px;outline:3px solid #176b73;position:relative}.listing-message-inbox__row-main,.listing-message-inbox__row-meta{min-width:0;display:grid}.listing-message-inbox__row-main{gap:.3rem}.listing-message-inbox__title,.listing-message-inbox__preview,.listing-message-inbox__counterpart,.listing-message-inbox__row time{overflow-wrap:anywhere}.listing-message-inbox__title{color:#0f172a;font-weight:800;line-height:1.55}.listing-message-inbox__preview{color:#64748b;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:.875rem;line-height:1.6;display:-webkit-box;overflow:hidden}.listing-message-inbox__row-meta{color:#64748b;text-align:end;flex-wrap:nowrap;justify-content:end;align-items:center;gap:.35rem;font-size:.75rem;display:flex}.listing-message-inbox__counterpart{color:#176b73;font-weight:700}.listing-message-inbox__empty{color:#64748b;text-align:center;justify-items:center;gap:.35rem;padding:2rem 1.25rem;display:grid}.listing-message-inbox__empty p,.listing-message-inbox__empty small{margin:0}.listing-message-inbox__empty>span{color:#2563eb;background:#eff6ff;border-radius:50%;place-items:center;block-size:3rem;inline-size:3rem;font-size:1.5rem;display:grid}.listing-message-inbox__more{color:#fff;background:#0f172a;border-radius:.75rem;justify-content:center;align-items:center;min-block-size:2.75rem;margin:1rem;padding-inline:1rem;font-weight:800;text-decoration:none;display:inline-flex}.listing-message-conversation-page{box-sizing:border-box;flex-direction:column;block-size:100dvh;min-block-size:100dvh;padding-block-end:0;display:flex;overflow:hidden}.listing-message-conversation{width:min(760px,100% - 1rem);flex-direction:column;flex:auto;min-block-size:0;margin:0 auto;padding-block:.75rem;display:flex}.listing-message-thread{background:#fff;border:1px solid #e2e8f0;border-radius:1.25rem;flex-direction:column;flex:auto;gap:.75rem;min-block-size:0;padding:1rem;display:flex;box-shadow:0 16px 38px #0f172a12}.listing-message-thread__header{border-block-end:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:1rem;padding-block-end:.75rem;display:flex}.listing-message-thread__header p,.listing-message-thread__header h2{margin:0}.listing-message-thread__header p{color:#2563eb;font-size:.8rem;font-weight:800}.listing-message-thread__header h2{font-size:1rem}.listing-message-thread__back{color:#2563eb;font-weight:800;text-decoration:none}.listing-message-thread__listing{color:#0f172a;background:#f8fafc;border-radius:1rem;align-items:center;gap:.75rem;padding:.65rem;text-decoration:none;display:flex}.listing-message-thread__listing img,.listing-message-thread__listing>span:first-child{object-fit:cover;background:#eff6ff;border-radius:.75rem;block-size:3rem;inline-size:3rem}.listing-message-thread__listing>span:last-child{gap:.15rem;display:grid}.listing-message-thread__listing small{color:#64748b}.listing-message-thread__safety{color:#1e40af;background:#eff6ff;border-radius:.75rem;margin:0;padding:.75rem;font-size:.82rem}.listing-message-thread__messages{flex:auto;align-content:start;gap:.6rem;min-block-size:0;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.listing-message-thread__messages li{background:#f1f5f9;border-radius:1rem;max-inline-size:min(82%,32rem);padding:.65rem .8rem}.listing-message-thread__messages li[data-direction=outbound]{color:#fff;background:#2563eb;justify-self:start}.listing-message-thread__messages p,.listing-message-thread__messages time{margin:0}.listing-message-thread__messages time{opacity:.75;margin-block-start:.3rem;font-size:.7rem;display:block}.listing-message-thread__composer{border-block-start:1px solid #e2e8f0;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.5rem;padding-block-start:.75rem;display:grid}.listing-message-thread__composer label{block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.listing-message-thread__composer textarea{resize:vertical;border:1px solid #cbd5e1;border-radius:.8rem;min-block-size:2.8rem;padding:.65rem}.listing-message-thread__composer button{color:#fff;background:#2563eb;border:0;border-radius:.8rem;min-block-size:2.8rem;padding-inline:1rem;font-weight:800}@media (width<=480px){.listing-message-inbox{width:min(100% - 1rem,880px);margin-block:1rem 2rem}.listing-message-inbox__surface{border-radius:1rem}.listing-message-inbox__row{grid-template-columns:3.25rem minmax(0,1fr);gap:.55rem}.listing-message-inbox__row-meta{text-align:start;grid-column:2;grid-auto-flow:column;justify-content:start}}
