/* =========================================
    BOBBY THE BOBCAT ASSISTANT
    Full /partials/chatbot.css
    Includes: liquid glass UI + admin handoff styles
    ========================================= */

    :root {
    --bobby-text: #f8fafc;
    --bobby-muted: #a8b3c4;
    --bobby-dim: #6f7b8d;
    --bobby-green: #00b073;
    --bobby-green-dark: #00764c;
    --bobby-border: rgba(255, 255, 255, 0.16);
    --bobby-border-soft: rgba(255, 255, 255, 0.09);
    --bobby-shadow: 0 30px 90px rgba(0, 0, 0, 0.52);
    --bobby-radius: 28px;
    --bobby-blur: blur(28px) saturate(155%);
    }

    /* =========================================
    HARD RESET
    Keeps site CSS from breaking the widget
    ========================================= */

    #bobcat-chat-widget,
    #bobcat-chat-widget * {
    box-sizing: border-box !important;
    }

    #bobcat-chat-widget {
    position: relative !important;
    z-index: 99999 !important;
    font-family:
    Inter,
    ui-sans-serif,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif !important;
    color: var(--bobby-text) !important;
    pointer-events: none !important;
    }

    #bobcat-chat-widget button,
    #bobcat-chat-widget textarea,
    #bobcat-chat-widget a {
    font: inherit !important;
    }

    #bobcat-chat-widget button {
    appearance: none !important;
    -webkit-appearance: none !important;
    }

    #bobcat-chat-widget a {
    color: inherit !important;
    }

    /* Stop SVGs from exploding */
    #bobcat-chat-widget svg {
    width: 22px !important;
    height: 22px !important;
    max-width: 22px !important;
    max-height: 22px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    display: block !important;
    flex: 0 0 auto !important;
    }

    /* =========================================
    FLOATING BUTTON
    ========================================= */

    #bobcat-chat-widget .bobby-chat-fab {
    position: fixed !important;
    right: 26px !important;
    bottom: 26px !important;
    width: 68px !important;
    height: 68px !important;
    min-width: 68px !important;
    min-height: 68px !important;
    max-width: 68px !important;
    max-height: 68px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 999px !important;
    background:
    radial-gradient(circle at 30% 18%, rgba(255, 255, 255, 0.28), transparent 28%),
    linear-gradient(145deg, rgba(0, 176, 115, 0.96), rgba(0, 118, 76, 0.96)) !important;
    color: #ffffff !important;
    box-shadow:
    0 18px 44px rgba(0, 176, 115, 0.28),
    0 18px 60px rgba(0, 0, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
    cursor: pointer !important;
    z-index: 99998 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
    pointer-events: auto !important;
    transition:
    transform 0.22s cubic-bezier(.2, .8, .2, 1),
    box-shadow 0.22s ease,
    filter 0.22s ease !important;
    }

    #bobcat-chat-widget .bobby-chat-fab:hover {
    transform: translateY(-4px) scale(1.035) !important;
    filter: brightness(1.08) !important;
    }

    #bobcat-chat-widget .bobby-chat-fab:active {
    transform: scale(0.96) !important;
    }

    #bobcat-chat-widget .bobby-chat-pulse {
    position: absolute !important;
    inset: -6px !important;
    border-radius: inherit !important;
    border: 1px solid rgba(0, 176, 115, 0.35) !important;
    animation: bobbyPulse 2.6s infinite !important;
    pointer-events: none !important;
    }

    @keyframes bobbyPulse {
    0% {
    transform: scale(0.92);
    opacity: 0.65;
    }

    75% {
    transform: scale(1.22);
    opacity: 0;
    }

    100% {
    transform: scale(1.22);
    opacity: 0;
    }
    }

    #bobcat-chat-widget .bobby-fab-avatar {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
    max-width: 52px !important;
    max-height: 52px !important;
    border-radius: 999px !important;
    object-fit: cover !important;
    display: block;
    background: rgba(0, 0, 0, 0.18) !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    }

    #bobcat-chat-widget .bobby-fab-fallback {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
    max-width: 52px !important;
    max-height: 52px !important;
    border-radius: 999px !important;
    display: none;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    }

    #bobcat-chat-widget .bobby-fab-fallback svg,
    #bobcat-chat-widget .bobby-fab-icon {
    width: 28px !important;
    height: 28px !important;
    max-width: 28px !important;
    max-height: 28px !important;
    }

    /* =========================================
    CHAT WINDOW
    ========================================= */

    #bobcat-chat-widget .bobby-chat-window {
    position: fixed !important;
    right: 26px !important;
    bottom: 108px !important;
    width: min(500px, calc(100vw - 36px)) !important;
    height: min(680px, calc(100dvh - 130px)) !important;
    max-width: calc(100vw - 36px) !important;
    max-height: calc(100dvh - 130px) !important;
    padding: 0 !important;
    margin: 0 !important;
    z-index: 99999 !important;

    display: none !important;
    flex-direction: column !important;
    overflow: hidden !important;
    pointer-events: auto !important;

    color: var(--bobby-text) !important;
    background:
    radial-gradient(circle at 18% 0%, rgba(0, 176, 115, 0.18), transparent 30%),
    radial-gradient(circle at 92% 8%, rgba(255, 255, 255, 0.09), transparent 26%),
    linear-gradient(180deg, rgba(28, 32, 42, 0.88), rgba(10, 12, 17, 0.96)) !important;
    border: 1px solid var(--bobby-border) !important;
    border-radius: var(--bobby-radius) !important;
    box-shadow: var(--bobby-shadow) !important;
    backdrop-filter: var(--bobby-blur) !important;
    -webkit-backdrop-filter: var(--bobby-blur) !important;
    transform-origin: bottom right !important;
    }

    #bobcat-chat-widget .bobby-chat-window::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    border-radius: inherit !important;
    background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.14), transparent 24%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), transparent 38%) !important;
    opacity: 0.65 !important;
    z-index: 0 !important;
    }

    #bobcat-chat-widget .bobby-chat-window.is-open {
    display: flex !important;
    animation: bobbyOpen 0.25s cubic-bezier(.2, .8, .2, 1) both !important;
    }

    @keyframes bobbyOpen {
    from {
    opacity: 0;
    transform: translateY(18px) scale(0.96);
    }

    to {
    opacity: 1;
    transform: translateY(0) scale(1);
    }
    }

    /* =========================================
    HEADER
    ========================================= */

    #bobcat-chat-widget .bobby-chat-header {
    position: relative !important;
    z-index: 2 !important;
    flex: 0 0 auto !important;

    padding: 16px 18px !important;
    margin: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;

    border-bottom: 1px solid var(--bobby-border-soft) !important;
    background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.085), rgba(255, 255, 255, 0.045)) !important;
    backdrop-filter: blur(18px) saturate(145%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(145%) !important;
    }

    #bobcat-chat-widget .bobby-title-wrap {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    min-width: 0 !important;
    }

    #bobcat-chat-widget .bobby-avatar {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    min-height: 46px !important;
    max-width: 46px !important;
    max-height: 46px !important;
    border-radius: 17px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 46px !important;
    overflow: hidden !important;
    color: #ffffff !important;
    background:
    radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.22), transparent 30%),
    linear-gradient(135deg, #00b073, #00764c) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    box-shadow:
    0 12px 26px rgba(0, 176, 115, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
    }

    #bobcat-chat-widget .bobby-avatar img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: none;
    }

    #bobcat-chat-widget .bobby-avatar-fallback,
    #bobcat-chat-widget .bobby-welcome-fallback {
    width: 100% !important;
    height: 100% !important;
    max-width: 46px !important;
    max-height: 46px !important;
    display: flex;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    }

    #bobcat-chat-widget .bobby-avatar-fallback svg,
    #bobcat-chat-widget .bobby-welcome-fallback svg {
    width: 22px !important;
    height: 22px !important;
    }

    #bobcat-chat-widget .bobby-title {
    font-size: 1rem !important;
    font-weight: 850 !important;
    letter-spacing: -0.02em !important;
    color: #ffffff !important;
    line-height: 1.1 !important;
    margin: 0 !important;
    }

    #bobcat-chat-widget .bobby-subtitle {
    color: var(--bobby-muted) !important;
    font-size: 0.76rem !important;
    margin-top: 3px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    }

    #bobcat-chat-widget .bobby-status-dot {
    width: 7px !important;
    height: 7px !important;
    display: inline-block !important;
    border-radius: 999px !important;
    background: var(--bobby-green) !important;
    box-shadow: 0 0 12px rgba(0, 176, 115, 0.9) !important;
    margin-right: 6px !important;
    }

    #bobcat-chat-widget .bobby-actions {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    flex: 0 0 auto !important;
    }

    #bobcat-chat-widget .bobby-icon-btn {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 13px !important;
    border: 1px solid transparent !important;
    background: rgba(255, 255, 255, 0.04) !important;
    color: #dbe4ef !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    }

    #bobcat-chat-widget .bobby-icon-btn:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #ffffff !important;
    }

    /* =========================================
    BODY / MESSAGES
    ========================================= */

    #bobcat-chat-widget .bobby-chat-body {
    position: relative !important;
    z-index: 2 !important;

    flex: 1 1 auto !important;
    min-height: 0 !important;

    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    }

    #bobcat-chat-widget .bobby-chat-messages {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    padding: 16px !important;
    scroll-behavior: smooth !important;
    }

    #bobcat-chat-widget .bobby-chat-messages::-webkit-scrollbar {
    width: 8px !important;
    }

    #bobcat-chat-widget .bobby-chat-messages::-webkit-scrollbar-track {
    background: transparent !important;
    }

    #bobcat-chat-widget .bobby-chat-messages::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.14) !important;
    border-radius: 999px !important;
    }

    /* =========================================
    WELCOME PANEL
    ========================================= */

    #bobcat-chat-widget .bobby-welcome {
    padding: 14px !important;
    margin: 0 0 12px !important;
    border-radius: 22px !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.105), rgba(255, 255, 255, 0.055)),
    rgba(255, 255, 255, 0.045) !important;
    box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 16px 34px rgba(0, 0, 0, 0.14) !important;
    }

    #bobcat-chat-widget .bobby-welcome-top {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-bottom: 11px !important;
    }

    #bobcat-chat-widget .bobby-welcome-pfp {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    border-radius: 15px !important;
    overflow: hidden !important;
    background: linear-gradient(135deg, #00b073, #00764c) !important;
    color: #ffffff !important;
    flex: 0 0 42px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    }

    #bobcat-chat-widget .bobby-welcome-pfp img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: none;
    }

    #bobcat-chat-widget .bobby-welcome h3 {
    font-size: 0.98rem !important;
    margin: 0 !important;
    color: #ffffff !important;
    letter-spacing: -0.02em !important;
    line-height: 1.15 !important;
    }

    #bobcat-chat-widget .bobby-welcome p {
    margin: 3px 0 0 !important;
    color: var(--bobby-muted) !important;
    font-size: 0.79rem !important;
    line-height: 1.4 !important;
    }

    #bobcat-chat-widget .bobby-quick-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 9px !important;
    margin-top: 13px !important;
    }

    #bobcat-chat-widget .bobby-quick-card {
    min-height: 74px !important;
    border: 1px solid rgba(255, 255, 255, 0.105) !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, 0.058) !important;
    padding: 11px !important;
    text-decoration: none !important;
    color: #ffffff !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    }

    #bobcat-chat-widget .bobby-quick-card:hover {
    background: rgba(255, 255, 255, 0.095) !important;
    border-color: rgba(0, 176, 115, 0.26) !important;
    }

    #bobcat-chat-widget .bobby-quick-card span {
    font-size: 0.78rem !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    line-height: 1.15 !important;
    }

    #bobcat-chat-widget .bobby-quick-card small {
    margin-top: 8px !important;
    font-size: 0.68rem !important;
    line-height: 1.25 !important;
    color: var(--bobby-muted) !important;
    }

    #bobcat-chat-widget .bobby-chip-row {
    display: flex !important;
    gap: 8px !important;
    overflow-x: auto !important;
    padding: 0 1px 3px !important;
    margin-top: 12px !important;
    scrollbar-width: none !important;
    }

    #bobcat-chat-widget .bobby-chip-row::-webkit-scrollbar {
    display: none !important;
    }

    #bobcat-chat-widget .bobby-chip {
    flex: 0 0 auto !important;
    border: 1px solid rgba(0, 176, 115, 0.22) !important;
    background: rgba(0, 176, 115, 0.1) !important;
    color: #dffdf2 !important;
    border-radius: 999px !important;
    padding: 8px 10px !important;
    font-size: 0.74rem !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    }

    /* =========================================
    MESSAGES
    ========================================= */

    #bobcat-chat-widget .bobby-message {
    display: flex !important;
    margin-bottom: 12px !important;
    }

    #bobcat-chat-widget .bobby-message.is-user {
    justify-content: flex-end !important;
    }

    #bobcat-chat-widget .bobby-message.is-bot {
    justify-content: flex-start !important;
    }

    #bobcat-chat-widget .bobby-bubble {
    max-width: 86% !important;
    padding: 12px 14px !important;
    border-radius: 20px !important;
    font-size: 0.9rem !important;
    line-height: 1.48 !important;
    white-space: pre-wrap !important;
    overflow-wrap: anywhere !important;
    }

    #bobcat-chat-widget .bobby-message.is-bot .bobby-bubble {
    color: #edf2f7 !important;
    background: rgba(255, 255, 255, 0.082) !important;
    border: 1px solid rgba(255, 255, 255, 0.095) !important;
    border-bottom-left-radius: 7px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
    }

    #bobcat-chat-widget .bobby-message.is-user .bobby-bubble {
    color: #ffffff !important;
    background:
    linear-gradient(135deg, rgba(0, 176, 115, 0.98), rgba(0, 118, 76, 0.98)) !important;
    border-bottom-right-radius: 7px !important;
    box-shadow:
    0 10px 22px rgba(0, 118, 76, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
    }

    #bobcat-chat-widget .bobby-citations {
    margin-top: 9px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    }

    #bobcat-chat-widget .bobby-citation {
    display: inline-flex !important;
    align-items: center !important;
    max-width: 100% !important;
    padding: 5px 8px !important;
    border-radius: 999px !important;
    background: rgba(0, 176, 115, 0.12) !important;
    border: 1px solid rgba(0, 176, 115, 0.22) !important;
    color: #c9fbe6 !important;
    font-size: 0.72rem !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    }

    /* =========================================
    ADMIN HANDOFF
    ========================================= */

    #bobcat-chat-widget .bobby-action-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 4px 0 14px !important;
    padding-left: 2px !important;
    }

    #bobcat-chat-widget .bobby-action-btn {
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    background: rgba(255, 255, 255, 0.07) !important;
    color: #edf2f7 !important;
    border-radius: 999px !important;
    padding: 9px 12px !important;
    font-size: 0.78rem !important;
    font-weight: 800 !important;
    cursor: pointer !important;
    }

    #bobcat-chat-widget .bobby-action-btn.is-primary {
    background: linear-gradient(135deg, #00b073, #00764c) !important;
    border-color: rgba(0, 176, 115, 0.42) !important;
    color: #ffffff !important;
    box-shadow: 0 10px 22px rgba(0, 118, 76, 0.24) !important;
    }

    #bobcat-chat-widget .bobby-system-message {
    width: fit-content !important;
    max-width: 92% !important;
    margin: 10px auto 14px !important;
    padding: 7px 11px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255, 255, 255, 0.11) !important;
    background: rgba(255, 255, 255, 0.065) !important;
    color: #a8b3c4 !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    text-align: center !important;
    }

    #bobcat-chat-widget .bobby-message.is-admin {
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 9px !important;
    }

    #bobcat-chat-widget .bobby-admin-avatar {
    width: 31px !important;
    height: 31px !important;
    flex: 0 0 31px !important;
    border-radius: 999px !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-top: 18px !important;
    background: linear-gradient(135deg, rgba(0, 176, 115, 0.9), rgba(0, 118, 76, 0.95)) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    color: #ffffff !important;
    font-size: 0.72rem !important;
    font-weight: 900 !important;
    }

    #bobcat-chat-widget .bobby-admin-avatar img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    }

    #bobcat-chat-widget .bobby-admin-stack {
    max-width: 86% !important;
    }

    #bobcat-chat-widget .bobby-admin-name {
    margin: 0 0 4px 3px !important;
    color: #bdf7df !important;
    font-size: 0.72rem !important;
    font-weight: 900 !important;
    letter-spacing: 0.01em !important;
    }

    #bobcat-chat-widget .bobby-message.is-admin .bobby-bubble {
    max-width: 100% !important;
    color: #edf2f7 !important;
    background: rgba(0, 176, 115, 0.10) !important;
    border: 1px solid rgba(0, 176, 115, 0.20) !important;
    border-bottom-left-radius: 7px !important;
    }

    /* =========================================
    TYPING
    ========================================= */

    #bobcat-chat-widget .bobby-typing {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 13px 14px !important;
    }

    #bobcat-chat-widget .bobby-dot {
    width: 7px !important;
    height: 7px !important;
    border-radius: 999px !important;
    background: #cbd5e1 !important;
    opacity: 0.65 !important;
    animation: bobbyTyping 1.2s infinite ease-in-out !important;
    }

    #bobcat-chat-widget .bobby-dot:nth-child(2) {
    animation-delay: 0.15s !important;
    }

    #bobcat-chat-widget .bobby-dot:nth-child(3) {
    animation-delay: 0.3s !important;
    }

    @keyframes bobbyTyping {
    0%, 80%, 100% {
    transform: translateY(0);
    opacity: 0.4;
    }

    40% {
    transform: translateY(-4px);
    opacity: 1;
    }
    }

    /* =========================================
    COMPOSER
    ========================================= */

    #bobcat-chat-widget .bobby-composer {
    position: relative !important;
    z-index: 3 !important;

    flex: 0 0 auto !important;

    padding: 12px !important;
    margin: 0 !important;

    border-top: 1px solid var(--bobby-border-soft) !important;
    background: rgba(0, 0, 0, 0.24) !important;
    }

    #bobcat-chat-widget .bobby-chat-form {
    display: flex !important;
    align-items: flex-end !important;
    gap: 9px !important;
    margin: 0 !important;
    padding: 0 !important;
    }

    #bobcat-chat-widget .bobby-chat-input {
    flex: 1 !important;
    min-height: 46px !important;
    max-height: 118px !important;
    resize: none !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    outline: none !important;
    border-radius: 17px !important;
    padding: 13px 14px !important;
    margin: 0 !important;
    background: rgba(255, 255, 255, 0.075) !important;
    color: #ffffff !important;
    font-size: 0.9rem !important;
    line-height: 1.35 !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    }

    #bobcat-chat-widget .bobby-chat-input::placeholder {
    color: #8b96a8 !important;
    }

    #bobcat-chat-widget .bobby-chat-input:focus {
    border-color: rgba(0, 176, 115, 0.45) !important;
    box-shadow: 0 0 0 4px rgba(0, 176, 115, 0.12) !important;
    }

    #bobcat-chat-widget .bobby-chat-send {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    min-height: 46px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    border-radius: 16px !important;
    background:
    radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.18), transparent 28%),
    linear-gradient(135deg, #00b073, #00764c) !important;
    color: #ffffff !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 46px !important;
    }

    #bobcat-chat-widget .bobby-chat-send svg {
    width: 18px !important;
    height: 18px !important;
    max-width: 18px !important;
    max-height: 18px !important;
    }

    #bobcat-chat-widget .bobby-mini-note {
    margin: 7px 0 0 !important;
    color: var(--bobby-dim) !important;
    font-size: 0.67rem !important;
    line-height: 1.25 !important;
    text-align: center !important;
    }

    /* =========================================
    MOBILE
    ========================================= */

    @media (max-width: 640px) {
    #bobcat-chat-widget .bobby-chat-fab {
    right: 18px !important;
    bottom: 18px !important;
    width: 62px !important;
    height: 62px !important;
    min-width: 62px !important;
    min-height: 62px !important;
    max-width: 62px !important;
    max-height: 62px !important;
    }

    #bobcat-chat-widget .bobby-fab-avatar,
    #bobcat-chat-widget .bobby-fab-fallback {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    max-width: 48px !important;
    max-height: 48px !important;
    }

    #bobcat-chat-widget .bobby-chat-window {
    left: 10px !important;
    right: 10px !important;
    bottom: 86px !important;
    width: auto !important;
    height: min(650px, calc(100dvh - 104px)) !important;
    max-width: none !important;
    }

    #bobcat-chat-widget .bobby-chat-header {
    padding: 14px !important;
    }

    #bobcat-chat-widget .bobby-avatar {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    flex-basis: 42px !important;
    border-radius: 15px !important;
    }

    #bobcat-chat-widget .bobby-title {
    font-size: 0.95rem !important;
    }

    #bobcat-chat-widget .bobby-subtitle {
    max-width: 210px !important;
    font-size: 0.72rem !important;
    }

    #bobcat-chat-widget .bobby-chat-messages {
    padding: 13px !important;
    }

    #bobcat-chat-widget .bobby-welcome {
    padding: 13px !important;
    border-radius: 20px !important;
    }

    #bobcat-chat-widget .bobby-quick-grid {
    grid-template-columns: 1fr !important;
    }

    #bobcat-chat-widget .bobby-bubble {
    max-width: 90% !important;
    font-size: 0.88rem !important;
    }

    #bobcat-chat-widget .bobby-composer {
    padding: 10px !important;
    }

    #bobcat-chat-widget .bobby-admin-stack {
    max-width: 82% !important;
    }
    }

    @media (max-width: 420px) {
    #bobcat-chat-widget .bobby-chat-window {
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    max-width: 100vw !important;
    max-height: 100dvh !important;
    border-radius: 0 !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
    }

    #bobcat-chat-widget .bobby-chat-fab {
    right: 16px !important;
    bottom: 16px !important;
    }

    #bobcat-chat-widget .bobby-subtitle {
    max-width: 175px !important;
    }

    #bobcat-chat-widget .bobby-chat-header {
    padding-top: max(14px, env(safe-area-inset-top)) !important;
    }

    #bobcat-chat-widget .bobby-composer {
    padding-bottom: max(10px, env(safe-area-inset-bottom)) !important;
    }
    }

    /* =========================================
    REDUCED MOTION
    ========================================= */

    @media (prefers-reduced-motion: reduce) {
    #bobcat-chat-widget .bobby-chat-window.is-open,
    #bobcat-chat-widget .bobby-chat-pulse,
    #bobcat-chat-widget .bobby-dot {
    animation: none !important;
    }

    #bobcat-chat-widget .bobby-chat-fab,
    #bobcat-chat-widget .bobby-icon-btn,
    #bobcat-chat-widget .bobby-quick-card,
    #bobcat-chat-widget .bobby-chip,
    #bobcat-chat-widget .bobby-chat-send {
    transition: none !important;
    }
    }