.message-tabs{display:flex;gap:.5rem;margin-bottom:1rem;border-bottom:1px solid var(--color-border)}.message-tabs a{padding:.75rem 1rem;color:var(--color-text);font-weight:750}.message-tabs a.active{border-bottom:3px solid var(--brand-primary);color:var(--brand-primary)}.message-list{display:grid;gap:.7rem}.message-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;border:1px solid var(--color-border);border-radius:var(--card-radius);background:#fff;box-shadow:var(--shadow-sm)}.message-row.unread{border-left:5px solid var(--brand-primary);background:var(--brand-primary-soft)}.message-row-main{display:grid;grid-template-columns:3.25rem minmax(0,1fr);gap:1rem;padding:1rem;color:var(--color-text)}.message-row-main:hover{text-decoration:none}.message-row-main>img{width:3.25rem;height:3.25rem;object-fit:cover;border-radius:50%}.message-row-copy{min-width:0}.message-row-copy>div{display:flex;justify-content:space-between;gap:1rem}.message-row-copy h2{margin:.15rem 0;font-size:1rem}.message-row-copy p{margin:0;color:var(--color-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-row-copy small{display:inline-block;margin:.35rem .7rem 0 0;color:var(--color-muted)}.message-row-copy time{font-size:.78rem;color:var(--color-muted);white-space:nowrap}.message-row-actions{display:flex;gap:.4rem;padding-right:1rem;flex-wrap:wrap}.message-thread{display:grid;gap:1rem;margin-bottom:1.5rem}.message-bubble{width:min(88%,42rem);padding:1rem;border:1px solid var(--color-border);border-radius:var(--card-radius);background:#fff}.message-bubble.mine{justify-self:end;background:var(--brand-primary-soft);border-color:color-mix(in srgb,var(--brand-primary) 25%,var(--color-border))}.message-bubble header{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.7rem}.message-bubble time{font-size:.78rem;color:var(--color-muted)}.message-bubble>p{margin:0;overflow-wrap:anywhere}.message-ad-card{display:flex;align-items:center;gap:.8rem;margin:.25rem 0 .9rem;padding:.65rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;color:var(--color-text)}.message-ad-card:hover{text-decoration:none}.message-ad-card img{width:5rem;height:4rem;object-fit:cover;border-radius:var(--radius-sm)}.message-ad-card span{display:grid;min-width:0}.message-ad-card small,.message-ad-card em{color:var(--color-muted);font-style:normal}.message-ad-card strong{overflow-wrap:anywhere}.message-compose-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem}.message-reply{margin-top:1rem}
.message-compose-trigger{gap:.5rem}.message-compose-modal{width:min(38rem,calc(100% - 2rem));max-height:calc(100dvh - 2rem);padding:0;border:0;border-radius:var(--card-radius);background:#fff;box-shadow:0 24px 70px rgb(0 0 0 / 35%)}.message-compose-modal::backdrop{background:rgb(5 16 22 / 68%);backdrop-filter:blur(2px)}.message-compose-modal-card{padding:1.25rem}.message-compose-modal-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.message-compose-modal-card h2{margin:0}.message-compose-modal-card>footer{display:flex;justify-content:flex-end;gap:.7rem}.message-modal-status{min-height:1.5rem;margin:0;color:var(--brand-primary)}.message-modal-status.error{color:var(--color-danger)}.message-modal-ad[hidden]{display:none}
.message-person-image{display:block;width:3.25rem;height:3.25rem}.message-person-image img{width:100%;height:100%;object-fit:cover;border-radius:50%}.message-row-copy h2 a,.message-row-copy p a{color:inherit}.message-row-copy p a:hover{text-decoration:none}.message-sender{display:flex;align-items:center;gap:.55rem}.message-sender img{width:2.25rem;height:2.25rem;object-fit:cover;border-radius:50%}.trash-expiry{font-weight:750;color:var(--color-danger)!important}.store-owner-profile-link{display:inline-flex;align-items:center;gap:.4rem;margin:0 0 .5rem;font-size:.9rem;font-weight:750}
.messages-page .message-thread{max-width:58rem;margin:0 auto 1.5rem}.messages-page .message-reply{max-width:58rem;margin:1rem auto 0}
@media(max-width:48rem){.message-tabs{overflow-x:auto}.message-tabs a{white-space:nowrap}.message-row{grid-template-columns:1fr}.message-row-actions{padding:0 1rem 1rem}.message-row-actions form,.message-row-actions button{flex:1}.message-row-main{grid-template-columns:2.75rem minmax(0,1fr);padding-bottom:.5rem}.message-row-main>img,.message-person-image{width:2.75rem;height:2.75rem}.message-row-copy>div{align-items:flex-start;flex-direction:column;gap:.15rem}.message-row-copy time{white-space:normal}.message-bubble{width:95%}.message-bubble header,.message-compose-footer{align-items:stretch;flex-direction:column}.message-ad-card img{width:4rem;height:3.5rem}.messages-page .section-heading{align-items:stretch;flex-direction:column}.message-compose-modal{width:calc(100% - 1rem);max-height:calc(100dvh - 1rem)}.message-compose-modal-card{padding:1rem}.message-compose-modal-card textarea{min-height:9rem}.message-compose-modal-card>footer{display:grid;grid-template-columns:1fr 1fr}.message-compose-modal-card>footer .button{width:100%}}