/* Sales chat widget (assets/sales-chat.js). Built by the page-independent
   script, so every rule is scoped under .wsc and uses the site's color
   variables with fallbacks. */
.wsc { position: fixed; right: 1rem; bottom: 1rem; z-index: 60; font: 400 .95rem/1.45 var(--font-body, system-ui, sans-serif); color: var(--paper, #f4f2ed); }
.wsc [hidden] { display: none !important; }
.wsc-toggle { border: 1px solid var(--line-gold, rgba(230, 162, 60, .42)); border-radius: 999px; padding: .65rem 1.1rem; background: var(--void, #000); color: var(--gold-hot, #ffc153); font: inherit; font-weight: 600; cursor: pointer; }
.wsc-toggle:hover { background: var(--input-fill, #0b0a08); }
.wsc-panel { position: absolute; right: 0; bottom: 3.4rem; display: flex; flex-direction: column; width: min(24rem, calc(100vw - 2rem)); height: min(32rem, 70vh); border: 1px solid var(--line, #29251f); border-radius: .75rem; background: var(--void, #000); box-shadow: 0 .75rem 2.5rem rgba(0, 0, 0, .6); }
.wsc-head { display: flex; justify-content: space-between; align-items: center; padding: .7rem .9rem; border-bottom: 1px solid var(--line, #29251f); font-weight: 600; }
.wsc-close { border: 0; background: none; color: inherit; font-size: 1.3rem; line-height: 1; cursor: pointer; }
.wsc-log { flex: 1; overflow-y: auto; padding: .8rem .9rem; }
.wsc-msg { margin: 0 0 .7rem; white-space: pre-wrap; overflow-wrap: anywhere; }
.wsc-msg[data-role="user"] { color: var(--gold-hot, #ffc153); }
.wsc-msg[data-role="note"] { color: var(--mute, #918c84); font-size: .85rem; }
.wsc-escalate { margin: 0 0 .7rem; padding: .7rem; border: 1px solid var(--line-gold, rgba(230, 162, 60, .42)); border-radius: .5rem; display: grid; gap: .5rem; }
.wsc-escalate a { color: var(--gold-hot, #ffc153); }
.wsc input, .wsc button.wsc-send, .wsc button.wsc-handoff { font: inherit; }
.wsc input[type="text"], .wsc input[type="email"] { width: 100%; box-sizing: border-box; padding: .5rem .6rem; border: 1px solid var(--line, #29251f); border-radius: .4rem; background: var(--input-fill, #0b0a08); color: inherit; }
.wsc-form { display: flex; gap: .5rem; padding: .7rem .9rem; border-top: 1px solid var(--line, #29251f); }
.wsc-send, .wsc-handoff { border: 0; border-radius: .4rem; padding: .5rem .9rem; background: var(--gold, #e6a23c); color: var(--ink-on-gold, #160e03); font-weight: 600; cursor: pointer; }
.wsc-send:disabled, .wsc-handoff:disabled { opacity: .5; cursor: default; }