.account-profile,.account-notifications,.account-messaging { min-width:0; color:var(--navy,#16243a); }
.account-profile,.account-notifications { padding:clamp(20px,3vw,32px); border:1px solid var(--border,#dfe5ed); border-radius:14px; background:#fff; }
.account-profile h2,.account-notifications h2,.account-messaging h2 { font-size:24px; letter-spacing:-.6px; margin-bottom:12px; }
.account-profile form { display:grid; gap:24px; }
.account-profile .field { margin:0!important; }
.account-profile .field label { font-size:14px; }
.account-profile .field small { font-size:13px; line-height:1.5; color:var(--muted,#637084); }
.account-profile .input { min-height:48px; font-size:16px; width:100%; }
.account-profile form > .btn { justify-self:start; min-width:180px; }
.account-avatar-editor { display:flex; align-items:center; gap:22px; flex-wrap:wrap; }
.account-avatar-editor > div:last-child { flex:1; min-width:210px; }
.account-avatar-editor p { font-size:13px; line-height:1.5; margin:9px 0 0; color:var(--muted,#637084); }
.account-avatar { width:46px; height:46px; display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; background:#eaf0ff; color:var(--cobalt,#214ef5); border:1px solid #dce5fa; border-radius:50%; font-size:16px; font-weight:750; overflow:hidden; }
.account-avatar img { width:100%; height:100%; object-fit:cover; }
.account-avatar.large { width:88px; height:88px; font-size:28px; }
.account-file-label { position:relative; margin-right:8px; }
.account-file-input { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.account-avatar-editor:has(.account-file-input:focus-visible) .account-file-label { outline:3px solid var(--cobalt,#214ef5); outline-offset:4px; }
.account-text-button { border:0; background:transparent; color:var(--cobalt,#214ef5); min-height:44px; padding:10px 0; font-size:14px; font-weight:650; display:inline-flex; align-items:center; justify-content:center; gap:8px; cursor:pointer; }
.account-text-button:hover { text-decoration:underline; text-underline-offset:4px; }
.account-text-button svg { width:18px; height:18px; }
.account-error { padding:14px 16px; margin-bottom:16px; border:1px solid #e7bec2; border-left:4px solid var(--danger,#a22b35); border-radius:8px; color:#7f2730; background:#fff5f5; font-size:14px; line-height:1.6; overflow-wrap:anywhere; }
.account-error .btn { display:flex; width:fit-content; margin-top:12px; min-height:44px; }
.account-success { margin:0 0 16px; color:var(--success,#16715d); font-size:14px; }
.account-loading { margin:0; padding:10px 0; color:var(--muted,#637084); font-size:14px; }
.account-section-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:22px; }
.account-section-heading h2 { margin-bottom:8px; }
.account-section-heading p { color:var(--muted,#637084); font-size:14px; margin:0; line-height:1.6; }
.account-unread-pill { display:inline-flex; min-width:25px; height:25px; border-radius:20px; background:var(--cobalt,#214ef5); color:#fff; align-items:center; justify-content:center; padding:0 6px; font-size:12px; font-weight:700; flex-shrink:0; }
.account-unread-pill[hidden] { display:none; }
.account-inbox { display:grid; grid-template-columns:minmax(250px,31%) minmax(0,1fr); border:1px solid var(--border,#dfe5ed); border-radius:14px; background:#fff; overflow:hidden; min-height:580px; }
.account-conversations { min-width:0; border-right:1px solid var(--border,#dfe5ed); background:#f9fbfe; padding-bottom:12px; }
.account-conversations > [data-account-status] { padding:0 14px; }
.account-conversations > .account-text-button { width:calc(100% - 28px); margin:0 14px; }
.account-conversation { display:flex; align-items:center; gap:12px; width:100%; min-height:100px; padding:19px 16px; border:0; border-bottom:1px solid var(--border,#dfe5ed); background:transparent; text-align:left; position:relative; }
.account-conversation:hover { background:#edf2fb; }
.account-conversation.active { background:#edf2ff; box-shadow:inset 3px 0 0 var(--cobalt,#214ef5); }
.account-conversation:focus-visible { outline-offset:-4px; z-index:1; }
.account-conversation-copy { display:grid; gap:5px; min-width:0; flex:1; }
.account-conversation-copy strong { font-size:14px; font-weight:700; }
.account-conversation-copy > span { font-size:13px; font-weight:550; }
.account-conversation-copy small { font-size:13px; color:var(--muted,#637084); }
.account-conversation-copy strong,.account-conversation-copy > span,.account-conversation-copy small { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.account-empty { padding:22px; font-size:14px; color:var(--muted,#637084); line-height:1.6; margin:0; }
.account-chat-empty { display:flex; min-height:480px; align-items:center; justify-content:center; flex-direction:column; gap:14px; padding:32px; text-align:center; color:var(--muted,#637084); }
.account-chat-empty > svg { width:40px; height:40px; color:var(--cobalt,#214ef5); }
.account-chat-empty p { max-width:320px; font-size:15px; margin:0; }
.account-chat { display:flex; flex-direction:column; min-width:0; min-height:580px; }
.account-chat-heading { display:flex; align-items:center; gap:14px; padding:20px 24px; border-bottom:1px solid var(--border,#dfe5ed); }
.account-chat-heading > div { flex:1; min-width:0; }
.account-chat-heading h3 { font-size:16px; margin:0 0 4px; overflow-wrap:anywhere; }
.account-chat-heading p { font-size:13px; margin:0; line-height:1.5; overflow-wrap:anywhere; }
.account-chat-heading > a { flex-shrink:0; font-size:12px; }
.account-sold { display:inline-block; color:var(--muted,#637084); font-size:12px; font-weight:650; margin-left:6px; }
.account-chat > [data-account-status] { padding:0 20px; }
.account-chat > [data-account-status]:not(:empty) { padding-top:14px; }
.account-older { align-self:center; margin:4px 18px; }
.account-older[hidden],.account-conversations > .account-text-button[hidden] { display:none; }
.account-message-list { display:flex; flex-direction:column; gap:16px; padding:24px; overflow-y:auto; overscroll-behavior:contain; height:360px; flex:1; min-height:240px; scrollbar-gutter:stable; }
.account-message { max-width:88%; align-self:flex-start; border-radius:12px 12px 12px 3px; background:#eef2f7; color:var(--navy,#16243a); padding:14px 16px; }
.account-message.own { align-self:flex-end; background:#eaf0ff; border-radius:12px 12px 3px 12px; }
.account-message p { white-space:pre-wrap; overflow-wrap:anywhere; font-size:15px; line-height:1.6; margin:0 0 9px; }
.account-message footer { display:flex; gap:14px; justify-content:space-between; flex-wrap:wrap; color:#596b84; font-size:11px; line-height:1.5; }
.account-message footer time { white-space:nowrap; }
.account-composer { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:9px 14px; padding:20px 24px; border-top:1px solid var(--border,#dfe5ed); }
.account-composer > label { grid-column:1/-1; font-size:13px; font-weight:650; }
.account-composer textarea { grid-column:1; width:100%; min-height:90px; max-height:220px; resize:vertical; font-size:16px; line-height:1.5; }
.account-composer > small { grid-column:1/-1; grid-row:3; color:var(--muted,#637084); font-size:12px; line-height:1.5; }
.account-composer > .btn { grid-column:2; grid-row:2; align-self:end; min-height:48px; font-size:13px; padding-inline:18px; }
.account-notification-detail { font-size:13px; color:var(--muted,#637084); margin:0; }
.account-notifications > [data-account-unread-label] { font-size:15px; }
@media(max-width:959px){
  .account-inbox { grid-template-columns:minmax(210px,32%) minmax(0,1fr); }
  .account-conversation { padding:16px 12px; gap:9px; }
  .account-conversation .account-avatar { width:36px; height:36px; font-size:13px; }
  .account-chat-heading { padding:18px; flex-wrap:wrap; }
  .account-chat-heading > a { width:100%; justify-content:flex-start; min-height:30px; margin-left:60px; }
  .account-message-list { padding:18px; }
  .account-composer { padding:18px; grid-template-columns:1fr; }
  .account-composer textarea,.account-composer > .btn { grid-column:1; }
  .account-composer > .btn { grid-row:4; justify-self:end; }
}
@media(max-width:639px){
  .account-inbox { grid-template-columns:1fr; min-height:0; }
  .account-conversations { border-right:0; border-bottom:1px solid var(--border,#dfe5ed); }
  [data-account-conversation-list] { max-height:260px; overflow-y:auto; overscroll-behavior:contain; }
  .account-conversation { min-height:84px; padding:16px; }
  .account-conversation .account-avatar { width:44px; height:44px; font-size:15px; }
  .account-chat { min-height:520px; }
  .account-chat-empty { min-height:240px; }
  .account-chat-heading > a { margin-left:0; }
  .account-message { max-width:94%; }
  .account-message-list { padding:18px 14px; }
  .account-composer { padding:18px 14px; }
  .account-profile form > .btn { width:100%; }
  .account-avatar-editor { gap:16px; }
  .account-profile h2,.account-notifications h2,.account-messaging h2 { font-size:22px; }
}
@media(prefers-reduced-motion:reduce){.account-profile *,.account-messaging *,.account-notifications *{scroll-behavior:auto;transition:none;}}
.auth-entry .account-header-avatar,.account-header-avatar{display:inline-flex;width:32px;height:32px;flex:none;align-items:center;justify-content:center;border-radius:50%;background:#eaf0ff;color:#214ef5;font-size:12px;font-weight:750;overflow:hidden}
.auth-entry .account-header-avatar span{display:inline}
.account-header-avatar img,.seller-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.header-actions .icon-btn,.mobile-nav>a{position:relative}
.header-actions .account-unread-pill{position:absolute;right:-3px;top:-3px}
.mobile-nav>a>.account-unread-pill{position:absolute;top:6px;right:calc(50% - 28px);display:inline-flex}
.mobile-nav>a>.account-unread-pill[hidden]{display:none}
.mobile-nav .account-header-avatar{width:25px;height:25px;font-size:10px}
.account-main{min-width:0}
.account-email{font-size:14px;color:var(--muted);overflow-wrap:anywhere;margin:16px 0 28px}
.account-nav .pill{margin-bottom:20px;align-self:flex-start}
.account-identity-avatar{overflow:hidden}
.account-identity-avatar img{width:100%;height:100%;object-fit:cover}
.account-signout{margin-top:40px;padding:28px 0 12px;border-top:1px solid var(--border)}
.listing-metrics{display:flex;gap:24px;margin:14px 0 0;font-size:13px}
.listing-metrics>div{display:flex;gap:8px;align-items:baseline}
.listing-metrics dt{color:var(--muted)}
.listing-metrics dd{margin:0;font-weight:750;font-variant-numeric:tabular-nums}
@media(max-width:639px){.account-signout .btn{width:100%}.listing-metrics{gap:18px}}