/*
 * D4B Studio — AI Chat Widget Styles
 *
 * Scoped to #d4b-chat-widget — no cascade conflicts with page styles.
 * Uses var(--color-primary) from main.css for the accent color.
 *
 * When reusing for a client, only the accent color needs to change:
 *   override --color-primary inside #d4b-chat-widget { } if the client
 *   color differs from the theme's primary.
 *
 * Sections:
 *   1. Floating toggle button
 *   2. Chat drawer
 *   3. Drawer header
 *   4. Message list & bubbles
 *   5. Input area
 *   6. States (open, loading, empty)
 *   7. Mobile overrides (drawer height 90vh)
 */

/* ================================================================
   1. Floating Toggle Button
   ================================================================ */

/* TODO: #d4b-chat-toggle — position fixed, bottom-right, circle, z-index */
/* TODO: hover / active states */

/* ================================================================
   2. Chat Drawer
   ================================================================ */

/* TODO: #d4b-chat-drawer — position fixed, bottom-right, width, slide-up animation */
/* TODO: [hidden] — display none (closed state) */

/* ================================================================
   3. Drawer Header
   ================================================================ */

/* TODO: .chat-drawer-header — brand color background, title, close button */

/* ================================================================
   4. Message List & Bubbles
   ================================================================ */

/* TODO: .chat-messages — flex column, overflow-y scroll, padding */
/* TODO: .chat-bubble-user — right-aligned, primary color */
/* TODO: .chat-bubble-assistant — left-aligned, surface color */
/* TODO: .chat-welcome — muted intro message style */

/* ================================================================
   5. Input Area
   ================================================================ */

/* TODO: #d4b-chat-form — flex row, border-top */
/* TODO: input, button — height, border-radius, brand colors */

/* ================================================================
   6. States
   ================================================================ */

/* TODO: .chat-loading — typing indicator animation */
/* TODO: .chat-error — error message style */

/* ================================================================
   7. Mobile Overrides
   ================================================================ */

/* TODO: @media (max-width: 600px) — drawer height 90vh, full-width */