/* Theme-first defaults. Sites may override any --cognita-* token globally. */
.cognita-sales { position: fixed; z-index: 9999; left: var(--cognita-floating-left, 1rem); bottom: var(--cognita-floating-bottom, 1rem); color: inherit; font-family: var(--cognita-font-family, inherit); }
.cognita-sales *, .cognita-sales *::before, .cognita-sales *::after { box-sizing: border-box; }
.cognita-sales__launcher { padding: .8rem 1rem; border: 0; border-radius: 999px; color: var(--cognita-on-accent, var(--wp--preset--color--base, Canvas)); background: var(--cognita-accent, var(--wp--preset--color--contrast, currentColor)); box-shadow: var(--cognita-shadow, 0 8px 28px color-mix(in srgb, #000 28%, transparent)); font: inherit; cursor: pointer; }
.cognita-sales__launcher:hover { filter: brightness(.93); transform: translateY(-1px); }
.cognita-sales__launcher:focus-visible, .cognita-sales__close:focus-visible, .cognita-sales__form textarea:focus-visible, .cognita-sales__form button:focus-visible { outline: 2px solid var(--cognita-focus, currentColor); outline-offset: 3px; }
.cognita-sales__panel { width: min(23rem, calc(100vw - 2rem)); margin-top: .65rem; overflow: hidden; border: 1px solid var(--cognita-border, color-mix(in srgb, currentColor 20%, transparent)); border-radius: var(--cognita-radius, 1rem); color: var(--cognita-text, inherit); background: var(--cognita-surface, var(--wp--preset--color--base, Canvas)); box-shadow: var(--cognita-panel-shadow, 0 14px 40px color-mix(in srgb, #000 25%, transparent)); }
.cognita-sales__header { display: flex; align-items: center; justify-content: space-between; padding: .9rem 1rem; border-bottom: 1px solid var(--cognita-border, color-mix(in srgb, currentColor 14%, transparent)); }
.cognita-sales__close { border: 0; color: inherit; background: transparent; font: inherit; font-size: 1.4rem; line-height: 1; cursor: pointer; }
.cognita-sales__messages { display: grid; gap: .65rem; min-height: 9rem; max-height: 21rem; overflow: auto; padding: 1rem; }
.cognita-sales__message { max-width: 88%; padding: .65rem .8rem; border-radius: var(--cognita-message-radius, .75rem); line-height: 1.45; }
.cognita-sales__message--assistant { justify-self: start; color: var(--cognita-assistant-text, inherit); background: var(--cognita-subtle, color-mix(in srgb, currentColor 9%, var(--wp--preset--color--base, Canvas))); }
.cognita-sales__message--user { justify-self: end; color: var(--cognita-on-accent, var(--wp--preset--color--base, Canvas)); background: var(--cognita-accent, var(--wp--preset--color--contrast, currentColor)); }
.cognita-sales__message--thinking { display: flex; align-items: center; gap: .5rem; font-style: italic; }
.cognita-sales__message--thinking::before { width: .7rem; height: .7rem; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; content: ''; animation: cognita-sales-spin .8s linear infinite; }
@keyframes cognita-sales-spin { to { transform: rotate(360deg); } }
.cognita-sales__privacy { margin: 0; padding: 0 1rem .65rem; color: var(--cognita-muted, inherit); font-size: .8em; }
.cognita-sales__privacy a { color: inherit; }
.cognita-sales__form { display: flex; gap: .5rem; padding: .75rem; border-top: 1px solid var(--cognita-border, color-mix(in srgb, currentColor 14%, transparent)); }
.cognita-sales__form textarea { flex: 1; min-height: 2.7rem; resize: vertical; padding: .55rem; border: 1px solid var(--cognita-control-border, color-mix(in srgb, currentColor 30%, transparent)); border-radius: var(--cognita-control-radius, .5rem); color: inherit; background: var(--cognita-control-surface, transparent); font: inherit; }
.cognita-sales__form textarea::placeholder { color: var(--cognita-muted, color-mix(in srgb, currentColor 52%, transparent)); opacity: 1; }
.cognita-sales__form button { align-self: end; padding: .6rem .75rem; border: 0; border-radius: var(--cognita-control-radius, .5rem); color: var(--cognita-on-accent, var(--wp--preset--color--base, Canvas)); background: var(--cognita-accent, var(--wp--preset--color--contrast, currentColor)); font: inherit; cursor: pointer; }
.cognita-sales__form button:hover { filter: brightness(.93); }
@media (max-width: 600px) { .cognita-sales { left: .65rem; right: .65rem; bottom: .65rem; } .cognita-sales__panel { width: calc(100vw - 1.3rem); } .cognita-sales__messages { max-height: 45vh; } }