/* Profile: my listings, chat, offers */
/* profile + admin */
.page-h{padding-block:24px 6px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center;text-align:center}
.page-h h1{font-family:var(--f-display);font-size:clamp(1.4rem,3vw,1.9rem);font-weight:700;flex-basis:100%}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);overflow-x:auto;margin-bottom:20px}
.tabs button{border:0;background:none;padding:12px 16px;font-weight:600;color:var(--muted);border-bottom:3px solid transparent;white-space:nowrap;min-height:48px;display:flex;gap:8px;align-items:center}
.tabs button[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--accent)}
.rows{display:grid;gap:12px;padding-bottom:40px}
.row{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:16px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:12px}
.row .ph{border-radius:10px;overflow:hidden;aspect-ratio:4/3}
.row .acts{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
@media (max-width:640px){.row{grid-template-columns:90px minmax(0,1fr)}.row .acts{grid-column:1/-1;justify-content:flex-start}}
.chat{display:grid;grid-template-columns:280px minmax(0,1fr);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--surface);min-height:460px;margin-bottom:40px}
@media (max-width:720px){.chat{grid-template-columns:minmax(0,1fr)}}
.threads{border-right:1px solid var(--line);display:grid;align-content:start}
.threads button{border:0;border-bottom:1px solid var(--line);background:none;text-align:left;padding:14px;display:grid;gap:2px}
.threads button[aria-pressed="true"]{background:var(--accent-soft)}
.msgs{display:flex;flex-direction:column;min-width:0}
.msgs .list{flex:1;padding:16px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;max-height:420px}
.bub{max-width:78%;padding:10px 14px;border-radius:16px;background:var(--surface-2);animation:fade .25s}
.bub.me{align-self:flex-end;background:var(--accent);color:var(--accent-ink)}
.bub small{display:block;opacity:.7;font-size:.75rem;margin-top:2px}
.compose{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line)}
.typing{color:var(--muted);font-size:.9rem;font-style:italic}
