/* ============================================================
   Chat widget: self-contained skin (chat.css leans on the old theme's
   tokens, which these pages no longer define).
   ============================================================ */
.chat-panel { background: #fff; border: 1px solid var(--stone-line); box-shadow: 0 1.5rem 3rem rgba(20,20,20,.18); border-radius: 1rem; color: var(--ink); font-family: var(--sans); }
.chat-header { background: var(--lime); border-bottom: 0; padding: 0.9rem 1.1rem; }
.chat-header__avatar { width: 2.25rem; height: 2.25rem; border-radius: 0.5rem; background: var(--ink); border: 0; display: grid; place-items: center; color: var(--lime); }
.chat-header__avatar svg { display: none; }
.chat-header__avatar::before { content: 'N'; font-family: var(--sans); font-weight: 600; font-size: 1.15rem; line-height: 1; }
.chat-header__name { color: var(--ink); font-weight: 500; font-size: 1rem; }
.chat-header__status { color: var(--ink-2); font-family: var(--mono); font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0; opacity: .75; }
.chat-header__clear { color: var(--ink); background: transparent; border: 0; font-family: var(--mono); font-size: 0.75rem; text-transform: uppercase; cursor: pointer; opacity: .7; }
.chat-header__clear:hover { opacity: 1; }
.chat-messages { background: #fff; color: var(--ink); }
.chat-welcome__logo { font-family: var(--sans); font-weight: 500; font-size: 1.5rem; letter-spacing: -0.025em; text-transform: none; color: var(--ink); }
.chat-welcome__tagline { color: var(--ink-2); }
.chat-suggestion-btn { background: var(--paper); border: 1px solid var(--stone-line); color: var(--ink); border-radius: 999px; font-family: var(--sans); font-size: 0.9rem; padding: 0.55rem 0.9rem; cursor: pointer; text-align: left; }
.chat-suggestion-btn:hover { border-color: var(--ink); background: #fff; }
.chat-message__bubble { font-size: 0.95rem; }
.chat-message--assistant .chat-message__bubble { background: var(--stone); color: var(--ink); }
.chat-message--user .chat-message__bubble { background: var(--teal); color: #fff; }
.chat-message__bubble a { color: var(--teal); }
.chat-typing span { background: var(--mute); }
.chat-input-wrap { background: #fff; border-top: 1px solid var(--stone-line); }
.chat-input { background: var(--paper); border: 1px solid var(--stone-line); color: var(--ink); font-family: var(--sans); font-size: 0.95rem; border-radius: 0.6rem; }
.chat-input::placeholder { color: var(--mute); }
.chat-input:focus { border-color: var(--ink); box-shadow: none; }
.chat-send { background: var(--ink); color: var(--lime); border: 0; border-radius: 0.6rem; }
.chat-send svg { fill: var(--lime); }
.chat-send:disabled { background: var(--stone); color: var(--mute); }
.chat-send:disabled svg { fill: var(--mute); }
.chat-footer-note { color: var(--mute); font-family: var(--mono); font-size: 0.68rem; text-transform: uppercase; }
.chat-ask-btn, .chat-cta-btn { background: var(--lime); color: var(--ink); border: 0; border-radius: 999px; font-family: var(--mono); font-size: 0.8rem; text-transform: uppercase; }
@media (max-width: 480px) { .chat-panel { left: 0.75rem; right: 0.75rem; width: auto; max-height: calc(100dvh - 8rem); } }