.engagement-page { padding-top:2rem; padding-bottom:4rem; }
.engagement-page h1 { margin:.5rem 0; }
.engagement-page .muted,.assistant-panel .muted { color:#657570; }
.engagement-columns { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:2rem; align-items:start; }
.assistant-panel,.engagement-card { padding:1.5rem; border:1px solid #dce5df; background:#fff; border-radius:12px; margin-bottom:1.25rem; min-width:0; }
.assistant-panel { border-top:4px solid var(--brand-primary); }
.buyer-chat-layout { display:grid; grid-template-columns:290px minmax(0,1fr); gap:1rem; align-items:start; }
.buyer-chat-sidebar { min-width:0; display:grid; gap:.75rem; }
.chat-follow-up { background:var(--brand-soft); border:1px solid #dce5df; border-radius:12px; padding:1rem; font-size:.85rem; }
.chat-follow-up summary { font-size:.9rem; }
.buyer-chat-sidebar .chat-follow-up label { font-size:.8rem; margin:.6rem 0; }
.chat-follow-up small { display:block; margin-top:.5rem; }
.chat-follow-up .follow-up-status { color:var(--brand-ink); font-weight:600; }
.intake-preferences { border-block:1px solid #dce5df; padding:.75rem 0; margin:.75rem 0; }
.intake-options { border:0; padding:0; margin:.75rem 0; }
.intake-options legend { font-size:.8rem; font-weight:600; }
.buyer-chat-sidebar .intake-options label { display:flex; flex-direction:row; align-items:center; gap:.4rem; font-weight:400; margin:.3rem 0; }
.engagement-page .intake-options input[type=radio] { width:16px; height:16px; display:inline-block; margin:0; padding:0; accent-color:var(--brand-ink); }
.buyer-chat-layout .assistant-heading h2 { font-size:1.3rem; line-height:1.35; }
.buyer-chat-layout .assistant-panel { padding:1.1rem; }
.buyer-chat-layout .assistant-panel > .muted { font-size:.9rem; margin:.5rem 0; }
.ai-acknowledgment { margin:.65rem 0; }
.engagement-page .ai-acknowledgment .consent-line { font-size:.75rem; line-height:1.45; color:#657570; margin:.4rem 0; cursor:pointer; }
.ai-acknowledgment small { display:block; color:var(--brand-ink); font-size:.75rem; margin:0 0 .6rem 1.8rem; }
.ai-acknowledgment.compact-acknowledged { margin:.25rem 0; }
.ai-acknowledgment.compact-acknowledged small { margin:0 0 .35rem; }
.chat-history { background:var(--brand-soft); border:1px solid #dce5df; border-radius:12px; padding:1rem; min-width:0; }
.chat-history h3 { font-size:.8rem; color:#657570; margin:1.4rem 0 .5rem; }
.chat-history p { font-size:.85rem; }
.preference-promotion { border-top:1px solid #dce5df; margin-top:1rem; padding-top:.8rem; }
.history-item { display:block; width:100%; text-align:left; border:0; background:transparent; padding:.75rem; border-radius:6px; font:inherit; color:var(--brand-ink); overflow-wrap:anywhere; cursor:pointer; }
.history-item span,.history-item small { display:block; }
.history-item small { margin-top:.2rem; color:#657570; font-size:.75rem; }
.history-item:hover,.history-item.selected { background:var(--brand-soft); }
.history-item:focus-visible { outline:2px solid var(--brand-ink); }
.conversation-title { font-size:1.05rem; color:var(--brand-ink); }
.earlier-messages summary { padding:.75rem 0; }
@media(max-width:899px) { .buyer-chat-layout { grid-template-columns:1fr; }.chat-history { margin-bottom:.5rem; } }
.assistant-heading { display:flex; justify-content:space-between; gap:1rem; align-items:center; }
.assistant-heading h2 { margin:.3rem 0; font-size:clamp(1.4rem,2.5vw,2rem); }
.chat-transcript { max-height:530px; overflow-y:auto; padding:.8rem; margin:1rem 0; background:var(--brand-soft); border-radius:8px; }
.chat-workspace { height:var(--chat-height,calc(100dvh - 200px)); min-height:220px; }
.chat-workspace .assistant-panel { display:flex; flex-direction:column; height:100%; min-height:0; margin-bottom:0; overflow:hidden; position:relative; }
.chat-workspace .chat-transcript { flex:1 1 0; min-height:0; max-height:none; margin:0 0 .5rem; overscroll-behavior:contain; scrollbar-gutter:stable; }
.chat-workspace .buyer-chat-sidebar { max-height:100%; overflow-y:auto; align-content:start; overscroll-behavior:contain; }
.chat-composer { flex:0 0 auto; max-height:55%; overflow-y:auto; padding:0 .2rem max(.2rem,env(safe-area-inset-bottom)); border-top:1px solid #dce5df; }
.chat-composer textarea { resize:none; font-size:16px; }
.chat-workspace .chat-composer > label { margin:.4rem 0; }
.chat-jump { align-self:center; flex-shrink:0; margin:0 0 .4rem; }
.chat-jump[hidden] { display:none; }
.listing-assistant-drawer { position:fixed; z-index:80; inset:0 0 0 auto; width:min(440px,100vw); display:flex; flex-direction:column; padding:1rem; overflow:hidden; background:#fff; box-shadow:-18px 0 45px rgba(22,35,31,.2); outline:none; }
.listing-assistant-drawer:focus-visible { box-shadow:-18px 0 45px rgba(22,35,31,.2),inset 0 0 0 3px var(--brand-ink); }
.listing-assistant-drawer-header { flex:0 0 auto; display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; padding:.2rem .2rem .8rem; border-bottom:1px solid #dce5df; }
.listing-assistant-drawer-header .eyebrow { margin-bottom:.3rem; }.listing-assistant-drawer-header h2 { margin:0; font-size:1.15rem; }
.listing-assistant-close { width:42px; height:42px; flex:0 0 auto; display:grid; place-items:center; border:1px solid #b9cbc1; border-radius:50%; background:#fff; color:var(--brand-ink); font-size:1.7rem; line-height:1; }
.listing-assistant-close:hover { border-color:var(--brand-ink); color:var(--brand-ink); }.listing-assistant-close:focus-visible { outline:2px solid var(--brand-ink); outline-offset:2px; }
.listing-assistant-drawer > .chat-workspace { flex:1 1 auto; height:auto; min-height:0; margin-top:.8rem; }
.compact-chat-layout { display:block; }
.listing-ai-panel > .chat-workspace { flex:1 1 0; height:auto; min-height:0; }
.listing-ai-panel .assistant-heading h2 { display:none; }
.listing-ai-panel .assistant-heading { justify-content:flex-end; }
.listing-ai-panel .assistant-panel { padding:.5rem; }
.listing-ai-panel .listing-follow-up-action { flex:0 0 auto; margin-bottom:.4rem; }
.listing-ai-panel .button-outline { background:white; color:var(--brand-ink); border-color:var(--brand-ink); }
.listing-ai-panel .button-outline:hover { background:var(--brand-soft); }
.listing-question-chips { display:flex; flex-wrap:wrap; gap:.3rem; margin-top:.4rem; }
.listing-question-chips button { border:1px solid var(--line); background:var(--brand-soft); color:var(--brand-ink); border-radius:20px; padding:.3rem .55rem; font:inherit; font-size:.75rem; cursor:pointer; }
.listing-question-chips button:focus-visible { outline:2px solid var(--brand-ink); outline-offset:2px; }
@media(max-width:1000px) { .site-shell:has(.listing-mobile-actions) { padding-bottom:calc(5rem + env(safe-area-inset-bottom)); } }
.compact-chat-layout .assistant-panel { height:100%; padding:.8rem; border:0; border-radius:0; }
.compact-chat-layout .assistant-heading { align-items:flex-start; }.compact-assistant-full-link { flex:0 0 auto; font-size:.78rem; text-align:right; }
.compact-chat-layout .chat-transcript { padding:.65rem; }.compact-chat-layout .chat-composer { max-height:58%; }
.compact-chat-layout .chat-follow-up { margin:.75rem 0; padding:.75rem; overflow-wrap:anywhere; }
.compact-chat-layout .chat-follow-up label { font-size:.8rem; margin:.6rem 0; }
.compact-chat-layout .chat-follow-up .intake-options label { display:flex; flex-direction:row; align-items:center; gap:.4rem; font-weight:400; }
.listing-assistant-scrim { display:none; }
@media(max-width:899px) {
  .buyer-chat-layout.chat-workspace { display:flex; flex-direction:column; gap:.5rem; }
  .chat-workspace .buyer-chat-sidebar { width:100%; max-height:25%; flex-shrink:0; }
  .buyer-chat-layout.chat-workspace .assistant-panel { width:100%; flex:1; min-height:0; padding:.6rem; }
}
.chat-message { padding:1rem; border-radius:10px; margin-bottom:.8rem; overflow-wrap:anywhere; }
.chat-message p,.preserve-lines { white-space:pre-wrap; margin:.35rem 0; }
.chat-user { background:var(--brand-soft); margin-left:1.5rem; }
.chat-assistant { background:#fff; border:1px solid #dce5df; margin-right:1.5rem; }
.chat-assistant .buyer-reply-actions { display:flex; flex-wrap:wrap; gap:.5rem; margin-top:.65rem; }
.chat-welcome { padding:1.5rem .5rem; color:var(--brand-ink); }
.engagement-page label,.assistant-panel label { display:block; font-size:.9rem; margin:.8rem 0; color:var(--brand-ink); }
.engagement-page input:not([type=checkbox]),.engagement-page textarea,.engagement-page select { display:block; width:100%; padding:.65rem; border:1px solid #b9cbc1; border-radius:5px; background:white; color:#172d26; margin-top:.3rem; font:inherit; }
.engagement-page input:focus,.engagement-page textarea:focus,.engagement-page select:focus { outline:2px solid var(--brand-ink); outline-offset:2px; }
.engagement-page .consent-line { display:flex; flex-direction:row; align-items:flex-start; gap:.7rem; line-height:1.5; font-weight:400; }
.consent-line input[type=checkbox] { flex-shrink:0; width:18px; height:18px; margin-top:.2rem; accent-color:var(--brand-ink); }
.engagement-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:0 1rem; }
.chat-handoff { margin-top:2rem; padding-top:1rem; border-top:1px solid #dce5df; }
.engagement-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin:1.5rem 0; }
.engagement-stats > div { background:#edf5f0; padding:1rem; border-radius:8px; }
.engagement-stats strong { display:block; font-size:1.8rem; color:#145b4e; }
.engagement-stats span { font-size:.85rem; }
.lead-workspace { padding-top:1rem; }
.lead-workspace-heading { display:flex; align-items:baseline; flex-wrap:wrap; gap:.3rem 1rem; margin-bottom:.75rem; }
.lead-workspace-heading .eyebrow { margin:0; }
.lead-workspace-heading h1 { font-size:1rem; line-height:1.4; margin:0; color:var(--brand-ink); }
.lead-workspace .engagement-stats { display:flex; flex-wrap:wrap; gap:.5rem; margin:0 0 1rem; }
.lead-workspace .engagement-stats > div { display:flex; align-items:baseline; gap:.5rem; padding:.45rem .75rem; }
.lead-workspace .engagement-stats strong { font-size:1.1rem; line-height:1.3; }
.lead-workspace .engagement-stats span { font-size:.8rem; }
.lead-workspace .engagement-columns { gap:1.25rem; }
.engagement-search { display:flex; gap:1rem; align-items:end; margin-bottom:1rem; }
.engagement-search label { flex:1; margin:0; }
.lead-row { display:block; padding:1.2rem; border:1px solid #dce5df; border-radius:8px; margin-bottom:.8rem; background:white; color:inherit; }
.lead-row:hover { border-color:var(--brand-ink); }
.lead-row > div { display:flex; justify-content:space-between; gap:.6rem; }
.lead-row small,.task-row small { display:block; color:#657570; }
.lead-row p { margin:.6rem 0; }
.lead-tag { background:#edf5f0; color:#145b4e; border-radius:4px; padding:.2rem .5rem; font-size:.8rem; }
.lead-row .overdue { color:#9c3919; font-weight:600; }
.engagement-pagination { display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.lead-facts { display:grid; grid-template-columns:1fr 1.5fr; gap:.6rem 1rem; }
.lead-facts dt { color:#657570; }.lead-facts dd { margin:0; overflow-wrap:anywhere; }
.task-row { display:flex; justify-content:space-between; gap:1rem; align-items:center; padding:1rem 0; border-bottom:1px solid #dce5df; }
.engagement-page details summary { cursor:pointer; font-weight:600; }
.engagement-page .button:disabled { opacity:.5; cursor:not-allowed; }
@media(max-width:1000px) { .engagement-columns { grid-template-columns:1fr; } }
@media(max-width:600px) {
  .engagement-form-grid { grid-template-columns:1fr; }.assistant-panel,.engagement-card { padding:1rem; }.assistant-heading { flex-wrap:wrap; }.engagement-stats { gap:.4rem; }.engagement-stats > div { padding:.7rem; }.lead-row > div { display:block; }
  .listing-assistant-drawer { width:100%; padding:max(.75rem,env(safe-area-inset-top)) .75rem max(.75rem,env(safe-area-inset-bottom)); }
  .compact-chat-layout .assistant-panel { padding:.35rem; }.compact-chat-layout .assistant-heading { flex-wrap:nowrap; }
}
.preference-suggestion { border: 1px solid var(--border, #d8dedb); border-radius: 12px; padding: 1rem; margin: .75rem 0; background: #f5f8f5; overflow-wrap: anywhere; }
.preference-suggestion .button { margin: .25rem .25rem .25rem 0; }
.preference-suggestion-preview { white-space: pre-wrap; }

/* UI-004: only the listing-detail dock/sheet uses the compact allocation. */
.listing-ai-panel .assistant-panel { padding:.4rem; }
.listing-ai-panel .chat-composer { display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:start; gap:.35rem .4rem; padding:.4rem .1rem max(.2rem,env(safe-area-inset-bottom)); }
.listing-ai-panel .chat-composer .composer-input { grid-column:1; grid-row:2; min-width:0; margin:0; }
.listing-ai-panel .chat-composer textarea { margin:0; padding:.5rem; min-height:40px; font-size:16px; line-height:22px; overflow-y:auto; }
.listing-ai-panel .chat-composer .composer-send { grid-column:2; grid-row:2; height:40px; padding:.5rem .65rem; }
.listing-ai-panel .listing-follow-up-action { grid-column:3; grid-row:2; margin:0; padding:.3rem .45rem; font-size:.72rem; line-height:1.2; max-width:86px; height:40px; }
.listing-ai-panel .chat-composer .ai-acknowledgment { grid-column:1 / -1; grid-row:3; min-width:0; margin:0; }
.listing-ai-panel .ai-acknowledgment.compact-acknowledged small { margin:0; }
.listing-ai-panel .listing-ai-disclosure summary { display:flex; align-items:center; gap:.3rem; min-height:30px; }
.listing-ai-panel .listing-ai-disclosure summary::before { content:'▸'; flex:0 0 auto; }
.listing-ai-panel .listing-ai-disclosure[open] summary::before { content:'▾'; }
.listing-ai-panel .listing-ai-disclosure summary small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.listing-ai-panel .listing-ai-disclosure p { font-size:.75rem; line-height:1.45; margin:.3rem 0; }
.listing-ai-panel .listing-question-chips { grid-column:1 / -1; grid-row:1; margin:0; }
/* UI-005 buyer conversation surfaces. Reviewer layouts retain their existing rules. */
.buyer-conversation { position:relative; }
.buyer-conversation .assistant-panel { border-top:0; padding:0; }
.buyer-conversation-header { flex:0 0 auto; display:flex; align-items:center; justify-content:space-between; gap:.5rem; padding:.65rem .8rem; border-bottom:1px solid #dce5df; min-width:0; position:relative; z-index:3; }
.buyer-header-identity { min-width:0; flex:1; }
.assistant-persona { display:flex; align-items:center; gap:.5rem; min-width:0; }
.assistant-avatar { display:flex; align-items:center; justify-content:center; flex:0 0 30px; width:30px; height:30px; border-radius:50%; background:var(--brand-soft); color:var(--brand-ink); overflow:hidden; font-size:.65rem; font-weight:600; }
.assistant-avatar img { width:100%; height:100%; object-fit:cover; }
.assistant-persona-text { min-width:0; }
.assistant-persona strong { display:flex; align-items:center; gap:.25rem; min-width:0; font-size:.95rem; }
.assistant-persona-name { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.assistant-persona small { display:block; font-size:.75rem; color:#657570; }
.assistant-ai-tag { display:inline-block; flex:0 0 auto; font-size:.6rem; line-height:1.3; border:1px solid currentColor; border-radius:4px; padding:.1rem .2rem; vertical-align:middle; white-space:nowrap; }
.buyer-listing-context { display:block; font-size:.7rem; line-height:1.25; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.conversation-overflow { flex:0 0 auto; }
.conversation-overflow > summary { display:grid; place-items:center; list-style:none; width:36px; height:36px; border-radius:8px; font-size:1.5rem; }
.conversation-overflow > summary::-webkit-details-marker { display:none; }
.conversation-overflow > summary:focus-visible { outline:2px solid currentColor; outline-offset:1px; }
.conversation-menu { position:absolute; right:.5rem; top:calc(100% - .2rem); width:min(310px,calc(100% - 1rem)); max-height:min(55dvh,420px); overflow:auto; padding:.65rem; background:white; color:var(--brand-ink); border:1px solid #dce5df; border-radius:10px; box-shadow:0 8px 24px #0002; font-size:.85rem; }
.conversation-menu .chat-history { border:0; padding:.4rem; background:transparent; }
.conversation-menu .full-ai-disclosure { padding:.4rem; }
.conversation-menu p { line-height:1.5; }
.conversation-menu .compact-assistant-full-link { display:block; text-align:left; margin:.5rem; }
.buyer-conversation .chat-transcript { background:#f7f9fa; border-radius:0; padding:.5rem .65rem; margin:0; }
.buyer-conversation .chat-welcome { padding:.8rem .4rem; font-size:.9rem; overflow-wrap:anywhere; }
.buyer-conversation .chat-welcome > span { display:block; font-weight:600; margin-bottom:.4rem; }
.conversation-date { text-align:center; font-size:.65rem; color:#657570; margin:.4rem 0 .6rem; }
.earlier-messages[open] ~ .conversation-date.continues-day { display:none; }
.conversation-group { display:flex; gap:.35rem; margin:.2rem 0 .35rem; align-items:flex-start; min-width:0; }
.conversation-group-body { max-width:88%; min-width:0; }
.conversation-group.from-visitor { justify-content:flex-end; }
.conversation-group.from-assistant .conversation-group-body { max-width:calc(100% - 36px); }
.buyer-conversation .chat-message { padding:.55rem .7rem; margin:0 0 .2rem; border-radius:12px; font-size:.88rem; line-height:1.45; overflow-wrap:anywhere; }
.buyer-conversation .chat-message p { margin:0; }
.buyer-conversation .chat-user { background:var(--brand-primary); color:var(--brand-on-primary); border-bottom-right-radius:3px; }
.buyer-conversation .chat-assistant { background:white; border:1px solid #dce5df; border-bottom-left-radius:3px; }
.conversation-time { display:block; color:#657570; font-size:.6rem; line-height:1.2; margin:.15rem .2rem; }
.from-visitor .conversation-time { text-align:right; }
.buyer-conversation .buyer-reply-actions { gap:.3rem; margin-top:.4rem; }
.buyer-conversation .buyer-reply-actions .button { white-space:normal; padding:.3rem .45rem; font-size:.73rem; overflow-wrap:anywhere; }
.buyer-conversation .chat-composer { display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:.3rem .4rem; padding:.5rem .65rem .2rem; margin:0; }
.buyer-conversation .chat-composer .composer-input { grid-column:1; grid-row:2; min-width:0; margin:0; font-size:0; }
.buyer-conversation .chat-composer textarea { font-size:16px; font-weight:400; margin:0; line-height:22px; max-height:128px; }
.buyer-conversation .composer-send { grid-column:2; grid-row:2; align-self:end; height:40px; padding:.5rem .6rem; }
.buyer-conversation .listing-follow-up-action { grid-column:3; grid-row:2; align-self:end; margin:0; height:40px; max-width:86px; padding:.3rem .4rem; line-height:1.2; font-size:.72rem; }
.buyer-conversation .listing-question-chips { grid-column:1 / -1; grid-row:1; margin:0; }
.buyer-conversation .ai-acknowledgment { grid-column:1 / -1; grid-row:3; min-width:0; margin:0; }
.buyer-conversation .ai-acknowledgment.compact-acknowledged small { margin:0; }
.buyer-conversation .listing-ai-disclosure summary { min-height:25px; }
.buyer-conversation .listing-ai-disclosure p { font-size:.75rem; line-height:1.4; }
.conversation-accuracy { flex:0 0 auto; margin:0; padding:.1rem .65rem .45rem; color:#657570; font-size:.65rem; line-height:1.35; overflow-wrap:anywhere; }
.buyer-conversation .chat-follow-up > summary[hidden] { display:none; }
.buyer-conversation .chat-follow-up:not([open]) { display:none; }
.buyer-sidebar-body { min-width:0; }
.buyer-sidebar-body > summary { display:none; }
.buyer-sidebar-body .chat-history { background:white; border:0; padding:.6rem .25rem; }
.buyer-sidebar-body .history-item time { display:block; color:#657570; font-size:.7rem; }
.buyer-sidebar-body .history-item .history-title { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.buyer-sidebar-body .chat-follow-up { margin-bottom:.6rem; }
.buyer-conversation:not(.compact-chat-layout) { grid-template-columns:250px minmax(0,1fr); }
.buyer-conversation:not(.compact-chat-layout) .assistant-panel { width:100%; max-width:740px; justify-self:center; }
.listing-ai-panel .buyer-conversation .assistant-panel { padding:0; }
.listing-ai-panel .buyer-conversation-header { height:60px; padding:.3rem .55rem; background:var(--brand-primary); color:var(--brand-on-primary); }
.listing-ai-panel .assistant-persona strong { font-size:.85rem; }
.listing-ai-panel.is-sheet .buyer-conversation-header { padding-right:3rem; }
@media(max-width:899px) {
 .buyer-conversation:not(.compact-chat-layout) { padding-top:42px; display:flex; }
 .buyer-conversation .buyer-chat-sidebar { position:absolute; z-index:5; inset:0 0 auto; max-height:none; overflow:visible; }
 .buyer-sidebar-body { border:1px solid #dce5df; border-radius:8px; background:white; }
 .buyer-sidebar-body > summary { display:block; padding:.55rem; font-size:.85rem; }
 .buyer-sidebar-body[open] { max-height:65dvh; overflow:auto; box-shadow:0 8px 20px #0002; padding-bottom:.5rem; }
 .buyer-sidebar-body > :not(summary) { margin-inline:.5rem; }
 .buyer-conversation:not(.compact-chat-layout) .assistant-panel { padding:0; }
 .buyer-conversation .chat-composer { padding-inline:.35rem; gap:.3rem; }
 .buyer-conversation-header { padding:.5rem; }
 .assistant-persona small { font-size:.65rem; }
}
.buyer-conversation .button-outline { background:white; color:var(--brand-ink); border-color:var(--brand-ink); }
.buyer-conversation .button-outline:hover { background:var(--brand-soft); }
.buyer-sidebar-body > .muted { font-size:.78rem; }
@media(max-width:899px) {
 .buyer-conversation:not(.compact-chat-layout) .listing-question-chips { flex-wrap:nowrap; overflow-x:auto; padding-block:.1rem; }
 .buyer-conversation:not(.compact-chat-layout) .listing-question-chips button { flex:0 0 auto; white-space:nowrap; }
 .assistant-persona small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
}
@media(max-width:899px) and (max-height:700px) {
 .buyer-conversation:not(.compact-chat-layout) .chat-composer { max-height:45%; }
}
/* UI-007: buyer-only fidelity; shared reviewer threads keep their own presentation. */
.buyer-conversation { --buyer-thread:#f7f3ec; --buyer-warm-border:#e3d9c8; }
.buyer-conversation .chat-transcript { background:var(--buyer-thread); }
.buyer-conversation .chat-assistant { background:white; border:1px solid var(--buyer-warm-border); border-radius:16px; padding:.65rem .8rem; }
.buyer-conversation .assistant-ai-tag { color:var(--brand-accent); }
.buyer-conversation .assistant-avatar { border:1px solid var(--brand-accent); }
.buyer-conversation .listing-question-chips button,
.buyer-conversation .buyer-reply-actions .button { background:white; color:var(--brand-ink); border:1px solid var(--brand-accent); border-radius:999px; }
.buyer-conversation .listing-question-chips button:hover,
.buyer-conversation .buyer-reply-actions .button:hover { background:#fdf6e0; }
.buyer-conversation .chat-composer textarea { border:1px solid var(--buyer-warm-border); border-radius:22px; padding:.65rem .8rem; }
.listing-ai-panel .buyer-conversation .chat-composer textarea { border-radius:16px; padding:.5rem .65rem; }
.buyer-conversation .chat-composer .composer-send { display:grid; place-items:center; width:40px; height:40px; padding:0; border:1px solid var(--brand-accent); border-radius:50%; background:var(--brand-accent); color:#142d4e; font-size:1.4rem; line-height:1; }
.buyer-conversation .composer-send:hover { filter:brightness(.95); }
.buyer-conversation .conversation-date time { display:inline-block; padding:.2rem .65rem; border:1px solid var(--buyer-warm-border); border-radius:999px; background:#fffaf2; }
.buyer-conversation .buyer-sidebar-body .history-item { border:1px solid transparent; margin-block:.25rem; border-radius:10px; }
.buyer-conversation .buyer-sidebar-body .history-item.selected { border-color:var(--buyer-warm-border); background:#faf3df; }
.buyer-conversation .buyer-new-conversation { background:#142d4e; color:white; border-color:#142d4e; }
.buyer-conversation .buyer-new-conversation:hover { background:#203d60; }
.inquiry-list { width:100%; min-width:0; min-height:0; overflow:auto; border-right:1px solid #e3d9c8; background:white; padding:.45rem 0; }
.inquiry-list h2 { font-size:.9rem; padding:0 .75rem; margin:.3rem 0 .6rem; }
.inquiry-row { display:flex; align-items:start; gap:.5rem; padding:.75rem .65rem; border-bottom:1px solid #eee6d9; border-left:3px solid transparent; color:inherit; text-decoration:none; }
.inquiry-row.selected { background:#faf3df; border-left-color:#c9a35c; }
.inquiry-row:focus-visible { outline:2px solid var(--brand-ink); outline-offset:-3px; }
.inquiry-initials { flex:0 0 32px; height:32px; border-radius:50%; background:#e9efeb; display:grid; place-items:center; }
.inquiry-row-body { min-width:0; flex:1; }
.inquiry-row-heading { display:flex; align-items:baseline; gap:.3rem; }
.inquiry-row-heading strong { min-width:0; flex:1; overflow-wrap:anywhere; }
.inquiry-unread-count { display:inline-grid; place-items:center; flex:0 0 18px; min-width:18px; height:18px; background:#c83f32; color:white; border-radius:50%; font-size:.7rem; font-weight:700; }
.inquiry-list .engagement-pagination { padding:.5rem; gap:.3rem; font-size:.75rem; }
.inquiry-list .engagement-pagination .button { padding:.35rem .45rem; }
.inquiry-row-body time { font-size:.65rem; color:#596c61; }
.inquiry-preview { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:.8rem; margin:.25rem 0; }
.inquiry-actions { display:flex; gap:.4rem; flex-wrap:wrap; align-items:center; }
.inquiry-actions .lead-tag { white-space:normal; overflow-wrap:anywhere; }
.human-badge { background:#e5f1e9; color:#234c33; }
.conversation-speaker { display:block; font-size:.72rem; overflow-wrap:anywhere; margin-bottom:.2rem; }
.human-handled-banner { background:#e5f1e9; color:#234c33; padding:.5rem; border-radius:6px; font-size:.8rem; }
.conversation-event { text-align:center; color:#5e6c65; font-size:.7rem; padding:.5rem; overflow-wrap:anywhere; }
.conversation-event p { margin:0; }
.conversation-event time { font-size:.65rem; }
.inquiry-history .conversation-group { display:flex; gap:.4rem; margin:.6rem 0; }
.inquiry-history .from-visitor { justify-content:flex-start; }
.inquiry-history .from-assistant { justify-content:flex-end; }
.inquiry-history .assistant-avatar { display:none; }
.inquiry-history .conversation-group-body { min-width:0; max-width:90%; }
.inquiry-history .chat-message { margin:0 0 .25rem; padding:.65rem .8rem; border:1px solid #e3d9c8; border-radius:14px; max-width:100%; }
.inquiry-history .chat-user { background:white; }
.inquiry-history .chat-assistant { background:#e8eef7; border-color:#ccd7e9; }
.inquiry-history .conversation-date { text-align:center; font-size:.7rem; margin:.6rem 0; }
.inquiry-history .conversation-date time { background:#ece5d7; padding:.2rem .7rem; border-radius:20px; }
.inquiry-history .conversation-event p { display:inline-block; border-radius:12px; padding:.3rem .7rem; background:#fdf6e0; }
.inquiry-history .conversation-event time { display:block; }
.inquiry-history .from-assistant .conversation-time { text-align:right; }
.lead-ai-work textarea { font-weight:400; }
.inquiry-inbox .lead-ai-work { background:#fdf6e0; border:1px solid #c9a35c; }
.lead-ai-work { padding:.8rem; margin-bottom:.8rem; overflow-wrap:anywhere; }
.lead-ai-work h2 { font-size:1rem; margin:0 0 .6rem; }
.lead-ai-work p { font-size:.8rem; margin:.35rem 0; }
.inquiry-existing-workspace .chat-workspace { display:block; height:600px; max-height:85dvh; }
.inquiry-existing-workspace .assistant-panel { height:100%; min-width:0; }
@media(max-width:1023px) { .inquiry-list { max-height:none; border-right:0; scroll-margin-top:76px; } }