
.cx-root {
    --cx-ink: #111827;
    --cx-ink-2: #374151;
    --cx-muted: #6b7280;
    --cx-faint: #9ca3af;
    --cx-line: #e5e7eb;
    --cx-line-2: #d1d5db;
    --cx-soft: #f9fafb;
    --cx-soft-2: #f3f4f6;
    --cx-focus: #2563eb;
    --cx-error: #b91c1c;
    --cx-head: Poppins, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --cx-shadow: 0 24px 48px -12px rgba(15, 23, 42, 0.24), 0 4px 12px rgba(15, 23, 42, 0.06);
    --cx-shadow-sm: 0 10px 28px -10px rgba(15, 23, 42, 0.22), 0 2px 6px rgba(15, 23, 42, 0.05);
    --cx-safe: env(safe-area-inset-bottom, 0px);
    --cx-panel-top: 0.75rem;
}

.cx-root { color: var(--cx-ink); font-family: inherit; font-size: 14px; line-height: 1.45; -webkit-font-smoothing: antialiased; }
.cx-root *, .cx-root *::before, .cx-root *::after { box-sizing: border-box; }
.cx-root [hidden] { display: none !important; }
:where(.cx-root) :where(p, h2) { margin: 0; }
:where(.cx-root) :where(svg) { display: block; flex: 0 0 auto; }
:where(.cx-root) :where(button) { font: inherit; color: inherit; cursor: pointer; -webkit-tap-highlight-color: transparent; }
:where(.cx-root) :where(img) { max-width: none; }
.cx-mob { display: none; }
.cx-desk-flex { display: inline-flex; }
.cx-spacer { height: 0; }
.cx-sr { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.preview-schedule-notice { display: none !important; }

.cx-root button:focus-visible { outline: 2px solid var(--cx-focus); outline-offset: 2px; }

.cx-btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; min-height: 2.75rem; padding: 0.625rem 1rem; border: 1px solid transparent; border-radius: 0.5rem; font-family: var(--cx-head); font-size: 0.875rem; font-weight: 600; line-height: 1.25; white-space: nowrap; text-decoration: none; transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease; }
.cx-btn svg { width: 1.125rem; height: 1.125rem; }
.cx-btn--dark { border-color: var(--cx-ink); background: var(--cx-ink); color: #fff; }
.cx-btn--dark:hover { border-color: #1f2937; background: #1f2937; }
.cx-btn--line { border-color: var(--cx-line-2); background: #fff; color: var(--cx-ink); }
.cx-btn--line:hover { border-color: var(--cx-faint); background: var(--cx-soft); }
.cx-icon-btn { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 2.25rem; height: 2.25rem; padding: 0; border: 0; border-radius: 0.5rem; background: transparent; color: var(--cx-muted); transition: background-color 0.15s ease, color 0.15s ease; }
.cx-icon-btn:hover { background: var(--cx-soft-2); color: var(--cx-ink); }
.cx-icon-btn svg { width: 1.25rem; height: 1.25rem; }
.cx-msg__text-btn { flex: 0 0 auto; min-height: 1.75rem; padding: 0 0.375rem; border: 0; border-radius: 0.375rem; background: transparent; color: var(--cx-ink); font-size: 0.75rem; font-weight: 600; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.cx-msg__text-btn:hover { background: var(--cx-soft-2); }

.cx-grabber { display: none; }
.cx-panel { position: fixed; z-index: 10050; display: flex; flex-direction: column; background: #fff; color: var(--cx-ink); box-shadow: var(--cx-shadow); overflow: hidden; }
.cx-scrim { position: fixed; inset: 0; z-index: 10040; background: rgba(17, 24, 39, 0.3); animation: cx-fade 0.2s ease backwards; }
.cx-error { color: var(--cx-error); font-size: 0.8125rem; font-weight: 600; line-height: 1.4; }

.cx-concept [data-cx-launch], .cx-concept [data-cx-mini] { transition: opacity 0.2s ease, translate 0.25s ease, bottom 0.2s ease, visibility 0s linear 0s; }
.cx-concept.is-yielding [data-cx-launch], .cx-concept.is-yielding [data-cx-mini] { visibility: hidden; opacity: 0; translate: 0 1rem; pointer-events: none; transition: opacity 0.2s ease, translate 0.25s ease, bottom 0.2s ease, visibility 0s linear 0.25s; }

/* Bottom bar, approved appearance */
.cx-c2__bar { position: fixed; right: 0; bottom: 0; left: 0; z-index: 9300; padding-bottom: var(--cx-safe); border-top: 1px solid var(--cx-line); background: rgba(255, 255, 255, 0.97); box-shadow: 0 -14px 32px -14px rgba(15, 23, 42, 0.16); -webkit-backdrop-filter: saturate(160%) blur(12px); backdrop-filter: saturate(160%) blur(12px); animation: cx-up 0.3s cubic-bezier(0.2, 0.8, 0.2, 1) backwards; }
.cx-c2__inner { display: flex; align-items: center; gap: 1.25rem; max-width: 80rem; min-height: 4.75rem; margin: 0 auto; padding: 0.875rem 1.5rem; }
.cx-c2__icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 2.75rem; height: 2.75rem; border-radius: 999px; background: var(--cx-soft-2); color: var(--cx-ink); }
.cx-c2__icon svg { width: 1.5rem; height: 1.5rem; }
.cx-c2__copy { flex: 1 1 auto; min-width: 0; }
.cx-c2__title { color: var(--cx-ink); font-family: var(--cx-head); font-size: 1rem; font-weight: 600; line-height: 1.3; }
.cx-c2__sub { margin-top: 0.125rem; color: var(--cx-muted); font-size: 0.875rem; line-height: 1.4; }
.cx-c2__setup { display: grid; flex: 0 0 auto; gap: 0.125rem; padding: 0.125rem 1.25rem; border-right: 1px solid var(--cx-line); border-left: 1px solid var(--cx-line); text-align: right; white-space: nowrap; }
.cx-c2__setup-label { color: var(--cx-muted); font-size: 0.75rem; line-height: 1.3; }
.cx-c2__setup-value { color: var(--cx-ink); font-family: var(--cx-head); font-size: 1rem; font-weight: 600; line-height: 1.3; font-variant-numeric: tabular-nums; }
.cx-c2__actions { display: flex; flex: 0 0 auto; gap: 0.5rem; }
.cx-c2__mini { position: fixed; right: 1.5rem; bottom: 0; z-index: 9300; display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.625rem 1rem calc(0.625rem + var(--cx-safe)); border: 1px solid var(--cx-line); border-bottom: 0; border-radius: 0.75rem 0.75rem 0 0; background: #fff; color: var(--cx-ink); box-shadow: var(--cx-shadow-sm); font-family: var(--cx-head); font-size: 0.875rem; font-weight: 600; line-height: 1.2; animation: cx-up 0.25s ease backwards; }
.cx-c2__mini svg { width: 1.125rem; height: 1.125rem; }
.cx-c2__mini > svg:last-child { width: 1rem; height: 1rem; color: var(--cx-muted); }

/* Chat panel */
[data-cx-label-draft] { display: none; }
html.cx-has-draft [data-cx-label-default] { display: none; }
html.cx-has-draft [data-cx-label-draft] { display: inline; }
.cx-msgr { right: 1.5rem; bottom: 1.5rem; width: 24.5rem; height: min(38rem, calc(100vh - max(7rem, var(--cx-panel-top)) - 1.5rem)); height: min(38rem, calc(100dvh - max(7rem, var(--cx-panel-top)) - 1.5rem)); border: 1px solid var(--cx-line); border-radius: 1.25rem; box-shadow: var(--cx-shadow); transform-origin: bottom right; animation: cx-rise 0.26s cubic-bezier(0.2, 0.8, 0.2, 1) backwards; }
.cx-msg__head { display: flex; flex: 0 0 auto; align-items: center; gap: 0.75rem; padding: 0.875rem 0.75rem 0.875rem 1rem; border-bottom: 1px solid var(--cx-line); background: #fff; }
.cx-msg__avatar { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 2.5rem; height: 2.5rem; overflow: hidden; border-radius: 999px; background: var(--cx-ink); color: #fff; }
.cx-msg__logo { display: block; width: 100%; height: 100%; object-fit: cover; }
.cx-msg__who { flex: 1 1 auto; min-width: 0; }
.cx-msg__name { color: var(--cx-ink); font-family: var(--cx-head); font-size: 1rem; font-weight: 600; line-height: 1.25; }
.cx-msg__name:focus { outline: none; }
.cx-msg__item { display: flex; flex: 0 0 auto; align-items: center; gap: 0.75rem; min-width: 0; padding: 0.5rem 0.75rem 0.5rem 0.5rem; border: 1px solid var(--cx-line); border-radius: 0.875rem; background: #fff; }
.cx-msg__thumb { display: block; flex: 0 0 auto; width: 3rem; height: 3rem; border: 1px solid var(--cx-line); border-radius: 0.625rem; background: var(--cx-soft); object-fit: cover; }
.cx-msg__item-text { display: grid; flex: 1 1 auto; gap: 0.125rem; min-width: 0; }
.cx-msg__item-title { display: -webkit-box; overflow: hidden; color: var(--cx-ink); font-size: 0.875rem; font-weight: 600; line-height: 1.3; overflow-wrap: anywhere; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.cx-msg__item-price { color: var(--cx-muted); font-size: 0.8125rem; line-height: 1.3; font-variant-numeric: tabular-nums; }
.cx-msg__item-price:empty { display: none; }
.cx-msg__chats { flex: 0 0 auto; min-height: 2.25rem; padding: 0 0.75rem; border: 1px solid var(--cx-line-2); border-radius: 999px; background: #fff; color: var(--cx-ink); font-size: 0.8125rem; font-weight: 600; line-height: 1.2; transition: background-color 0.15s ease, border-color 0.15s ease; }
.cx-msg__chats:hover, .cx-msg__chats[aria-expanded="true"] { border-color: var(--cx-ink); background: var(--cx-soft-2); }
.cx-msgr.is-listing .cx-msg__thread, .cx-msgr.is-listing .cx-msg__composer { display: none; }
.cx-msg__threads { display: flex; flex: 1 1 auto; flex-direction: column; gap: 0.5rem; min-height: 0; padding: 0.75rem; overflow-y: auto; overscroll-behavior: contain; background: var(--cx-soft); -webkit-overflow-scrolling: touch; }
.cx-msg__threads > * { min-width: 0; }
.cx-msg__thread-new { display: flex; flex: 0 0 auto; align-items: center; gap: 0.5rem; min-height: 2.75rem; padding: 0 0.875rem; border: 1px solid var(--cx-line-2); border-radius: 0.75rem; background: #fff; color: var(--cx-ink); font-size: 0.875rem; font-weight: 600; line-height: 1.3; text-align: left; }
.cx-msg__thread-new svg { width: 1.125rem; height: 1.125rem; }
.cx-msg__thread-new:hover { border-color: var(--cx-ink); }
.cx-msg__thread-new:disabled { border-color: var(--cx-line); color: var(--cx-faint); cursor: default; }
.cx-msg__threads-note { padding: 0 0.25rem; color: var(--cx-muted); font-size: 0.75rem; line-height: 1.35; }
.cx-msg__thread-list { display: grid; gap: 0.375rem; margin: 0; padding: 0; list-style: none; }
.cx-msg__thread-item { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: baseline; gap: 0.125rem 0.5rem; width: 100%; min-height: 3.25rem; padding: 0.5rem 0.875rem; border: 1px solid var(--cx-line); border-radius: 0.75rem; background: #fff; color: var(--cx-ink); text-align: left; }
.cx-msg__thread-item:hover { border-color: var(--cx-line-2); }
.cx-msg__thread-item[aria-current="true"] { border-color: var(--cx-ink); }
.cx-msg__thread-title { min-width: 0; overflow: hidden; font-size: 0.875rem; font-weight: 600; line-height: 1.3; white-space: nowrap; text-overflow: ellipsis; }
.cx-msg__thread-tag { color: var(--cx-muted); font-size: 0.6875rem; font-weight: 600; line-height: 1.3; }
.cx-msg__thread-text { grid-column: 1 / -1; min-width: 0; overflow: hidden; color: var(--cx-muted); font-size: 0.8125rem; line-height: 1.35; white-space: nowrap; text-overflow: ellipsis; }
.cx-msg__thread { display: flex; flex: 1 1 auto; flex-direction: column; gap: 0.75rem; min-height: 0; padding: 1rem; overflow-y: auto; overscroll-behavior: contain; background: var(--cx-soft); -webkit-overflow-scrolling: touch; }
.cx-msg__thread > * { min-width: 0; }
.cx-msg__row { display: flex; }
.cx-msg__row--in { justify-content: flex-start; }
.cx-msg__row--out { justify-content: flex-end; }
.cx-msg__bubble { max-width: 85%; padding: 0.625rem 0.875rem; border-radius: 1.125rem; font-size: 0.9375rem; line-height: 1.45; white-space: pre-wrap; overflow-wrap: anywhere; }
.cx-msg__bubble--in { border: 1px solid var(--cx-line); border-bottom-left-radius: 0.375rem; background: #fff; color: var(--cx-ink); }
.cx-msg__bubble--out { border-bottom-right-radius: 0.375rem; background: var(--cx-ink); color: #fff; }
.cx-msg__out { display: grid; grid-template-columns: minmax(0, 1fr); justify-items: end; gap: 0.25rem; min-width: 0; max-width: 85%; }
.cx-msg__out > * { min-width: 0; }
.cx-msg__out .cx-msg__bubble { max-width: 100%; }
.cx-msg__product { max-width: 100%; padding: 0 0.375rem; overflow: hidden; color: var(--cx-muted); font-size: 0.6875rem; font-weight: 600; line-height: 1.35; white-space: nowrap; text-overflow: ellipsis; }
.cx-msg__out.is-new { animation: cx-rise 0.22s ease backwards; }
.cx-msg__out[data-status="unsent"] .cx-msg__bubble--out, .cx-msg__out[data-status="local"] .cx-msg__bubble--out { background: #374151; }
.cx-msg__out-meta { display: flex; align-items: center; justify-content: flex-end; gap: 0.25rem; max-width: 100%; color: var(--cx-muted); font-size: 0.6875rem; line-height: 1.35; }
.cx-msg__out-meta span { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.cx-msg__out[data-status="unsent"] .cx-msg__out-meta, .cx-msg__out[data-status="local"] .cx-msg__out-meta { color: var(--cx-error); font-weight: 600; }
.cx-msg__in { display: grid; grid-template-columns: minmax(0, 1fr); justify-items: start; gap: 0.25rem; min-width: 0; max-width: 85%; }
.cx-msg__in > * { min-width: 0; }
.cx-msg__in .cx-msg__bubble { max-width: 100%; }
.cx-msg__ended { align-self: center; max-width: 100%; padding: 0 0.75rem; color: var(--cx-muted); font-size: 0.75rem; line-height: 1.4; text-align: center; overflow-wrap: anywhere; }
.cx-msg__receipt { justify-self: end; max-width: 85%; margin-top: -0.5rem; padding: 0 0.375rem; color: var(--cx-muted); font-size: 0.6875rem; line-height: 1.35; text-align: right; overflow-wrap: anywhere; }
.cx-msg__jump { position: sticky; bottom: 0; z-index: 1; display: inline-flex; flex: 0 0 auto; align-self: center; align-items: center; gap: 0.25rem; min-height: 2rem; padding: 0.25rem 0.75rem; border: 1px solid var(--cx-line-2); border-radius: 999px; background: #fff; color: var(--cx-ink); box-shadow: var(--cx-shadow-sm); font-size: 0.75rem; font-weight: 600; line-height: 1.2; }
.cx-msg__jump svg { width: 0.875rem; height: 0.875rem; }
.cx-msg__history-list { display: grid; gap: 0.75rem; }
.cx-msg__history-list:empty { display: none; }
.cx-msg__hint { margin: -0.25rem 0 0; padding: 0 0.75rem; color: var(--cx-muted); font-size: 0.75rem; line-height: 1.35; }
.cx-msg__email-chip { display: flex; align-items: center; gap: 0.375rem; min-width: 0; max-width: 100%; min-height: 2rem; padding: 0 0.25rem 0 0.75rem; border-radius: 0.75rem; background: var(--cx-soft-2); color: var(--cx-muted); font-size: 0.75rem; line-height: 1.35; }
.cx-msg__email-chip svg { width: 0.875rem; height: 0.875rem; }
.cx-msg__email-chip-text { flex: 1 1 0; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.cx-msg__email-chip-text strong { color: var(--cx-ink); font-weight: 600; }
.cx-msg__suggest { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.cx-msg__chip { min-height: 2.25rem; padding: 0.4375rem 0.875rem; border: 1px solid var(--cx-line-2); border-radius: 999px; background: #fff; color: var(--cx-ink); font-size: 0.8125rem; font-weight: 600; line-height: 1.3; transition: border-color 0.15s ease, background-color 0.15s ease, transform 0.1s ease; }
.cx-msg__chip:hover { border-color: var(--cx-ink); }
.cx-msg__chip:active { transform: scale(0.97); }
.cx-msg__composer { display: grid; flex: 0 0 auto; grid-template-columns: minmax(0, 1fr); gap: 0.5rem; min-width: 0; padding: 0.75rem 0.75rem calc(0.75rem + var(--cx-safe)); border-top: 1px solid var(--cx-line); background: #fff; }
.cx-msg__composer > * { min-width: 0; max-width: 100%; }
.cx-msg__reply { display: flex; align-items: center; gap: 0.5rem; min-width: 0; min-height: 2.5rem; padding: 0 0.5rem 0 0.75rem; border: 1px solid transparent; border-radius: 0.75rem; background: var(--cx-soft-2); transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease; }
.cx-msg__reply label { display: inline-flex; align-items: center; gap: 0.375rem; flex: 0 0 auto; color: var(--cx-muted); font-size: 0.8125rem; font-weight: 600; white-space: nowrap; cursor: text; }
.cx-msg__reply label svg { width: 1rem; height: 1rem; }
.cx-msg__reply input { flex: 1 1 auto; min-width: 0; margin: 0; padding: 0.5rem 0.25rem; border: 0; background: transparent; color: var(--cx-ink); font: inherit; font-size: 1rem; line-height: 1.4; outline: none; box-shadow: none; -webkit-appearance: none; appearance: none; }
.cx-msg__reply input::placeholder, .cx-msg__compose textarea::placeholder { color: var(--cx-faint); opacity: 1; }
.cx-msg__reply:focus-within { border-color: var(--cx-focus); background: #fff; box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15); }
.cx-msg__reply:has(input[aria-invalid="true"]) { border-color: var(--cx-error); background: #fff; }
.cx-msg__reply:has(input[aria-invalid="true"]) + .cx-msg__hint { display: none; }
.cx-msg__compose { display: flex; align-items: flex-end; gap: 0.5rem; min-width: 0; padding: 0.25rem 0.25rem 0.25rem 1rem; border: 1px solid var(--cx-line-2); border-radius: 1.5rem; background: #fff; transition: border-color 0.15s ease, box-shadow 0.15s ease; }
.cx-msg__compose:focus-within { border-color: var(--cx-ink); box-shadow: 0 0 0 3px rgba(17, 24, 39, 0.08); }
.cx-msg__compose:has(textarea[aria-invalid="true"]) { border-color: var(--cx-error); }
.cx-msg__compose textarea { display: block; flex: 1 1 auto; min-width: 0; height: 2.5rem; min-height: 2.5rem; max-height: 10rem; margin: 0; padding: 0.5rem 0; border: 0; background: transparent; color: var(--cx-ink); font: inherit; font-size: 1rem; line-height: 1.5rem; resize: none; outline: none; box-shadow: none; overflow-y: auto; }
.cx-msg__send { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 2.5rem; height: 2.5rem; padding: 0; border: 0; border-radius: 999px; background: var(--cx-line-2); color: #fff; transition: background-color 0.15s ease, transform 0.1s ease; }
.cx-msg__send svg { width: 1.25rem; height: 1.25rem; }
.cx-msg__composer[data-ready="true"] .cx-msg__send { background: var(--cx-ink); }
.cx-msg__composer[data-ready="true"] .cx-msg__send:hover { background: #1f2937; }
.cx-msg__send:active { transform: scale(0.92); }
.cx-msg__composer .cx-error { padding: 0 0.75rem; font-size: 0.75rem; }

.cx-invite { position: fixed; right: 1.5rem; bottom: var(--cx-invite-bottom, 6rem); z-index: 9310; display: flex; align-items: flex-start; gap: 0.125rem; width: 19rem; padding: 0.25rem 0.25rem 0.25rem 0; border: 1px solid var(--cx-line); border-radius: 1rem; background: #fff; box-shadow: var(--cx-shadow); animation: cx-rise 0.28s cubic-bezier(0.2, 0.8, 0.2, 1) backwards; transition: opacity 0.2s ease, translate 0.25s ease, visibility 0s linear 0s; }
.cx-invite.is-yielding { visibility: hidden; opacity: 0; translate: 0 0.75rem; pointer-events: none; transition: opacity 0.2s ease, translate 0.25s ease, visibility 0s linear 0.25s; }
.cx-invite__open { display: flex; flex: 1 1 auto; align-items: flex-start; gap: 0.75rem; min-width: 0; padding: 0.75rem 0.5rem 0.75rem 0.75rem; border: 0; border-radius: 0.875rem; background: transparent; text-align: left; }
.cx-invite__open:hover .cx-invite__title { text-decoration: underline; text-underline-offset: 3px; }
.cx-invite__icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 2.25rem; height: 2.25rem; border-radius: 999px; background: var(--cx-ink); color: #fff; }
.cx-invite__icon svg { width: 1.25rem; height: 1.25rem; }
.cx-invite__text { display: grid; gap: 0.125rem; min-width: 0; padding-top: 0.0625rem; }
.cx-invite__title { color: var(--cx-ink); font-family: var(--cx-head); font-size: 0.9375rem; font-weight: 600; line-height: 1.3; }
.cx-invite__sub { color: var(--cx-muted); font-size: 0.8125rem; line-height: 1.4; }
.cx-invite__dismiss { width: 2rem; height: 2rem; }
.cx-invite__dismiss svg { width: 1.125rem; height: 1.125rem; }

html.cx-lock, html.cx-lock body { overflow: hidden; }
body.lightbox-open .cx-root, body.option-overlay-open .cx-root, body.overlay-layer-open .cx-root, body.modal-open .cx-root, html.mobile-menu-open .cx-root, body.mobile-menu-open .cx-root { display: none; }

@keyframes cx-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes cx-rise { from { opacity: 0; transform: translateY(0.75rem) scale(0.985); } to { opacity: 1; transform: none; } }
@keyframes cx-up { from { translate: 0 100%; } to { translate: 0 0; } }

@media (min-width: 1024px) {
    .cx-root .cx-spacer { height: 5.5rem; }
}

@media (max-width: 1279px) and (min-width: 1024px) {
    .cx-c2__sub { display: none; }
}

@media (max-width: 1023px) {
    .cx-desk, .cx-desk-flex { display: none !important; }
    .cx-mob { display: inline; }
    .cx-root .cx-spacer { height: 5rem; }

    .cx-c2__bar { bottom: var(--cx-cta-h, 0px); padding-bottom: 0; }
    html:not(.cx-cta-on) .cx-c2__bar { padding-bottom: var(--cx-safe); }
    html.cx-cta-on .cx-c2__bar { box-shadow: none; }
    .cx-c2__inner { gap: 0.625rem; min-height: 3.5rem; padding: 0.5rem 0.75rem; }
    .cx-c2__icon { width: 2.25rem; height: 2.25rem; }
    .cx-c2__icon svg { width: 1.25rem; height: 1.25rem; }
    .cx-c2__sub, .cx-c2__setup { display: none; }
    .cx-c2__title { font-size: 0.875rem; }
    .cx-c2__actions .cx-btn { min-height: 2.5rem; padding: 0.5rem 0.875rem; }
    .cx-c2__mini { right: 0.75rem; bottom: var(--cx-cta-h, 0px); padding-bottom: 0.625rem; }
    html:not(.cx-cta-on) .cx-c2__mini { padding-bottom: calc(0.625rem + var(--cx-safe)); }

    .cx-panel { top: auto; right: 0; bottom: 0; left: 0; width: auto; max-width: 40rem; max-height: calc(100vh - var(--cx-panel-top)); max-height: calc(100dvh - var(--cx-panel-top)); margin: 0 auto; border: 0; border-radius: 1.25rem 1.25rem 0 0; box-shadow: 0 -24px 48px -16px rgba(15, 23, 42, 0.3); animation: cx-up 0.3s cubic-bezier(0.2, 0.8, 0.2, 1) backwards; }
    .cx-grabber { position: absolute; top: 0.4375rem; left: 50%; z-index: 1; display: block; width: 2.25rem; height: 0.25rem; margin-left: -1.125rem; border-radius: 999px; background: var(--cx-line-2); }
    .cx-msgr { bottom: var(--cx-kb, 0px); height: calc(100vh - var(--cx-panel-top) - var(--cx-kb, 0px)); height: calc(100dvh - var(--cx-panel-top) - var(--cx-kb, 0px)); }
    html.cx-kb-open .cx-msg__composer { padding-bottom: 0.75rem; }
    html.cx-kb-open .cx-msg__suggest { display: none; }
    .cx-msg__head { padding-top: 1.25rem; }
    .cx-invite { right: 0.75rem; max-width: calc(100vw - 1.5rem); }
    .cx-invite__open { padding: 0.625rem 0.5rem 0.625rem 0.625rem; }
    .cx-invite__sub { display: none; }
    .cx-scrim { background: rgba(17, 24, 39, 0.42); }
}

@media (pointer: coarse) {
    .cx-msgr .cx-icon-btn, .cx-invite__dismiss { width: 2.75rem; height: 2.75rem; }
    .cx-msg__head { padding-right: 0.5rem; }
    .cx-msg__send { width: 2.75rem; height: 2.75rem; }
    .cx-msg__compose textarea { min-height: 2.75rem; padding: 0.625rem 0; }
    .cx-msg__chip { min-height: 2.75rem; padding-inline: 1rem; }
    .cx-msg__reply { min-height: 2.75rem; }
    .cx-msg__text-btn { min-height: 2.75rem; padding: 0 0.625rem; }
    .cx-msg__jump { min-height: 2.75rem; padding-inline: 1rem; }
    .cx-msg__chats { min-height: 2.75rem; padding-inline: 0.875rem; }
}

@media (prefers-reduced-motion: reduce) {
    .cx-root *, .cx-root *::before { animation: none !important; transition: none !important; }
}

.cx-enabled #stoneee-chat-widget { display: none !important; }
.cx-msg__marketing { display: flex; gap: .5rem; align-items: flex-start; font-size: .75rem; color: var(--cx-muted); margin: .5rem 0; }
.cx-msg__marketing input { width: 1rem; height: 1rem; flex: 0 0 auto; margin-top: .1rem; }
.cx-c2__mini { border-radius: 999px; border-bottom: 1px solid var(--cx-line); }
@media (min-width: 1024px) { .cx-c2__mini { bottom: calc(var(--cx-cta-h, 0px) + 1.25rem); } }

@media (min-width: 1024px) {
    .cx-msgr { bottom: calc(var(--cx-cta-h, 0px) + 1.5rem); height: min(38rem, calc(100dvh - max(7rem, var(--cx-panel-top)) - var(--cx-cta-h, 0px) - 1.5rem)); }
}

/* Keep purchase controls available while the conversation is open. */
@media (max-width: 1023px) {
    .cx-c2__mini { bottom: calc(var(--cx-cta-h, 0px) + 0.75rem); border-radius: 999px; border-bottom: 1px solid var(--cx-line); }
    .cx-msgr { --cx-panel-bottom: max(var(--cx-kb, 0px), calc(var(--cx-cta-h, 0px) + 0.75rem)); bottom: var(--cx-panel-bottom); height: calc(100vh - var(--cx-panel-top) - var(--cx-panel-bottom)); height: calc(100dvh - var(--cx-panel-top) - var(--cx-panel-bottom)); border-radius: 1.25rem; }
    .cx-scrim { bottom: var(--cx-cta-h, 0px); }
}
