@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap');

/* =================================================================== */
/*                      THÈME OSMIA LABS - CHAT WIDGET                */
/*                     PURE GLASS MORPHISM - VERSION FINALE           */
/* =================================================================== */

/* Variables CSS pour le thème Osmia */
.n8n-chatbot-widget[data-theme="osmia"] {
    --osmia-primary: #0F172A;
    --osmia-secondary: #1E293B;
    --osmia-accent: #F9E71E;
    --osmia-gold: #f9e71e;
    --osmia-gold-dark: #e6d435;
    --osmia-light: #F8FAFC;
    --osmia-gray: #94A3B8;
    --transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    --border-radius: 20px;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-weight: 400 !important;
}

/* Body lock when chat open — no position:fixed (breaks Safari iOS touch) */
body.osmia-chat-open {
    overflow: hidden !important;
    touch-action: none !important;
}

.n8n-chatbot-widget[data-theme="osmia"].open .n8n-chatbot-icon {
    display: none !important;
}

.n8n-chatbot-widget[data-theme="osmia"].open .n8n-chatbot-box {
    display: grid !important;
    grid-template-rows: auto 1fr auto !important;
}

.n8n-chatbot-widget[data-theme="osmia"].position-right {
    right: 20px !important;
    left: auto !important;
    bottom: 20px !important;
    top: auto !important;
    position: fixed !important;
}

.n8n-chatbot-widget[data-theme="osmia"].position-left {
    left: 20px !important;
    right: auto !important;
    bottom: 20px !important;
    top: auto !important;
    position: fixed !important;
}

/* Mode plein écran — Fix iPhone safe areas + 100vh bug */
.n8n-chatbot-widget[data-theme="osmia"].fullscreen {
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    z-index: 9999999 !important;
    padding-top: env(safe-area-inset-top) !important;
    /* Backdrop plein écran — même style que le header du site */
    background: rgba(15, 23, 42, 0.60) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
}

.n8n-chatbot-widget[data-theme="osmia"].fullscreen .n8n-chatbot-box {
    width: 100% !important;
    height: 100vh !important;
    height: 100dvh !important;
    max-width: 100% !important;
    max-height: 100vh !important;
    max-height: 100dvh !important;
    border-radius: 0 !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-rows: auto 1fr auto !important;
}

/* ------------------------------------------------------------------- */
/* ICÔNE DU CHAT - STYLE OSMIA AVEC BADGE NOTIFICATION */
/* ------------------------------------------------------------------- */
.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-icon {
    background: linear-gradient(135deg, #F9E71E 0%, #f59e0b 100%) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(249, 231, 30, 0.5) !important;
    box-shadow: 0 8px 32px rgba(249, 231, 30, 0.25),
        inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
    border-radius: var(--border-radius) !important;
    transition: var(--transition) !important;
    position: relative;
    overflow: visible;
}

.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-icon:hover {
    transform: translateY(-8px) scale(1.1) !important;
    box-shadow: 0 20px 40px rgba(249, 231, 30, 0.4),
        0 8px 25px rgba(249, 231, 30, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-icon::before {
    content: '';
}

/* Badge de notification */
.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-icon .notification-badge {
    position: absolute !important;
    top: -8px !important;
    right: -8px !important;
    background: #ef4444 !important;
    color: white !important;
    border-radius: 50% !important;
    width: 24px !important;
    height: 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    box-shadow: 0 2px 8px rgba(239, 68, 68, 0.4) !important;
    animation: pulse 2s infinite !important;
    z-index: 10 !important;
}

@keyframes pulse {

    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }
}

.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-box .n8n-chatbot-icon {
    display: none !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-icon:hover::before {
    animation: osmiaWidgetFloat 2s ease-in-out infinite;
}

/* ------------------------------------------------------------------- */
/* FENÊTRE DE CHAT - PURE GLASS MORPHISM */
/* ------------------------------------------------------------------- */
.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-box {
    background: rgba(15, 23, 42, 0.85) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.25) !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    position: relative;
    isolation: isolate;
    transition: var(--transition) !important;
    /* Height override — taller than public.css default 500px */
    height: min(700px, calc(100vh - 100px)) !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-box::before {
    content: '';
    position: absolute;
    inset: 0;
    background: transparent;
    pointer-events: none;
    z-index: 0;
}

/* ------------------------------------------------------------------- */
/* EN-TÊTE DU CHAT - SANS ABEILLE, TEXTE À GAUCHE */
/* ------------------------------------------------------------------- */
.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-header {
    background: rgba(15, 23, 42, 0.90) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    padding: 8px 12px !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    flex-shrink: 0 !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-header-content {
    flex: 1 !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    padding-left: 12px !important;
    margin-top: -2px !important;
    gap: 2px !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-header-phrase {
    color: #F8FAFC !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    letter-spacing: 0.01em !important;
    margin: 0 !important;
    line-height: 1.2 !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-header-subtitle {
    color: var(--osmia-gray) !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-header-left-controls {
    display: flex !important;
    gap: 8px !important;
    align-items: center !important;
    flex-shrink: 0 !important;
}

/* Bouton plein écran */
.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-fullscreen-toggle {
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 50% !important;
    width: 30px !important;
    height: 30px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: var(--transition) !important;
    color: var(--osmia-light) !important;
    font-size: 16px !important;
    padding: 0 !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-fullscreen-toggle:hover {
    background: rgba(249, 231, 30, 0.2) !important;
    border-color: rgba(249, 231, 30, 0.4) !important;
    transform: scale(1.1) !important;
}

/* Bouton de fermeture */
.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-close {
    position: relative !important;
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 50% !important;
    width: 22px !important;
    height: 22px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: var(--transition) !important;
    color: var(--osmia-light) !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-close:hover {
    background: rgba(239, 68, 68, 0.5) !important;
    transform: rotate(90deg) !important;
}

/* ------------------------------------------------------------------- */
/* ZONE DE MESSAGES - AVEC ANIMATIONS SLIDE-IN */
/* ------------------------------------------------------------------- */
.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-messages {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 24px 18px 14px 18px !important;
    display: block !important;
    scroll-behavior: smooth !important;
    min-height: 0 !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-y !important;
}

/* Spacing between items inside messages (replaces flex gap) */
.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-messages>*+* {
    margin-top: 16px !important;
}

/* Extra spacing when switching between bot and user (conversation rhythm) */
.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-messages>.n8n-chatbot-message-block.bot+.n8n-chatbot-message-block.user,
.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-messages>.n8n-chatbot-message-block.user+.n8n-chatbot-message-block.bot {
    margin-top: 22px !important;
}

/* Message block : AVATAR À CÔTÉ */
.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-message-block {
    display: flex !important;
    max-width: 100% !important;
    width: 100% !important;
    animation: slideInMessage 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    opacity: 1 !important;
    animation-fill-mode: forwards !important;
}

/* Bot : full width */
.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-message-block.bot {
    justify-content: flex-start !important;
    width: 100% !important;
}

/* User : right-aligned */
.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-message-block.user {
    justify-content: flex-end !important;
    animation-name: slideInRight !important;
}

/* Messages — WRAPPER TRANSPARENT (Double Bubble Fix) */
.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-message {
    position: relative !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
    word-wrap: break-word !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-weight: 400 !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
    letter-spacing: -0.01em !important;
}

/* Kill pseudo-elements that could create ghost backgrounds */
.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-message::before,
.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-message::after {
    display: none !important;
}

/* Bot message — style on .message-content ONLY */
/* Bot message — NO bubble, text on background (ChatGPT style) */
.n8n-chatbot-widget[data-theme="osmia"] .bot-message {
    background: transparent !important;
    border: none !important;
    color: #E2E8F0 !important;
    max-width: 100% !important;
    width: 100% !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .bot-message .message-content {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 2px 4px 2px 0 !important;
    color: #F1F5F9 !important;
    width: 100% !important;
    box-shadow: none !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
    letter-spacing: -0.01em !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* Inline formatting — bot messages */
.n8n-chatbot-widget[data-theme="osmia"] .bot-message .message-content strong,
.n8n-chatbot-widget[data-theme="osmia"] .bot-message .message-content b {
    font-weight: 600 !important;
    color: var(--osmia-light, #F8FAFC) !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .bot-message .message-content em,
.n8n-chatbot-widget[data-theme="osmia"] .bot-message .message-content i {
    font-style: italic !important;
    color: rgba(226, 232, 240, 0.85) !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .bot-message .message-content a {
    color: var(--osmia-accent, #F9E71E) !important;
    text-decoration: underline !important;
    text-underline-offset: 2px !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .bot-message .message-content a:hover {
    color: var(--osmia-gold-dark, #e6d435) !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .bot-message .message-content p {
    margin: 4px 0 !important;
    line-height: 1.7 !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .bot-message .message-content ul {
    margin: 8px 0 !important;
    padding-left: 18px !important;
    list-style: disc !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .bot-message .message-content li {
    margin: 4px 0 !important;
    line-height: 1.6 !important;
}

/* Kill ALL residual backgrounds from public.css on bot messages */
.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-message-block.bot .message-content {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

/* User message — style on .message-content ONLY */
/* User message — pill bubble, rounded (ChatGPT style) */
.n8n-chatbot-widget[data-theme="osmia"] .user-message {
    background: transparent !important;
    border: none !important;
    color: #0F172A !important;
    font-weight: 500 !important;
    max-width: 80% !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .user-message .message-content {
    background: linear-gradient(135deg, var(--osmia-accent, #F9E71E) 0%, #f59e0b 100%) !important;
    border-radius: 20px !important;
    padding: 10px 18px !important;
    color: #0F172A !important;
    font-weight: 500 !important;
    font-size: 14.5px !important;
    line-height: 1.55 !important;
    letter-spacing: -0.005em !important;
}

/* Contenu du message */
.n8n-chatbot-widget[data-theme="osmia"] .message-content {
    margin-bottom: 2px !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .user-message .message-content {
    margin-bottom: 2px !important;
}

/* Timestamp — subtle */
.n8n-chatbot-widget[data-theme="osmia"] .message-time {
    font-family: 'Inter', sans-serif !important;
    font-size: 10px !important;
    font-weight: 400 !important;
    color: rgba(148, 163, 184, 0.4) !important;
    margin-top: 4px !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .user-message .message-time {
    color: rgba(148, 163, 184, 0.4) !important;
    font-weight: 400 !important;
    font-size: 10px !important;
    margin-top: 4px !important;
    text-align: right !important;
}

/* Avatar BOT À CÔTÉ dans un cercle */
/* Avatar hidden — identity is in the header only */
.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-avatar {
    display: none !important;
}

/* Message d'erreur */
.n8n-chatbot-widget[data-theme="osmia"] .error-message {
    background: rgba(239, 68, 68, 0.15) !important;
    border: 1px solid rgba(239, 68, 68, 0.3) !important;
    color: #fca5a5 !important;
}

/* ------------------------------------------------------------------- */
/* TYPING INDICATOR */
/* ------------------------------------------------------------------- */
.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-typing {
    display: none !important;
    padding: 0 20px 12px !important;
    align-items: center !important;
    gap: 10px !important;
    color: var(--osmia-gray) !important;
    font-size: 13px !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .typing-indicator {
    display: flex !important;
    gap: 4px !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .typing-indicator span {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: var(--osmia-accent) !important;
    animation: typing 1.4s infinite !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .typing-indicator span:nth-child(2) {
    animation-delay: 0.2s !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .typing-indicator span:nth-child(3) {
    animation-delay: 0.4s !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .typing-progress,
.n8n-chatbot-widget[data-theme="osmia"] .typing-status {
    color: rgba(248, 250, 252, 0.6) !important;
    font-size: 10px !important;
    margin-left: 6px !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .typing-status {
    font-style: italic !important;
}

/* ------------------------------------------------------------------- */
/* ZONE INPUT */
/* ------------------------------------------------------------------- */
.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-input-area {
    background: rgba(5, 8, 18, 0.98) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.10) !important;
    padding: 16px !important;
    position: relative;
    z-index: 2;
    flex-shrink: 0 !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-input-container,
.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-form {
    display: flex !important;
    gap: 12px !important;
    width: 100% !important;
    align-items: center !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-input,
.n8n-chatbot-widget[data-theme="osmia"] #n8n-chatbot-input {
    flex: 1 !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    color: var(--osmia-light) !important;
    padding: 12px 16px !important;
    border-radius: 12px !important;
    font-size: 16px !important;
    outline: none !important;
    transition: var(--transition) !important;
    min-width: 0 !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-input:focus,
.n8n-chatbot-widget[data-theme="osmia"] #n8n-chatbot-input:focus {
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.1) !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-input::placeholder,
.n8n-chatbot-widget[data-theme="osmia"] #n8n-chatbot-input::placeholder {
    color: rgba(248, 250, 252, 0.5) !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-send,
.n8n-chatbot-widget[data-theme="osmia"] #n8n-chatbot-send {
    background: linear-gradient(135deg, var(--osmia-accent) 0%, #f59e0b 100%) !important;
    border: none !important;
    border-radius: 12px !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    color: var(--osmia-primary) !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 18px !important;
    transition: var(--transition) !important;
    box-shadow: 0 4px 12px rgba(249, 231, 30, 0.18) !important;
    flex-shrink: 0 !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-send:hover,
.n8n-chatbot-widget[data-theme="osmia"] #n8n-chatbot-send:hover {
    transform: scale(1.1) !important;
    box-shadow: 0 6px 20px rgba(249, 231, 30, 0.35) !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-send i,
.n8n-chatbot-widget[data-theme="osmia"] #n8n-chatbot-send i {
    font-size: 18px !important;
    line-height: 1 !important;
    display: inline-block !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-send svg,
.n8n-chatbot-widget[data-theme="osmia"] #n8n-chatbot-send svg {
    display: none !important;
}

/* ------------------------------------------------------------------- */
/* SUGGESTIONS — PLEINE LARGEUR COLONNE (Rectangles Arrondis)          */
/* ------------------------------------------------------------------- */
.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-suggestions {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    padding: 4px 0 10px 0 !important;
    margin-top: 16px !important;
    margin-bottom: 0 !important;
    overflow: visible !important;
    white-space: normal !important;
    flex-wrap: nowrap !important;
    max-width: 100%;
    width: 100% !important;
    box-sizing: border-box;
    background: transparent !important;
}

.n8n-chatbot-widget[data-theme="osmia"].fullscreen .n8n-chatbot-suggestions {
    display: flex !important;
}

.n8n-chatbot-widget[data-theme="osmia"].fullscreen .n8n-chatbot-input-area {
    padding-bottom: calc(16px + env(safe-area-inset-bottom)) !important;
}

.n8n-chatbot-widget[data-theme="osmia"].fullscreen .n8n-chatbot-header {
    padding-top: calc(8px + env(safe-area-inset-top)) !important;
}

.n8n-chatbot-widget[data-theme="osmia"].fullscreen .n8n-chatbot-messages {
    padding-bottom: 10px !important;
}

/* ------------------------------------------------------------------- */
/* CONFORT DESKTOP — Contenu centré, fond plein écran                   */
/* Header pleine largeur, messages + input + cartes cadrés au centre   */
/* ------------------------------------------------------------------- */
@media (min-width: 769px) {
    /* Messages : contenu centré */
    .n8n-chatbot-widget[data-theme="osmia"].fullscreen .n8n-chatbot-messages {
        max-width: 860px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        width: 100% !important;
    }

    /* Input : bande pleine largeur, contenu centré */
    .n8n-chatbot-widget[data-theme="osmia"].fullscreen .n8n-chatbot-input-area {
        width: 100% !important;
        max-width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        background: rgba(5, 8, 18, 0.95) !important;
        border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
    }

    .n8n-chatbot-widget[data-theme="osmia"].fullscreen .n8n-chatbot-input-area > * {
        max-width: 860px !important;
        width: 100% !important;
    }

    /* Suggestions / boutons de choix */
    .n8n-chatbot-widget[data-theme="osmia"].fullscreen .n8n-chatbot-suggestions {
        max-width: 860px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        width: 100% !important;
    }

    /* Cartes riches — même largeur que le contenu */
    .n8n-chatbot-widget[data-theme="osmia"] .osmia-company-card,
    .n8n-chatbot-widget[data-theme="osmia"] .curve-card,
    .n8n-chatbot-widget[data-theme="osmia"] .scoring-card,
    .n8n-chatbot-widget[data-theme="osmia"] .osmia-biz-card,
    .n8n-chatbot-widget[data-theme="osmia"] .audit-message-card,
    .n8n-chatbot-widget[data-theme="osmia"] .osmia-loading-card,
    .n8n-chatbot-widget[data-theme="osmia"] .osmia-score-hero,
    .n8n-chatbot-widget[data-theme="osmia"] .osmia-revelation {
        max-width: 860px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* Boutons pleine largeur — Rectangles arrondis */
.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-suggestion {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(249, 231, 30, 0.45) !important;
    border-radius: 12px !important;
    padding: 12px 16px !important;
    font-size: 13px !important;
    color: #FFFFFF !important;
    font-family: inherit !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
    opacity: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: normal !important;
    width: 100% !important;
    min-height: 44px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    text-align: center !important;
    line-height: 1.3 !important;
    flex-shrink: 0 !important;
}

/* Retrait des chevrons/gradients — design original conservé */

@keyframes slideInRight {
    from {
        transform: translateX(40px);
        opacity: 0;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}

.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-suggestion:hover {
    background: #F9E71E !important;
    color: #0F172A !important;
    transform: translateY(-2px) !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-suggestion:active {
    transform: scale(0.95) !important;
}

/* ------------------------------------------------------------------- */
/* ANIMATIONS */
/* ------------------------------------------------------------------- */
@keyframes osmiaWidgetFloat {

    0%,
    100% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-10px);
    }
}

@keyframes slideInLeft {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes slideInRight {
    from {
        opacity: 0;
        transform: translateX(40px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes slideInMessage {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

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

@keyframes typing {

    0%,
    80%,
    100% {
        opacity: 0.5;
        transform: scale(0.8);
    }

    40% {
        opacity: 1;
        transform: scale(1);
    }
}

.osmia-typing-container {
    padding: 12px 20px;
    margin: 6px 0 6px 10px;
    width: fit-content;
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(249, 231, 30, 0.3);
    border-radius: 20px 20px 20px 4px;
    display: none;
    align-items: center;
    gap: 6px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    animation: slideInUp 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;

    align-self: flex-start;
    z-index: 2;
}

.osmia-typing-dot {
    width: 8px;
    height: 8px;
    background-color: #F9E71E;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(249, 231, 30, 0.6);
    animation: osmiaPulse 1.4s infinite ease-in-out both;
}

.osmia-typing-dot:nth-child(1) {
    animation-delay: -0.32s;
}

.osmia-typing-dot:nth-child(2) {
    animation-delay: -0.16s;
}

.osmia-typing-dot:nth-child(3) {
    animation-delay: 0s;
}

@keyframes osmiaPulse {

    0%,
    80%,
    100% {
        transform: scale(0.6);
        opacity: 0.4;
    }

    40% {
        transform: scale(1.2);
        opacity: 1;
    }
}

@keyframes slideInUp {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

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

/* ------------------------------------------------------------------- */
/* RESPONSIVE */
/* ------------------------------------------------------------------- */
@media (max-width: 480px) {
    .n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-box {
        width: calc(100vw - 20px) !important;
        height: calc(100vh - 100px) !important;
        height: calc(100dvh - 100px) !important;
        bottom: 10px !important;
        right: 10px !important;
        left: 10px !important;
    }

    .n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-input-area {
        padding: 12px !important;
    }

    .n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-input-container,
    .n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-form {
        gap: 8px !important;
    }

    .n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-input,
    .n8n-chatbot-widget[data-theme="osmia"] #n8n-chatbot-input {
        padding: 10px 14px !important;
    }

    .n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-send,
    .n8n-chatbot-widget[data-theme="osmia"] #n8n-chatbot-send {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        font-size: 16px !important;
    }

    .n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-suggestions {
        padding: 0 15px 12px !important;
    }

    .n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-suggestion {
        font-size: 12px !important;
        padding: 10px 14px !important;
    }

    .n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-message {
        max-width: 100% !important;
    }

    .n8n-chatbot-widget[data-theme="osmia"] .user-message {
        max-width: 85% !important;
    }

    .n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-avatar {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
    }
}

.n8n-chatbot-widget[data-theme="osmia"]:not(.open) .n8n-chatbot-icon {
    position: fixed !important;
    bottom: 20px !important;
    top: auto !important;
    z-index: 1000000 !important;
}

.n8n-chatbot-widget[data-theme="osmia"]:not(.open).position-right .n8n-chatbot-icon {
    right: 20px !important;
    left: auto !important;
}

.n8n-chatbot-widget[data-theme="osmia"]:not(.open).position-left .n8n-chatbot-icon {
    left: 20px !important;
    right: auto !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .osmia-bot-message .message-content {
    white-space: pre-wrap !important;
    line-height: 1.6 !important;
    border-left: none !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .osmia-bot-message .message-content h1,
.n8n-chatbot-widget[data-theme="osmia"] .osmia-bot-message .message-content h2,
.n8n-chatbot-widget[data-theme="osmia"] .osmia-bot-message .message-content h3,
.n8n-chatbot-widget[data-theme="osmia"] .osmia-bot-message .message-content h4,
.n8n-chatbot-widget[data-theme="osmia"] .osmia-bot-message .message-content h5,
.n8n-chatbot-widget[data-theme="osmia"] .osmia-bot-message .message-content h6 {
    margin: 6px 0 !important;
    font-weight: 600 !important;
    color: var(--osmia-light) !important;
    line-height: 1.4 !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .osmia-bot-message .message-content h1 {
    font-size: 18px !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .osmia-bot-message .message-content h2 {
    font-size: 16px !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .osmia-bot-message .message-content h3 {
    font-size: 15px !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .osmia-bot-message .message-content h4 {
    font-size: 14px !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .osmia-bot-message .message-content h5 {
    font-size: 13px !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .osmia-bot-message .message-content h6 {
    font-size: 12px !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .osmia-bot-message .message-content a {
    color: var(--osmia-accent) !important;
    text-decoration: underline !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .osmia-bot-message .message-content p {
    margin: 4px 0 !important;
    line-height: 1.6 !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .osmia-bot-message .message-content ul {
    margin: 8px 0 !important;
    padding-left: 18px !important;
    list-style: disc !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .osmia-bot-message .message-content li {
    margin: 4px 0 !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .osmia-bot-message .message-content strong {
    font-weight: 600 !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .ol-index {
    display: inline-block !important;
    min-width: 1.2em !important;
    color: rgba(248, 250, 252, 0.75) !important;
    font-weight: 600 !important;
}

/* (Old PATCH CARROUSEL HORIZONTAL removed — replaced by V4 column layout above) */
.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-reset {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    border-radius: 50% !important;
    width: 22px !important;
    height: 22px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: var(--transition) !important;
    color: var(--osmia-light) !important;
    padding: 0 !important;
    font-size: 12px !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-fullscreen-toggle {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 50% !important;
    width: 22px !important;
    height: 22px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--osmia-light) !important;
    padding: 0 !important;
    font-size: 12px !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-reset:hover {
    background: rgba(249, 231, 30, 0.2) !important;
}

/* Quand il y a 3+ suggestions, compacter légèrement sans casser le design */
.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-suggestions.suggestions-many .n8n-chatbot-suggestion {
    font-size: 12px !important;
    padding: 6px 12px !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-reset.rotating {
    animation: spin360 0.5s linear !important;
}

@keyframes spin360 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

/* =================================================================== */
/*                MODE MOBILE "APPLICATION NATIVE"                     */
/* =================================================================== */
@media (max-width: 600px) {
    .n8n-chatbot-widget[data-theme="osmia"].open {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: auto !important;
        width: 100% !important;
        height: 100dvh !important;
        margin: 0 !important;
        border-radius: 0 !important;
        z-index: 2147483647 !important;
        display: flex !important;
        flex-direction: column !important;
        background: rgba(15, 23, 42, 0.95) !important;
    }

    .n8n-chatbot-widget[data-theme="osmia"].open .n8n-chatbot-box,
    .n8n-chatbot-widget[data-theme="osmia"].fullscreen .n8n-chatbot-box {
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        max-height: none !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        top: 0 !important;
        border-radius: 0 !important;
        border: none !important;
        box-shadow: none !important;
        display: grid !important;
        grid-template-rows: auto 1fr auto !important;
        background: transparent !important;
        margin: 0 !important;
    }

    .n8n-chatbot-widget[data-theme="osmia"].open .n8n-chatbot-header {
        padding-top: max(10px, env(safe-area-inset-top)) !important;
        min-height: 60px !important;
    }

    .n8n-chatbot-widget[data-theme="osmia"].open .n8n-chatbot-messages {
        overflow-y: auto !important;
        scroll-behavior: smooth !important;
        -webkit-overflow-scrolling: touch !important;
        padding-bottom: 10px !important;
        min-height: 0 !important;
    }

    .n8n-chatbot-widget[data-theme="osmia"].open .n8n-chatbot-suggestions {
        flex-shrink: 0 !important;
        padding-bottom: 5px !important;
    }

    .n8n-chatbot-widget[data-theme="osmia"].open .n8n-chatbot-input-area {
        flex-shrink: 0 !important;
        padding-bottom: max(15px, env(safe-area-inset-bottom)) !important;
        background: rgba(15, 23, 42, 0.98) !important;
        position: relative !important;
    }

    .n8n-chatbot-fullscreen-toggle {
        display: none !important;
    }
}

/* =================================================================== */
/*       FIX V4: BOUTONS PLEINE LARGEUR COLONNE                        */
/* =================================================================== */

/* Container: colonne verticale pleine largeur */
.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-suggestions {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    padding: 10px 15px !important;
    margin: 0 !important;
    width: 100% !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
    white-space: normal !important;
    box-sizing: border-box !important;
}

/* Bouton pleine largeur — Rectangle arrondi 12px */
.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-suggestion {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(249, 231, 30, 0.45) !important;
    border-radius: 12px !important;
    padding: 12px 16px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.1px !important;
    text-transform: none !important;
    color: #FFFFFF !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
    white-space: normal !important;
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    width: 100% !important;
    text-align: center !important;
    line-height: 1.3 !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-suggestion:hover {
    background: rgba(249, 231, 30, 0.15) !important;
    border-color: #F9E71E !important;
    color: #F9E71E !important;
    transform: translateY(-1px) !important;
}

/* PRIMARY: dégradé jaune comme la maquette */
.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-suggestion.suggestion-primary {
    background: linear-gradient(135deg, #FFE600 0%, #F9C800 100%) !important;
    border: 1px solid #F9E71E !important;
    color: #0F172A !important;
    box-shadow: 0 2px 8px rgba(249, 231, 30, 0.2) !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-suggestion.suggestion-primary:hover {
    background: linear-gradient(135deg, #FFF033 0%, #FFD700 100%) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 3px 12px rgba(249, 231, 30, 0.35) !important;
    color: #0F172A !important;
}

/* Font Awesome icons */
.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-suggestion i {
    font-size: 11px !important;
    width: 12px !important;
    text-align: center !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-suggestion.suggestion-primary i {
    color: #0F172A !important;
}

/* Compact quand 3+ suggestions */
.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-suggestions.suggestions-many .n8n-chatbot-suggestion {
    font-size: 11.5px !important;
    padding: 7px 12px !important;
}

/* =================================================================== */
/*       MOBILE APP-LIKE TRANSITIONS & KEYBOARD HANDLING               */
/* =================================================================== */

/* Smooth open/close transition */
.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-box {
    transition: opacity 0.3s ease, transform 0.3s ease !important;
}

/* Body scroll lock helper — no position:fixed (breaks Safari iOS touch) */
body.n8n-chatbot-open {
    overflow: hidden !important;
    touch-action: none !important;
}

/* Mobile: When keyboard is open, adjust layout */
@media (max-width: 640px) {
    .n8n-chatbot-widget[data-theme="osmia"].open {
        transition: height 0.2s ease !important;
    }

    .n8n-chatbot-widget[data-theme="osmia"].open .n8n-chatbot-box {
        transition: height 0.2s ease !important;
    }

    /* When keyboard is open, messages area takes remaining space */
    .n8n-chatbot-widget[data-theme="osmia"].open.keyboard-open .n8n-chatbot-messages {
        flex: 1 1 0% !important;
        min-height: 0 !important;
        padding-bottom: 5px !important;
    }

    /* When keyboard is open, reduce header padding */
    .n8n-chatbot-widget[data-theme="osmia"].open.keyboard-open .n8n-chatbot-header {
        min-height: 48px !important;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    /* Input area sticks to bottom, above keyboard */
    .n8n-chatbot-widget[data-theme="osmia"].open .n8n-chatbot-input-area {
        flex-shrink: 0 !important;
        transition: padding-bottom 0.2s ease !important;
    }

    /* When keyboard is open, minimal bottom padding */
    .n8n-chatbot-widget[data-theme="osmia"].open.keyboard-open .n8n-chatbot-input-area {
        padding-bottom: 5px !important;
    }

    /* Suggestions row should not take too much space when keyboard is open */
    .n8n-chatbot-widget[data-theme="osmia"].open.keyboard-open .n8n-chatbot-suggestions {
        max-height: 50px !important;
        padding: 4px 0 !important;
    }
}

/* Input area stays on top and visible during keyboard transition */

/* ============================================ */
/* OPTION A: Clean mobile appearance            */
/* ============================================ */
@media (max-width: 640px) {

    .n8n-chatbot-widget .n8n-chatbot-fullscreen-toggle,
    .n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-fullscreen-toggle {
        display: none !important;
        visibility: hidden !important;
        width: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
    }
}

body.n8n-chatbot-open {
    background-color: #0F172A !important;
}

/* ============================================ */
/* UX: Fade-in animation for suggestion btns    */
/* ============================================ */
@keyframes osmia-slide-in {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

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

/* Sequential fade entrance for buttons */
@keyframes suggestionFadeIn {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-suggestion {
    opacity: 1 !important;
}

/* ============================================ */
/* UX: Ghost button style (Autre question...)   */
/* ============================================ */
.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-suggestion.suggestion-ghost {
    border-style: dashed !important;
    border-color: rgba(250, 204, 21, 0.4) !important;
    color: rgba(250, 204, 21, 0.7) !important;
    background: transparent !important;
    font-style: italic !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-suggestion.suggestion-ghost:hover {
    border-color: rgba(250, 204, 21, 0.8) !important;
    color: rgba(250, 204, 21, 1) !important;
    background: rgba(250, 204, 21, 0.08) !important;
}

/* ============================================ */
/* UX: Hint text below buttons                  */
/* ============================================ */
.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-hint {
    text-align: center;
    color: rgba(255, 255, 255, 0.4);
    font-size: 12px;
    font-style: italic;
    padding: 0;
    margin-top: -10px;
    letter-spacing: 0.3px;
}

/* =================================================================== */
/*              NUCLEAR OVERRIDE V4 — FINAL SOURCE OF TRUTH            */
/*  This section MUST remain at the very end to win CSS cascade.       */
/* =================================================================== */

/* --- Suggestions Container: VERTICAL COLUMN, NO SCROLL --- */
.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-suggestions {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
    padding: 4px 16px 8px !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    white-space: normal !important;
    box-sizing: border-box !important;
    background: transparent !important;
    min-height: auto !important;
    max-height: none !important;
    position: static !important;
    z-index: auto !important;
}

/* --- Suggestion Buttons: FULL WIDTH RECTANGLES 12px --- */
.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-suggestion {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 36px !important;
    padding: 8px 12px !important;
    margin: 0 !important;
    border: 1px solid rgba(249, 231, 30, 0.45) !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.06) !important;
    color: #FFFFFF !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    font-family: inherit !important;
    cursor: pointer !important;
    white-space: normal !important;
    text-align: center !important;
    line-height: 1.3 !important;
    box-sizing: border-box !important;
    flex-shrink: 0 !important;
    transition: all 0.25s ease !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-suggestion:hover {
    background: rgba(249, 231, 30, 0.15) !important;
    border-color: #F9E71E !important;
    color: #F9E71E !important;
    transform: translateY(-1px) !important;
}

/* Primary (yellow gradient) button */
.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-suggestion.suggestion-primary {
    background: linear-gradient(135deg, #FFE600 0%, #F9C800 100%) !important;
    border: 1px solid #F9E71E !important;
    color: #0F172A !important;
    box-shadow: 0 2px 8px rgba(249, 231, 30, 0.2) !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-suggestion.suggestion-primary:hover {
    background: linear-gradient(135deg, #FFF033 0%, #FFD700 100%) !important;
    color: #0F172A !important;
    box-shadow: 0 3px 12px rgba(249, 231, 30, 0.35) !important;
}

/* Ghost (dashed) button */
.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-suggestion.suggestion-ghost {
    border-style: dashed !important;
    border-color: rgba(250, 204, 21, 0.4) !important;
    color: rgba(250, 204, 21, 0.7) !important;
    background: transparent !important;
    font-style: italic !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-suggestion.suggestion-ghost:hover {
    border-color: rgba(250, 204, 21, 0.8) !important;
    color: rgba(250, 204, 21, 1) !important;
    background: rgba(250, 204, 21, 0.08) !important;
}

/* Icons inside buttons */
.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-suggestion i {
    font-size: 12px !important;
    margin-right: 6px !important;
}

/* Animation stagger for each button */
.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-suggestion:nth-child(1) {
    animation-delay: 0.1s !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-suggestion:nth-child(2) {
    animation-delay: 0.2s !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-suggestion:nth-child(3) {
    animation-delay: 0.3s !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-suggestion:nth-child(4) {
    animation-delay: 0.4s !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-suggestion:nth-child(5) {
    animation-delay: 0.5s !important;
}

/* --- Chat Choice Buttons (appendSuggestions system) --- */
.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-suggestions.horizontal-mode {
    flex-direction: column !important;
    overflow: visible !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .chat-choice-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 40px !important;
    padding: 10px 14px !important;
    border: 1px solid rgba(249, 231, 30, 0.45) !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.06) !important;
    color: #FFFFFF !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    white-space: normal !important;
    text-align: center !important;
    box-sizing: border-box !important;
    transition: all 0.25s ease !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .chat-choice-btn:hover {
    background: rgba(249, 231, 30, 0.15) !important;
    border-color: #F9E71E !important;
    color: #F9E71E !important;
}

/* Hint text */
.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-hint {
    text-align: center !important;
    color: rgba(255, 255, 255, 0.4) !important;
    font-size: 12px !important;
    font-style: italic !important;
    padding: 0 !important;
    margin-top: -4px !important;
}

/* Mobile: Keep buttons compact but readable */
@media (max-width: 600px) {
    .n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-suggestion {
        padding: 8px 12px !important;
        font-size: 12px !important;
        min-height: 36px !important;
    }

    .n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-suggestions {
        gap: 6px !important;
        padding: 6px 12px 8px !important;
        max-height: none !important;
    }

    .n8n-chatbot-widget[data-theme="osmia"] .chat-choice-btn {
        padding: 8px 12px !important;
        font-size: 12px !important;
        min-height: 36px !important;
    }
}

/* Keyboard-open: allow scroll but DON'T squash buttons */
.n8n-chatbot-widget[data-theme="osmia"].open.keyboard-open .n8n-chatbot-suggestions {
    max-height: none !important;
    overflow: visible !important;
}

/* =================================================================== */
/*      NUCLEAR SCROLL FIX — ABSOLUTE FINAL OVERRIDE (ALL MODES)      */
/* =================================================================== */
/* Box: ALWAYS grid with 3 rows (header, messages, input) */
.n8n-chatbot-widget[data-theme="osmia"].open .n8n-chatbot-box,
.n8n-chatbot-widget[data-theme="osmia"].fullscreen .n8n-chatbot-box {
    display: grid !important;
    grid-template-rows: auto 1fr auto !important;
    overflow: hidden !important;
}

/* Messages: ALWAYS block layout, ALWAYS scrollable — grid 1fr constrains height */
.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-messages,
.n8n-chatbot-widget[data-theme="osmia"].open .n8n-chatbot-messages,
.n8n-chatbot-widget[data-theme="osmia"].fullscreen .n8n-chatbot-messages {
    display: block !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-y !important;
}

/* =================================================================== */
/*              LOADING ANIMATION — SIGNAL INTELLIGENCE                */
/* =================================================================== */
.osmia-loading-card {
    background: rgba(15, 23, 42, 0.6) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(249, 231, 30, 0.15) !important;
    border-radius: 16px !important;
    padding: 20px !important;
    margin: 8px 0 !important;
    animation: loadingFadeIn 0.5s ease !important;
}

.osmia-loading-title {
    color: var(--osmia-accent, #F9E71E) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    margin-bottom: 16px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.osmia-loading-title .osmia-loading-spinner {
    width: 16px !important;
    height: 16px !important;
    border: 2px solid rgba(249, 231, 30, 0.2) !important;
    border-top-color: var(--osmia-accent, #F9E71E) !important;
    border-radius: 50% !important;
    animation: loadingSpin 0.8s linear infinite !important;
    flex-shrink: 0 !important;
}

.osmia-loading-steps {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}

.osmia-loading-step {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    opacity: 0.3 !important;
    transform: translateX(-8px) !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.osmia-loading-step.active {
    opacity: 1 !important;
    transform: translateX(0) !important;
}

.osmia-loading-step.done {
    opacity: 0.6 !important;
    transform: translateX(0) !important;
}

.osmia-loading-step-icon {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 13px !important;
    transition: all 0.3s ease !important;
}

.osmia-loading-step:not(.active):not(.done) .osmia-loading-step-icon {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.osmia-loading-step.active .osmia-loading-step-icon {
    background: rgba(249, 231, 30, 0.15) !important;
    border: 1px solid rgba(249, 231, 30, 0.4) !important;
    box-shadow: 0 0 12px rgba(249, 231, 30, 0.2) !important;
}

.osmia-loading-step.done .osmia-loading-step-icon {
    background: rgba(34, 197, 94, 0.15) !important;
    border: 1px solid rgba(34, 197, 94, 0.3) !important;
    color: #22c55e !important;
}

.osmia-loading-step-text {
    color: rgba(248, 250, 252, 0.85) !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
}

.osmia-loading-step.active .osmia-loading-step-text {
    color: #F8FAFC !important;
    font-weight: 600 !important;
}

.osmia-loading-step.done .osmia-loading-step-text {
    text-decoration: line-through !important;
    color: rgba(248, 250, 252, 0.4) !important;
}

.osmia-loading-progress {
    margin-top: 14px !important;
    height: 3px !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border-radius: 3px !important;
    overflow: hidden !important;
}

.osmia-loading-progress-bar {
    height: 100% !important;
    background: linear-gradient(90deg, var(--osmia-accent, #F9E71E), #f59e0b) !important;
    border-radius: 3px !important;
    width: 0% !important;
    transition: width 0.6s ease !important;
}

.osmia-loading-eta {
    text-align: center !important;
    color: rgba(248, 250, 252, 0.4) !important;
    font-size: 11px !important;
    margin-top: 8px !important;
    font-style: italic !important;
}

@keyframes loadingFadeIn {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes loadingSpin {
    to { transform: rotate(360deg); }
}

/* =================================================================== */
/*              PREMIUM POLISH                                         */
/* =================================================================== */

/* Subtle gold glow on chat box border when open */
.n8n-chatbot-widget[data-theme="osmia"].open .n8n-chatbot-box {
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.25),
                0 0 0 1px rgba(249, 231, 30, 0.06) !important;
}

/* Smoother message content rendering */
.n8n-chatbot-widget[data-theme="osmia"] .bot-message .message-content {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* Choice buttons — subtle gold shimmer on hover */
.n8n-chatbot-widget[data-theme="osmia"] .chat-choice-btn:hover,
.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-suggestion:hover {
    box-shadow: 0 4px 16px rgba(249, 231, 30, 0.15),
                inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}

/* Selected choice — premium feedback */
.n8n-chatbot-widget[data-theme="osmia"] .chat-choice-btn.selected {
    background: linear-gradient(135deg, var(--osmia-accent) 0%, #f59e0b 100%) !important;
    color: var(--osmia-primary) !important;
    border-color: transparent !important;
    font-weight: 700 !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .chat-choice-btn.fade-out {
    opacity: 0.2 !important;
    transform: scale(0.96) !important;
    pointer-events: none !important;
    transition: all 0.4s ease !important;
}

/* =================================================================== */
/*              A. AUDIT PREMIUM INTRO CARD                            */
/* =================================================================== */
.osmia-audit-intro {
    text-align: center !important;
    padding: 8px 4px !important;
    animation: auditIntroFadeIn 0.6s cubic-bezier(0.4, 0, 0.2, 1) both !important;
}

.osmia-audit-intro-icon {
    font-size: 32px !important;
    color: var(--osmia-accent, #F9E71E) !important;
    margin-bottom: 8px !important;
    animation: auditIconPulse 2s ease-in-out infinite !important;
}

.osmia-audit-intro-icon i {
    filter: drop-shadow(0 0 12px rgba(249, 231, 30, 0.4)) !important;
}

.osmia-audit-intro-title {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: var(--osmia-accent, #F9E71E) !important;
    letter-spacing: 0.02em !important;
    margin-bottom: 4px !important;
    text-shadow: 0 0 20px rgba(249, 231, 30, 0.2) !important;
}

.osmia-audit-intro-subtitle {
    font-size: 13px !important;
    color: rgba(248, 250, 252, 0.7) !important;
    margin-bottom: 14px !important;
    font-weight: 400 !important;
}

.osmia-audit-intro-features {
    display: flex !important;
    justify-content: center !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
}

.osmia-audit-intro-feature {
    background: rgba(249, 231, 30, 0.08) !important;
    border: 1px solid rgba(249, 231, 30, 0.2) !important;
    border-radius: 8px !important;
    padding: 6px 10px !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    color: rgba(248, 250, 252, 0.85) !important;
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    white-space: nowrap !important;
}

.osmia-audit-intro-feature i {
    color: var(--osmia-accent, #F9E71E) !important;
    font-size: 11px !important;
}

@keyframes auditIntroFadeIn {
    from {
        opacity: 0;
        transform: translateY(15px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes auditIconPulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.08); }
}

/* Inline audit form removed — conversational flow uses chat input */

/* Animate intro block entry */
.osmia-audit-intro-block {
    animation: slideInLeft 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* =================================================================== */
/*              C. CONSTAT DIGITAL CARDS (enhanced biz card)            */
/* =================================================================== */
/* Company card — glassmorphism */
.n8n-chatbot-widget[data-theme="osmia"] .osmia-company-card {
    background: rgba(15, 23, 42, 0.6) !important;
    backdrop-filter: blur(16px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(150%) !important;
    border: 1px solid rgba(148, 163, 184, 0.15) !important;
    border-radius: 16px !important;
    padding: 20px !important;
    margin: 4px 0 8px !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .osmia-card-header {
    text-align: center !important;
    padding-bottom: 14px !important;
    margin-bottom: 0 !important;
    border-bottom: 1px solid rgba(249, 231, 30, 0.08) !important;
}

/* Indicateurs rapides Site/Google/Reseaux */
.n8n-chatbot-widget[data-theme="osmia"] .osmia-card-indicators {
    display: flex !important;
    justify-content: center !important;
    gap: 16px !important;
    padding: 12px 20px !important;
    border-bottom: 1px solid rgba(148, 163, 184, 0.06) !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .osmia-card-indicator {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 4px !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .osmia-card-indicator-dot {
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .osmia-card-indicator-dot.green {
    background: #22c55e !important;
    box-shadow: 0 0 6px rgba(34,197,94,0.4) !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .osmia-card-indicator-dot.orange {
    background: #f59e0b !important;
    box-shadow: 0 0 6px rgba(245,158,11,0.4) !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .osmia-card-indicator-dot.red {
    background: #ef4444 !important;
    box-shadow: 0 0 6px rgba(239,68,68,0.4) !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .osmia-card-indicator-label {
    font-family: 'Inter', sans-serif !important;
    font-size: 10px !important;
    color: #64748B !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .osmia-card-company {
    font-family: 'Inter', sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #F9E71E !important;
    margin-bottom: 2px !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .osmia-card-city {
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #94A3B8 !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .osmia-card-info {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    margin-bottom: 12px !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .osmia-card-row {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 4px 0 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    color: #CBD5E1 !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .osmia-card-highlight {
    color: #F1F5F9 !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .osmia-card-row.dim {
    color: #64748B !important;
    font-size: 12px !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .osmia-card-review {
    font-size: 12px !important;
    color: #94A3B8 !important;
    font-style: italic !important;
    line-height: 1.5 !important;
    padding: 4px 0 !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .osmia-card-review-stars {
    color: #F9E71E !important;
    font-style: normal !important;
    font-size: 11px !important;
    display: block !important;
    margin-bottom: 2px !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .osmia-card-icon {
    width: 16px !important;
    height: 16px !important;
    flex-shrink: 0 !important;
    opacity: 0.7 !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .osmia-card-icon svg {
    width: 16px !important;
    height: 16px !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .osmia-card-section {
    margin-top: 10px !important;
    padding-top: 10px !important;
    border-top: 1px solid rgba(148, 163, 184, 0.08) !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .osmia-card-section-title {
    font-family: 'Inter', sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #94A3B8 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    margin-bottom: 6px !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .osmia-card-section-item {
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    color: #CBD5E1 !important;
    padding: 2px 0 !important;
    line-height: 1.5 !important;
}

/* Score card — design validated from scoring-demo.html */
.n8n-chatbot-widget[data-theme="osmia"] .scoring-card {
    background: rgba(15, 23, 42, 0.7) !important;
    backdrop-filter: blur(16px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(150%) !important;
    border: 1px solid rgba(148, 163, 184, 0.12) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .scoring-header {
    text-align: center !important;
    padding: 20px 20px 0 !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .scoring-label {
    font-family: 'Inter', sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #64748B !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    margin-bottom: 4px !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .scoring-company {
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #F1F5F9 !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .scoring-ring-zone {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 20px 0 16px !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .scoring-ring-wrap {
    position: relative !important;
    width: 110px !important;
    height: 110px !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .scoring-ring-wrap svg {
    display: block !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .scoring-ring-value {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    text-align: center !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .scoring-ring-number {
    font-family: 'Inter', sans-serif !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #F9E71E !important;
    line-height: 1 !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .scoring-ring-max {
    font-family: 'Inter', sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #64748B !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .scoring-potentiel {
    margin-top: 8px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    padding: 4px 12px !important;
    border-radius: 20px !important;
    display: inline-block !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .scoring-potentiel.eleve { color: #22c55e !important; background: rgba(34,197,94,0.1) !important; border: 1px solid rgba(34,197,94,0.2) !important; }
.n8n-chatbot-widget[data-theme="osmia"] .scoring-potentiel.moyen { color: #f59e0b !important; background: rgba(245,158,11,0.1) !important; border: 1px solid rgba(245,158,11,0.2) !important; }
.n8n-chatbot-widget[data-theme="osmia"] .scoring-potentiel.faible { color: #94A3B8 !important; background: rgba(148,163,184,0.1) !important; border: 1px solid rgba(148,163,184,0.2) !important; }

.n8n-chatbot-widget[data-theme="osmia"] .scoring-axes {
    padding: 0 20px 16px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .scoring-axe-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 4px !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .scoring-axe-name { font-family: 'Inter', sans-serif !important; font-size: 13px !important; color: #CBD5E1 !important; }
.n8n-chatbot-widget[data-theme="osmia"] .scoring-axe-score { font-family: 'Inter', sans-serif !important; font-size: 13px !important; font-weight: 600 !important; color: #F1F5F9 !important; }

.n8n-chatbot-widget[data-theme="osmia"] .scoring-axe-bar {
    height: 4px !important;
    background: rgba(148, 163, 184, 0.08) !important;
    border-radius: 2px !important;
    overflow: hidden !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .scoring-axe-fill {
    height: 100% !important;
    border-radius: 2px !important;
    background: linear-gradient(90deg, #F9E71E, #f59e0b) !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .scoring-section {
    padding: 14px 20px !important;
    border-top: 1px solid rgba(148, 163, 184, 0.06) !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .scoring-section-title {
    font-family: 'Inter', sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #64748B !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    margin-bottom: 10px !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .scoring-opp {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    padding: 6px 0 !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .scoring-opp-dot {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    margin-top: 5px !important;
    flex-shrink: 0 !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .scoring-opp-dot.red { background: #ef4444 !important; }
.n8n-chatbot-widget[data-theme="osmia"] .scoring-opp-dot.yellow { background: #f59e0b !important; }

.n8n-chatbot-widget[data-theme="osmia"] .scoring-opp-name { font-family: 'Inter', sans-serif !important; font-size: 13px !important; font-weight: 600 !important; color: #E2E8F0 !important; }
.n8n-chatbot-widget[data-theme="osmia"] .scoring-opp-score { font-size: 12px !important; color: #64748B !important; font-weight: 400 !important; }
.n8n-chatbot-widget[data-theme="osmia"] .scoring-opp-desc { font-family: 'Inter', sans-serif !important; font-size: 12px !important; color: #94A3B8 !important; margin-top: 1px !important; }

.n8n-chatbot-widget[data-theme="osmia"] .scoring-douleur {
    padding: 12px 20px !important;
    border-top: 1px solid rgba(148, 163, 184, 0.06) !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .scoring-douleur-text {
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    color: #94A3B8 !important;
    font-style: italic !important;
    line-height: 1.5 !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .scoring-conge {
    text-align: center !important;
    padding: 16px 20px !important;
    border-top: 1px solid rgba(148, 163, 184, 0.06) !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    color: #64748B !important;
    line-height: 1.6 !important;
}

/* ------------------------------------------------------------------- */
/* CURVE CARD — Progress Pills (Osmia colors)                          */
/* ------------------------------------------------------------------- */

.n8n-chatbot-widget[data-theme="osmia"] .curve-header {
    padding: 22px 20px 8px !important;
    text-align: center !important;
}
.n8n-chatbot-widget[data-theme="osmia"] .curve-label {
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    color: #94A3B8 !important;
    font-weight: 600 !important;
}
.n8n-chatbot-widget[data-theme="osmia"] .curve-company {
    font-family: 'Outfit', sans-serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    margin-top: 4px !important;
    color: #F8FAFC !important;
}

/* Global score */
.n8n-chatbot-widget[data-theme="osmia"] .curve-global {
    text-align: center !important;
    padding: 18px 20px 10px !important;
}
.n8n-chatbot-widget[data-theme="osmia"] .curve-score-line {
    display: flex !important;
    align-items: baseline !important;
    justify-content: center !important;
    gap: 10px !important;
}
.n8n-chatbot-widget[data-theme="osmia"] .curve-score-now {
    font-family: 'Outfit', sans-serif !important;
    font-size: 36px !important;
    font-weight: 300 !important;
    color: #64748B !important;
    line-height: 1 !important;
}
.n8n-chatbot-widget[data-theme="osmia"] .curve-score-sep {
    font-size: 18px !important;
    color: #475569 !important;
}
.n8n-chatbot-widget[data-theme="osmia"] .curve-score-target {
    font-family: 'Outfit', sans-serif !important;
    font-size: 52px !important;
    font-weight: 700 !important;
    color: #F9E71E !important;
    line-height: 1 !important;
    text-shadow: 0 0 24px rgba(249, 231, 30, 0.3), 0 0 48px rgba(249, 231, 30, 0.1) !important;
}
.n8n-chatbot-widget[data-theme="osmia"] .curve-score-pct {
    font-size: 18px !important;
    font-weight: 400 !important;
}
.n8n-chatbot-widget[data-theme="osmia"] .curve-score-sub {
    font-size: 12px !important;
    color: #94A3B8 !important;
    margin-top: 6px !important;
}
.n8n-chatbot-widget[data-theme="osmia"] .curve-score-sub strong {
    color: #F9E71E !important;
}

/* Badges */
.n8n-chatbot-widget[data-theme="osmia"] .curve-badges {
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
    padding-bottom: 18px !important;
}
.n8n-chatbot-widget[data-theme="osmia"] .curve-badge {
    font-size: 11px !important;
    font-weight: 600 !important;
    padding: 4px 12px !important;
    border-radius: 20px !important;
}
.n8n-chatbot-widget[data-theme="osmia"] .curve-badge-gold {
    background: rgba(249, 231, 30, 0.12) !important;
    color: #F9E71E !important;
}
.n8n-chatbot-widget[data-theme="osmia"] .curve-badge-amber {
    background: rgba(245, 158, 11, 0.10) !important;
    color: #f59e0b !important;
}

/* Pills */
.n8n-chatbot-widget[data-theme="osmia"] .curve-pills {
    padding: 0 20px 18px !important;
}
.n8n-chatbot-widget[data-theme="osmia"] .curve-pill {
    margin-bottom: 14px !important;
}
.n8n-chatbot-widget[data-theme="osmia"] .curve-pill:last-child {
    margin-bottom: 0 !important;
}
.n8n-chatbot-widget[data-theme="osmia"] .curve-pill-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 6px !important;
}
.n8n-chatbot-widget[data-theme="osmia"] .curve-pill-title {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #E2E8F0 !important;
}
.n8n-chatbot-widget[data-theme="osmia"] .curve-pill-gap {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #F9E71E !important;
    text-shadow: 0 0 6px rgba(249, 231, 30, 0.25) !important;
}
.n8n-chatbot-widget[data-theme="osmia"] .curve-pill-bar {
    position: relative !important;
    height: 28px !important;
    background: rgba(30, 41, 59, 0.6) !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 255, 255, 0.04) !important;
}
.n8n-chatbot-widget[data-theme="osmia"] .curve-pill-fill-target {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    height: 100% !important;
    background: linear-gradient(90deg, rgba(249, 231, 30, 0.0), rgba(249, 231, 30, 0.12)) !important;
    border-radius: 14px !important;
    animation: curveCardPulse 3s ease-in-out infinite !important;
}
.n8n-chatbot-widget[data-theme="osmia"] .curve-pill-fill-now {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    height: 100% !important;
    background: linear-gradient(90deg, rgba(100, 116, 139, 0.3), rgba(100, 116, 139, 0.5)) !important;
    border-radius: 14px !important;
    z-index: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    padding-right: 10px !important;
}
.n8n-chatbot-widget[data-theme="osmia"] .curve-pill-now-val {
    font-family: 'Outfit', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #94A3B8 !important;
}
.n8n-chatbot-widget[data-theme="osmia"] .curve-pill-target-val {
    position: absolute !important;
    right: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #F9E71E !important;
    z-index: 0 !important;
    text-shadow: 0 0 8px rgba(249, 231, 30, 0.4) !important;
}
@keyframes curveCardPulse {
    0%, 100% { opacity: 0.5; }
    50% { opacity: 1; }
}
.n8n-chatbot-widget[data-theme="osmia"] .curve-pill-detect {
    font-size: 11px !important;
    color: #64748B !important;
    font-style: italic !important;
    margin-top: 5px !important;
    padding-left: 4px !important;
}

/* Accroche */
.n8n-chatbot-widget[data-theme="osmia"] .curve-accroche {
    text-align: center !important;
    padding: 18px 20px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.04) !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #F8FAFC !important;
    line-height: 1.6 !important;
}
.n8n-chatbot-widget[data-theme="osmia"] .curve-accroche strong {
    color: #F9E71E !important;
}

/* ------------------------------------------------------------------- */
/* OPPORTUNITY CARD — Legacy (kept for backward compat)                */
/* ------------------------------------------------------------------- */

/* Count ring instead of score ring */
.n8n-chatbot-widget[data-theme="osmia"] .opp-count-ring {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100px !important;
    height: 100px !important;
    border-radius: 50% !important;
    border: 3px solid #F9E71E !important;
    margin: 0 auto 10px !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .opp-count-number {
    font-family: 'Outfit', sans-serif !important;
    font-size: 36px !important;
    font-weight: 700 !important;
    color: #F9E71E !important;
    line-height: 1 !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .opp-count-label {
    font-family: 'Inter', sans-serif !important;
    font-size: 11px !important;
    color: #94A3B8 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .opp-ia-level {
    font-family: 'Inter', sans-serif !important;
    font-size: 12px !important;
    color: #94A3B8 !important;
    text-align: center !important;
    margin-top: 6px !important;
}

/* Opportunity list */
.n8n-chatbot-widget[data-theme="osmia"] .opp-list {
    padding: 0 20px 14px !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .opp-item {
    padding: 14px 0 !important;
    border-bottom: 1px solid rgba(148, 163, 184, 0.06) !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .opp-item:last-child {
    border-bottom: none !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .opp-item-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 10px !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .opp-item-title {
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #F1F5F9 !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .opp-impact {
    font-family: 'Inter', sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    padding: 3px 8px !important;
    border-radius: 6px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.03em !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .opp-impact.high {
    background: rgba(249, 231, 30, 0.15) !important;
    color: #F9E71E !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .opp-impact.medium {
    background: rgba(245, 158, 11, 0.12) !important;
    color: #f59e0b !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .opp-impact.low {
    background: rgba(148, 163, 184, 0.10) !important;
    color: #94A3B8 !important;
}

/* Opportunity curve: now → target */
.n8n-chatbot-widget[data-theme="osmia"] .opp-curve {
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .opp-curve-now,
.n8n-chatbot-widget[data-theme="osmia"] .opp-curve-target {
    display: flex !important;
    align-items: flex-start !important;
    gap: 6px !important;
    flex: 1 !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .opp-curve-dot {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    margin-top: 4px !important;
    flex-shrink: 0 !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .opp-curve-dot.now {
    background: #ef4444 !important;
    box-shadow: 0 0 6px rgba(239, 68, 68, 0.4) !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .opp-curve-dot.target {
    background: #22c55e !important;
    box-shadow: 0 0 6px rgba(34, 197, 94, 0.4) !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .opp-curve-text {
    font-family: 'Inter', sans-serif !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .opp-curve-now .opp-curve-text {
    color: #94A3B8 !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .opp-curve-target .opp-curve-text {
    color: #E2E8F0 !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .opp-curve-arrow {
    color: #64748B !important;
    font-size: 14px !important;
    margin-top: 2px !important;
    flex-shrink: 0 !important;
}

/* Legacy score card (keep for backward compat) */
.n8n-chatbot-widget[data-theme="osmia"] .osmia-score-card {
    background: rgba(15, 23, 42, 0.6) !important;
    backdrop-filter: blur(16px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(150%) !important;
    border: 1px solid rgba(148, 163, 184, 0.15) !important;
    border-radius: 16px !important;
    padding: 20px !important;
    margin: 4px 0 8px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .osmia-score-header {
    text-align: center !important;
    margin-bottom: 16px !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .osmia-score-company {
    font-family: 'Inter', sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #F1F5F9 !important;
    margin-bottom: 4px !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .osmia-score-badge {
    font-family: 'Inter', sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .osmia-score-ring-container {
    position: relative !important;
    width: 100px !important;
    height: 100px !important;
    margin: 0 auto 16px !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .osmia-score-ring {
    display: block !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .osmia-score-ring-value {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #F9E71E !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .osmia-score-ring-value span {
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #94A3B8 !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .osmia-score-axes {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    margin-bottom: 16px !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .osmia-score-axe-header {
    display: flex !important;
    justify-content: space-between !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 12px !important;
    color: #CBD5E1 !important;
    margin-bottom: 3px !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .osmia-score-axe-val {
    font-weight: 600 !important;
    color: #F1F5F9 !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .osmia-score-axe-bar {
    height: 4px !important;
    background: rgba(148, 163, 184, 0.1) !important;
    border-radius: 2px !important;
    overflow: hidden !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .osmia-score-axe-fill {
    height: 100% !important;
    background: linear-gradient(90deg, #F9E71E, #f59e0b) !important;
    border-radius: 2px !important;
    transition: width 0.6s ease !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .osmia-score-section-title {
    font-family: 'Inter', sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #94A3B8 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    margin-bottom: 8px !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .osmia-score-opps {
    padding-top: 12px !important;
    border-top: 1px solid rgba(148, 163, 184, 0.08) !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .osmia-score-opp {
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
    padding: 6px 0 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    color: #CBD5E1 !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .osmia-score-opp-icon {
    flex-shrink: 0 !important;
    margin-top: 2px !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .osmia-score-opp-desc {
    font-size: 12px !important;
    color: #94A3B8 !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .osmia-score-douleur {
    margin-top: 12px !important;
    padding: 10px !important;
    background: rgba(249, 231, 30, 0.04) !important;
    border-left: 2px solid rgba(249, 231, 30, 0.3) !important;
    border-radius: 0 8px 8px 0 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    color: #94A3B8 !important;
    font-style: italic !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .osmia-score-conge {
    margin-top: 12px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    color: #94A3B8 !important;
    text-align: center !important;
    line-height: 1.6 !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .osmia-biz-card {
    background: rgba(255, 255, 255, 0.06) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 14px !important;
    padding: 14px !important;
    margin: 8px 0 !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .osmia-biz-header {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: var(--osmia-accent, #F9E71E) !important;
    margin-bottom: 10px !important;
    padding-bottom: 8px !important;
    border-bottom: 1px solid rgba(249, 231, 30, 0.15) !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .osmia-biz-icon {
    color: var(--osmia-accent, #F9E71E) !important;
    font-size: 13px !important;
    width: 18px !important;
    text-align: center !important;
    flex-shrink: 0 !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .osmia-biz-row {
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
    padding: 5px 0 !important;
    font-size: 13px !important;
    color: rgba(248, 250, 252, 0.85) !important;
    border-left: 2px solid transparent !important;
    padding-left: 6px !important;
    transition: all 0.3s ease !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .osmia-biz-row.osmia-biz-highlight {
    border-left-color: var(--osmia-accent, #F9E71E) !important;
    background: rgba(249, 231, 30, 0.04) !important;
    border-radius: 0 6px 6px 0 !important;
    padding: 6px 8px 6px 6px !important;
}

/* Alert rows (for negative signals) */
.n8n-chatbot-widget[data-theme="osmia"] .osmia-biz-row.osmia-biz-alert {
    border-left-color: #ef4444 !important;
    background: rgba(239, 68, 68, 0.04) !important;
    border-radius: 0 6px 6px 0 !important;
    padding: 6px 8px 6px 6px !important;
}

/* =================================================================== */
/*              D. CHOICE BUTTONS — PREMIUM HOVER & SELECT             */
/* =================================================================== */

/* Micro-animation hover: scale + glow */
.n8n-chatbot-widget[data-theme="osmia"] .chat-choice-btn:hover {
    transform: translateY(-1px) scale(1.02) !important;
    box-shadow: 0 4px 18px rgba(249, 231, 30, 0.18),
                0 0 0 1px rgba(249, 231, 30, 0.3),
                inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

/* Selected choice — checkmark + pulse animation */
.n8n-chatbot-widget[data-theme="osmia"] .chat-choice-btn.selected {
    background: linear-gradient(135deg, var(--osmia-accent, #F9E71E) 0%, #f59e0b 100%) !important;
    color: var(--osmia-primary, #0F172A) !important;
    border-color: transparent !important;
    font-weight: 700 !important;
    transform: scale(1) !important;
    animation: choiceSelectPulse 0.5s ease !important;
}

.choice-check {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 18px !important;
    height: 18px !important;
    background: rgba(15, 23, 42, 0.2) !important;
    border-radius: 50% !important;
    font-size: 10px !important;
    animation: checkmarkPop 0.3s ease both !important;
    animation-delay: 0.1s !important;
}

@keyframes choiceSelectPulse {
    0% { transform: scale(1); }
    30% { transform: scale(1.04); }
    60% { transform: scale(0.98); }
    100% { transform: scale(1); }
}

@keyframes checkmarkPop {
    0% { transform: scale(0); opacity: 0; }
    60% { transform: scale(1.3); opacity: 1; }
    100% { transform: scale(1); opacity: 1; }
}

/* Suggestion buttons also get the scale hover */
.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-suggestion:hover {
    transform: translateY(-1px) scale(1.02) !important;
}

/* =================================================================== */
/* ===== AUDIT PREMIUM MODE =========================================  */
/* =================================================================== */
/* All styles scoped to .audit-mode or .audit-* classes.               */
/* Only active when currentWebhookTarget === '2' (audit flow).         */
/* Assistant mode is NOT affected.                                     */
/* =================================================================== */

/* --- SVG Icon base styles --- */
.audit-svg-icon {
    display: inline-block !important;
    vertical-align: middle !important;
    color: rgba(248, 250, 252, 0.9) !important;
    flex-shrink: 0 !important;
}

.audit-svg-icon.audit-svg-gold {
    color: var(--osmia-accent, #F9E71E) !important;
}

.audit-svg-icon.audit-svg-green {
    color: #22c55e !important;
}

.audit-svg-icon.audit-svg-red {
    color: #ef4444 !important;
}

/* --- 1. Audit card: glass card bot messages (no avatar, no timestamp) --- */
.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-message-block.audit-card {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 16px !important;
    animation: slideInMessage 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .audit-message-card {
    background: rgba(21, 34, 56, 0.6) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(148, 163, 184, 0.2) !important;
    border-radius: 20px !important;
    padding: 20px 24px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;
    letter-spacing: 0.2px !important;
    color: #E2E8F0 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    white-space: pre-wrap !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .audit-message-card strong,
.n8n-chatbot-widget[data-theme="osmia"] .audit-message-card b {
    font-weight: 600 !important;
    color: #FFFFFF !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .audit-message-card a {
    color: var(--osmia-accent, #F9E71E) !important;
    text-decoration: underline !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .audit-message-card h1,
.n8n-chatbot-widget[data-theme="osmia"] .audit-message-card h2,
.n8n-chatbot-widget[data-theme="osmia"] .audit-message-card h3 {
    margin: 10px 0 6px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    color: #F8FAFC !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .audit-message-card h2 {
    font-size: 16px !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .audit-message-card h3 {
    font-size: 15px !important;
}

/* Typography: subtexts, labels */
.n8n-chatbot-widget[data-theme="osmia"] .audit-message-card .audit-company-label,
.n8n-chatbot-widget[data-theme="osmia"] .audit-message-card .audit-constat-text {
    font-size: 14px !important;
    color: #94A3B8 !important;
    line-height: 1.6 !important;
}

/* Force Outfit on all audit mode content */
.audit-mode .audit-message-card,
.audit-mode .audit-message-card * {
    font-family: 'Inter', sans-serif !important;
}

/* --- Audit mode: user messages - discreet, right-aligned, no timestamp --- */
.audit-mode .n8n-chatbot-message-block.audit-user {
    max-width: 70% !important;
    margin-left: auto !important;
    margin-bottom: 16px !important;
}

.audit-mode .audit-user-message {
    background: rgba(249, 231, 30, 0.12) !important;
    border: 1px solid rgba(249, 231, 30, 0.2) !important;
    border-radius: 16px 16px 4px 16px !important;
    padding: 10px 16px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #E2E8F0 !important;
    -webkit-font-smoothing: antialiased !important;
}

.audit-mode .audit-user-message .message-content {
    color: #E2E8F0 !important;
}

/* Keep old user message compat */
.audit-mode .n8n-chatbot-message-block.user {
    max-width: 70% !important;
    margin-left: auto !important;
}

/* --- 2. Audit premium loading (replaces 3 dots) --- */
.audit-loading {
    width: 100% !important;
    padding: 20px !important;
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(249, 231, 30, 0.1) !important;
    border-radius: 14px !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    animation: loadingFadeIn 0.4s ease !important;
    position: relative !important;
    overflow: hidden !important;
}

.audit-loading::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 2px !important;
    background: linear-gradient(90deg, transparent, var(--osmia-accent, #F9E71E), transparent) !important;
    opacity: 0.3 !important;
}

.audit-loading-spinner {
    flex-shrink: 0 !important;
}

.audit-loading-spinner svg {
    display: block !important;
}

.audit-loading-text {
    flex: 1 !important;
    color: rgba(248, 250, 252, 0.8) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    transition: opacity 0.3s ease !important;
}

.audit-loading-bar {
    width: 60px !important;
    height: 3px !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border-radius: 3px !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
}

.audit-loading-bar-fill {
    height: 100% !important;
    width: 30% !important;
    background: var(--osmia-accent, #F9E71E) !important;
    border-radius: 3px !important;
    animation: auditBarPulse 1.5s ease-in-out infinite !important;
}

@keyframes auditBarPulse {
    0% { width: 10%; margin-left: 0; }
    50% { width: 40%; margin-left: 30%; }
    100% { width: 10%; margin-left: 90%; }
}

/* --- 3. Audit business card (glass card Osmia) --- */
.n8n-chatbot-widget[data-theme="osmia"] .audit-biz-card {
    background: rgba(21, 34, 56, 0.6) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(148, 163, 184, 0.2) !important;
    border-radius: 24px !important;
    padding: 18px !important;
    margin: 10px 0 !important;
    position: relative !important;
    overflow: hidden !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .audit-biz-card:hover {
    border-color: rgba(249, 231, 30, 0.5) !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .audit-biz-card::before {
    display: none !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .audit-biz-card .osmia-biz-svg-icon {
    width: 20px !important;
    min-width: 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    color: rgba(248, 250, 252, 0.9) !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .audit-biz-card .osmia-biz-svg-icon .audit-svg-icon {
    color: rgba(248, 250, 252, 0.9) !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .audit-biz-card .osmia-biz-svg-icon .audit-svg-gold {
    color: rgba(248, 250, 252, 0.9) !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .audit-biz-card .osmia-biz-header {
    gap: 10px !important;
    font-size: 16px !important;
    padding-bottom: 10px !important;
    margin-bottom: 10px !important;
    border-bottom: 1px solid rgba(148, 163, 184, 0.15) !important;
    background: linear-gradient(90deg, #F9E71E 0%, #FF9A1A 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .audit-biz-card .osmia-biz-row {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 6px 0 !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    border-left: none !important;
    background: transparent !important;
    border-radius: 0 !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .audit-biz-card .osmia-biz-row.osmia-biz-highlight {
    border-left: none !important;
    border-left-color: transparent !important;
    background: transparent !important;
    padding: 6px 0 !important;
}

/* Star rating inline */
.audit-star-rating {
    display: inline-flex !important;
    align-items: center !important;
    gap: 2px !important;
    vertical-align: middle !important;
}

.audit-star-rating .audit-svg-icon {
    width: 14px !important;
    height: 14px !important;
}

.audit-star-value {
    font-weight: 600 !important;
    color: var(--osmia-accent, #F9E71E) !important;
    margin-left: 4px !important;
    font-size: 13px !important;
}

/* --- 4. Constat sections (glass cards Osmia) --- */
.audit-constat-section {
    display: flex !important;
    gap: 12px !important;
    padding: 20px !important;
    margin: 6px 0 !important;
    background: rgba(21, 34, 56, 0.6) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(148, 163, 184, 0.2) !important;
    border-radius: 24px !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.audit-constat-section:hover {
    border-color: rgba(249, 231, 30, 0.5) !important;
    background: rgba(21, 34, 56, 0.7) !important;
}

.audit-constat-section.audit-constat-alert,
.audit-constat-section.audit-constat-positive {
    /* No colored left border -- unified glass style */
    border-left: 1px solid rgba(148, 163, 184, 0.2) !important;
}

.audit-constat-icon {
    width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 16px !important;
    color: rgba(248, 250, 252, 0.9) !important;
    flex-shrink: 0 !important;
}

.audit-constat-icon .audit-svg-icon {
    color: rgba(248, 250, 252, 0.9) !important;
}

.audit-constat-body {
    flex: 1 !important;
    min-width: 0 !important;
}

.audit-constat-title {
    font-size: 14px !important;
    font-weight: 600 !important;
    background: linear-gradient(90deg, #F9E71E 0%, #FF9A1A 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    margin-bottom: 4px !important;
    line-height: 1.3 !important;
}

.audit-constat-text {
    font-size: 13px !important;
    color: rgba(248, 250, 252, 0.75) !important;
    line-height: 1.5 !important;
    white-space: pre-wrap !important;
}

/* --- 5. Score dashboard premium (glass card Osmia) --- */
.n8n-chatbot-widget[data-theme="osmia"] .audit-scores-dashboard {
    background: rgba(21, 34, 56, 0.6) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(148, 163, 184, 0.2) !important;
    border-radius: 24px !important;
    padding: 24px !important;
    margin: 12px 0 !important;
    position: relative !important;
    overflow: hidden !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .audit-scores-dashboard::before {
    display: none !important;
}

/* Score rows */
.n8n-chatbot-widget[data-theme="osmia"] .osmia-score-row {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 8px 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .osmia-score-row:last-of-type {
    border-bottom: none !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .osmia-score-icon {
    width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255, 255, 255, 0.05) !important;
    border-radius: 8px !important;
    color: rgba(248, 250, 252, 0.7) !important;
    font-size: 13px !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .audit-scores-dashboard .osmia-score-icon {
    background: rgba(249, 231, 30, 0.08) !important;
    border: 1px solid rgba(249, 231, 30, 0.15) !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .osmia-score-info {
    flex: 1 !important;
    min-width: 0 !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .osmia-score-label {
    font-size: 12px !important;
    font-weight: 500 !important;
    color: rgba(248, 250, 252, 0.8) !important;
    margin-bottom: 4px !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .osmia-score-track {
    height: 6px !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border-radius: 6px !important;
    overflow: hidden !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .osmia-score-fill {
    height: 100% !important;
    width: 0% !important;
    border-radius: 6px !important;
    transition: width 0.8s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .osmia-score-val {
    font-size: 16px !important;
    font-weight: 700 !important;
    min-width: 50px !important;
    text-align: right !important;
    font-variant-numeric: tabular-nums !important;
}

/* Hero circle score (audit) */
.audit-score-hero {
    text-align: center !important;
    padding: 16px 0 12px !important;
    margin-bottom: 8px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.audit-score-circle-wrap {
    position: relative !important;
    display: inline-block !important;
    width: 120px !important;
    height: 120px !important;
}

.audit-score-circle {
    display: block !important;
}

.audit-score-circle-val {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    font-size: 32px !important;
    font-weight: 800 !important;
    font-variant-numeric: tabular-nums !important;
    background: linear-gradient(90deg, #F9E71E 0%, #FF9A1A 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

.audit-score-circle-label {
    margin-top: 8px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: rgba(248, 250, 252, 0.6) !important;
    letter-spacing: 0.05em !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
}

/* Hero ring score (non-audit fallback) */
.osmia-score-hero {
    text-align: center !important;
    padding: 14px 0 10px !important;
}

.osmia-score-hero-ring {
    width: 80px !important;
    height: 80px !important;
    border-radius: 50% !important;
    border: 4px solid rgba(255, 255, 255, 0.08) !important;
    background: conic-gradient(var(--score-color, #f59e0b) var(--score-pct, 0deg), rgba(255, 255, 255, 0.06) var(--score-pct, 0deg)) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
}

.osmia-score-hero-ring::after {
    content: '' !important;
    position: absolute !important;
    width: 64px !important;
    height: 64px !important;
    border-radius: 50% !important;
    background: rgba(15, 23, 42, 0.95) !important;
}

.osmia-score-hero-val {
    position: relative !important;
    z-index: 1 !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    color: #F8FAFC !important;
}

.osmia-score-hero-label {
    margin-top: 6px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: rgba(248, 250, 252, 0.5) !important;
    letter-spacing: 0.05em !important;
}

/* --- 6. Audit choice buttons (Osmia secondary style, no radio) --- */
.n8n-chatbot-widget[data-theme="osmia"] .audit-choices {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    padding: 8px 0 !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .audit-choice-btn {
    display: flex !important;
    align-items: center !important;
    text-align: left !important;
    width: 100% !important;
    padding: 12px 20px !important;
    border: 1px solid rgba(148, 163, 184, 0.15) !important;
    border-radius: 12px !important;
    background: transparent !important;
    color: #E2E8F0 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    cursor: pointer !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .audit-choice-btn:hover {
    background: rgba(249, 231, 30, 0.08) !important;
    border-color: rgba(249, 231, 30, 0.3) !important;
    transform: none !important;
    box-shadow: none !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .audit-choice-btn.selected {
    background: rgba(249, 231, 30, 0.15) !important;
    border-color: rgba(249, 231, 30, 0.5) !important;
    color: #F9E71E !important;
    font-weight: 500 !important;
    box-shadow: none !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .audit-choice-btn.fade-out {
    opacity: 0.15 !important;
    transform: none !important;
    pointer-events: none !important;
    transition: all 0.4s ease !important;
}

/* --- 6b. "Autre" choice button (outline/discreet style) --- */
.n8n-chatbot-widget[data-theme="osmia"] .audit-choice-btn.audit-choice-other {
    background: transparent !important;
    border: 1px dashed rgba(148, 163, 184, 0.4) !important;
    color: #94A3B8 !important;
    font-weight: 400 !important;
}
.n8n-chatbot-widget[data-theme="osmia"] .audit-choice-btn.audit-choice-other:hover {
    border-color: rgba(249, 231, 30, 0.5) !important;
    color: #F8FAFC !important;
}

/* --- 6c. "Autre" inline input field --- */
.audit-other-input-wrap {
    display: flex !important;
    gap: 8px !important;
    padding: 4px 0 !important;
    animation: loadingFadeIn 0.3s ease !important;
}
.audit-other-input {
    flex: 1 !important;
    background: rgba(21, 34, 56, 0.5) !important;
    border: 1px solid rgba(148, 163, 184, 0.25) !important;
    border-radius: 12px !important;
    padding: 10px 14px !important;
    color: #F8FAFC !important;
    font-size: 14px !important;
    font-family: 'Inter', sans-serif !important;
    outline: none !important;
    transition: border-color 0.2s ease !important;
}
.audit-other-input:focus {
    border-color: rgba(249, 231, 30, 0.5) !important;
}
.audit-other-input::placeholder {
    color: rgba(148, 163, 184, 0.5) !important;
}
.audit-other-send {
    background: linear-gradient(90deg, #F9E71E 0%, #FF9A1A 100%) !important;
    border: none !important;
    border-radius: 12px !important;
    padding: 10px 16px !important;
    color: #0F172A !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    cursor: pointer !important;
    font-family: 'Inter', sans-serif !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 44px !important;
}
.audit-other-send:hover {
    transform: scale(1.05) !important;
    box-shadow: 0 4px 15px rgba(249, 231, 30, 0.3) !important;
}
.audit-other-send .audit-svg-icon {
    width: 18px !important;
    height: 18px !important;
}

/* --- 7. Freetext hint --- */
.audit-freetext-hint {
    text-align: center !important;
    color: rgba(248, 250, 252, 0.35) !important;
    font-size: 11px !important;
    padding: 4px 0 8px !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    transition: color 0.2s ease !important;
}

.audit-freetext-hint:hover {
    color: rgba(248, 250, 252, 0.55) !important;
}

.audit-freetext-hint .audit-svg-icon {
    opacity: 0.5 !important;
}

/* --- 8. Phase indicator (shared) --- */
.osmia-phase-indicator {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 6px 0 !important;
}

.osmia-phase-dots {
    display: flex !important;
    gap: 4px !important;
}

.osmia-phase-dot {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    transition: all 0.3s ease !important;
}

.osmia-phase-dot.filled {
    background: var(--osmia-accent, #F9E71E) !important;
    box-shadow: 0 0 6px rgba(249, 231, 30, 0.4) !important;
}

.osmia-phase-dot.empty {
    background: rgba(255, 255, 255, 0.15) !important;
}

.osmia-phase-label {
    font-size: 11px !important;
    color: rgba(248, 250, 252, 0.6) !important;
    font-weight: 500 !important;
}

/* --- 9. Revelation card (shared) --- */
.osmia-revelation {
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(249, 231, 30, 0.12) !important;
    border-radius: 12px !important;
    padding: 12px 14px !important;
    margin: 8px 0 !important;
}

.osmia-rev-status {
    color: #22c55e !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    margin-bottom: 6px !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.osmia-rev-teaser {
    color: var(--osmia-accent, #F9E71E) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    margin-top: 6px !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.osmia-rev-progress {
    font-size: 12px !important;
    color: rgba(248, 250, 252, 0.5) !important;
}

.osmia-rev-line {
    font-size: 13px !important;
    color: rgba(248, 250, 252, 0.75) !important;
    line-height: 1.5 !important;
}

/* --- 10. Separator --- */
.osmia-separator {
    height: 1px !important;
    background: linear-gradient(90deg, transparent, rgba(249, 231, 30, 0.2), transparent) !important;
    margin: 12px 0 !important;
}

/* --- 11. Launcher bee SVG --- */
.osmia-launcher-bee {
    display: block !important;
    width: 28px !important;
    height: 28px !important;
}

/* --- 11b. Step separator (between audit exchanges) --- */
.audit-step-separator {
    height: 1px !important;
    background: linear-gradient(90deg, transparent, rgba(249, 231, 30, 0.2), transparent) !important;
    margin: 16px 0 !important;
}

/* --- 12. Unified audit loading (full-width, not in bubble) --- */
.osmia-audit-loading {
    width: 100% !important;
    box-sizing: border-box !important;
    background: rgba(21, 34, 56, 0.6) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(148, 163, 184, 0.2) !important;
    border-radius: 24px !important;
    padding: 20px !important;
    margin: 8px 0 !important;
    animation: loadingFadeIn 0.5s ease !important;
}

/* Loading header: title + percentage */
.osmia-loading-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 12px !important;
}

.osmia-loading-title {
    font-family: 'Inter', sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #F1F5F9 !important;
}

.osmia-loading-percent {
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #F9E71E !important;
}

/* Progress bar */
.osmia-audit-loading-progress {
    height: 3px !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border-radius: 3px !important;
    overflow: hidden !important;
    margin-bottom: 16px !important;
}

.osmia-audit-loading-progress-bar {
    height: 100% !important;
    background: linear-gradient(90deg, #F9E71E 0%, #f59e0b 100%) !important;
    border-radius: 3px !important;
    width: 0% !important;
    transition: width 1s ease !important;
}

/* Steps list */
.osmia-loading-steps {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
}

.osmia-loading-step {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 6px 8px !important;
    border-radius: 8px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    color: rgba(148, 163, 184, 0.4) !important;
    transition: all 0.3s ease !important;
}

.osmia-loading-step-icon {
    width: 16px !important;
    height: 16px !important;
    flex-shrink: 0 !important;
    opacity: 0.3 !important;
    transition: opacity 0.3s ease !important;
}

.osmia-loading-step-icon svg {
    width: 16px !important;
    height: 16px !important;
}

.osmia-loading-step-label {
    flex: 1 !important;
}

.osmia-loading-step-status {
    width: 16px !important;
    height: 16px !important;
    flex-shrink: 0 !important;
}

/* Active step: highlighted */
.osmia-loading-step.active {
    color: #E2E8F0 !important;
    background: rgba(249, 231, 30, 0.04) !important;
}

.osmia-loading-step.active .osmia-loading-step-icon {
    opacity: 1 !important;
}

.osmia-loading-step.active .osmia-loading-step-status::after {
    content: '' !important;
    display: block !important;
    width: 12px !important;
    height: 12px !important;
    border: 2px solid #F9E71E !important;
    border-top-color: transparent !important;
    border-radius: 50% !important;
    animation: loadingSpin 0.8s linear infinite !important;
}

@keyframes loadingSpin {
    to { transform: rotate(360deg); }
}

/* Done step: checked */
.osmia-loading-step.done {
    color: rgba(148, 163, 184, 0.6) !important;
}

.osmia-loading-step.done .osmia-loading-step-icon {
    opacity: 0.5 !important;
}

.osmia-loading-step.done .osmia-loading-step-status::after {
    content: '' !important;
    display: block !important;
    width: 14px !important;
    height: 14px !important;
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='%2322c55e' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5 4.5L6.5 11.5L2.5 7.5' stroke='%2322c55e' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") center no-repeat !important;
    background-size: contain !important;
    border: none !important;
    animation: none !important;
}

/* --- Mobile responsive for audit mode --- */
@media (max-width: 600px) {
    .audit-constat-section {
        padding: 10px 12px !important;
        gap: 10px !important;
    }

    .audit-constat-title {
        font-size: 13px !important;
    }

    .audit-constat-text {
        font-size: 12px !important;
    }

    .n8n-chatbot-widget[data-theme="osmia"] .audit-scores-dashboard {
        padding: 14px !important;
    }

    .n8n-chatbot-widget[data-theme="osmia"] .osmia-score-val {
        font-size: 14px !important;
    }

    .audit-score-circle-wrap {
        width: 100px !important;
        height: 100px !important;
    }

    .audit-score-circle {
        width: 100px !important;
        height: 100px !important;
    }

    .audit-score-circle-val {
        font-size: 26px !important;
    }

    .n8n-chatbot-widget[data-theme="osmia"] .audit-choice-btn {
        padding: 10px 14px !important;
        font-size: 12px !important;
        min-height: 40px !important;
    }

    .audit-loading {
        padding: 14px !important;
        gap: 10px !important;
    }

    .audit-loading-text {
        font-size: 12px !important;
    }

    .osmia-audit-loading {
        padding: 14px !important;
        border-radius: 16px !important;
    }

    .osmia-audit-loading-text {
        font-size: 12px !important;
    }

    .audit-constat-section {
        padding: 14px !important;
        border-radius: 16px !important;
    }
}

/* =================================================================== */
/*  PREMIUM DESIGN SYSTEM — Audit pages look like web sections          */
/*  Each screen is a full-width premium layout, not a chat bubble.      */
/* =================================================================== */

/* --- Shared glass card base --- */
.audit-company-card,
.audit-constat-card,
.audit-question-card,
.audit-dashboard,
.audit-roi-card,
.audit-insight-card {
    background: rgba(21, 34, 56, 0.6) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(148, 163, 184, 0.2) !important;
    border-radius: 24px !important;
    padding: 28px !important;
    font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif !important;
    animation: auditCardFadeIn 0.5s cubic-bezier(0.4, 0, 0.2, 1) both !important;
}

@keyframes auditCardFadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Stagger entry for multiple cards */
.audit-constat-grid .audit-constat-card:nth-child(1) { animation-delay: 0s !important; }
.audit-constat-grid .audit-constat-card:nth-child(2) { animation-delay: 0.1s !important; }
.audit-constat-grid .audit-constat-card:nth-child(3) { animation-delay: 0.2s !important; }
.audit-constat-grid .audit-constat-card:nth-child(4) { animation-delay: 0.3s !important; }

/* --- Gradient titles --- */
.audit-company-name,
.audit-dashboard-title,
.audit-constat-card-title,
.audit-insights-title {
    background: linear-gradient(90deg, #F9E71E, #FF9A1A) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 700 !important;
}

/* =================================================================== */
/*  SCREEN 2 : COMPANY PROFILE CARD                                     */
/* =================================================================== */
.audit-company-card {
    padding: 24px !important;
}

.audit-company-header {
    margin-bottom: 20px !important;
    padding-bottom: 16px !important;
    border-bottom: 1px solid rgba(148, 163, 184, 0.15) !important;
}

.audit-company-name {
    font-size: 20px !important;
    margin: 0 0 4px !important;
    line-height: 1.3 !important;
}

.audit-company-sector {
    color: #94A3B8 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    margin: 0 !important;
}

/* Info grid: 2 columns on desktop, 1 on mobile */
.audit-company-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
    margin-bottom: 20px !important;
}

.audit-company-item {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    padding: 8px 0 !important;
}

.audit-company-item-icon {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(249, 231, 30, 0.08) !important;
    border: 1px solid rgba(249, 231, 30, 0.15) !important;
    border-radius: 10px !important;
    flex-shrink: 0 !important;
}

.audit-company-item-icon .audit-svg-icon {
    color: rgba(248, 250, 252, 0.85) !important;
}

.audit-company-item-info {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    min-width: 0 !important;
}

.audit-company-label {
    font-size: 11px !important;
    color: #94A3B8 !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
}

.audit-company-value {
    font-size: 13px !important;
    color: #E2E8F0 !important;
    font-weight: 500 !important;
    word-break: break-word !important;
}

/* Reputation section */
.audit-company-reputation {
    padding: 16px 0 !important;
    border-top: 1px solid rgba(148, 163, 184, 0.1) !important;
    border-bottom: 1px solid rgba(148, 163, 184, 0.1) !important;
    margin-bottom: 16px !important;
}

.audit-company-rating {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}

.audit-rating-value {
    font-size: 24px !important;
    font-weight: 800 !important;
    background: linear-gradient(90deg, #F9E71E, #FF9A1A) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    font-variant-numeric: tabular-nums !important;
}

.audit-rating-count {
    font-size: 12px !important;
    color: #94A3B8 !important;
    font-weight: 400 !important;
}

/* Social badges */
.audit-company-social {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-bottom: 16px !important;
}

.audit-social-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    font-size: 13px !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
}

.audit-social-badge .audit-svg-icon {
    width: 14px !important;
    height: 14px !important;
}

.audit-social-badge.present {
    background: rgba(249, 231, 30, 0.1) !important;
    border: 1px solid rgba(249, 231, 30, 0.3) !important;
    color: #F9E71E !important;
}

.audit-social-badge.absent {
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(148, 163, 184, 0.15) !important;
    color: #94A3B8 !important;
}

.audit-company-extra {
    color: rgba(248, 250, 252, 0.7) !important;
    font-size: 13px !important;
    padding: 4px 0 !important;
    line-height: 1.5 !important;
}

.audit-company-confirm {
    margin-top: 16px !important;
    padding-top: 16px !important;
    border-top: 1px solid rgba(148, 163, 184, 0.1) !important;
    text-align: center !important;
}

.audit-company-confirm p {
    color: #E2E8F0 !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    margin: 0 !important;
}

/* =================================================================== */
/*  SCREEN 3 : CONSTAT GRID (2x2 desktop, 1 col mobile)                */
/* =================================================================== */
.audit-constat-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
    margin: 8px 0 !important;
}

.audit-constat-card {
    padding: 20px !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.audit-constat-card:hover {
    border-color: rgba(249, 231, 30, 0.4) !important;
    background: rgba(21, 34, 56, 0.75) !important;
    transform: translateY(-2px) !important;
}

.audit-constat-card-header {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 10px !important;
}

.audit-constat-card-icon {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(249, 231, 30, 0.08) !important;
    border: 1px solid rgba(249, 231, 30, 0.15) !important;
    border-radius: 10px !important;
}

.audit-constat-card-icon .audit-svg-icon {
    color: rgba(248, 250, 252, 0.85) !important;
}

.audit-constat-card-title {
    font-size: 14px !important;
    margin: 0 !important;
    line-height: 1.3 !important;
}

.audit-constat-card-text {
    color: rgba(248, 250, 252, 0.7) !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
    margin: 0 !important;
    white-space: pre-wrap !important;
}

.audit-constat-question {
    margin-top: 16px !important;
    text-align: center !important;
}

.audit-constat-question p {
    color: #E2E8F0 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    margin: 0 !important;
}

/* =================================================================== */
/*  SCREEN 4-6 : QUESTION CARD                                         */
/* =================================================================== */
.audit-question-card {
    padding: 24px !important;
    text-align: center !important;
}

.audit-question-step {
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #94A3B8 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    margin-bottom: 12px !important;
    display: inline-block !important;
    padding: 4px 14px !important;
    background: rgba(249, 231, 30, 0.08) !important;
    border: 1px solid rgba(249, 231, 30, 0.15) !important;
    border-radius: 20px !important;
}

.audit-question-text {
    color: #E2E8F0 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.6 !important;
    white-space: pre-wrap !important;
}

.audit-question-text strong {
    font-weight: 700 !important;
    color: #F8FAFC !important;
}

/* Audit choices: always column layout (no grid) */

/* =================================================================== */
/*  SCREEN 7 : FULL DASHBOARD                                          */
/* =================================================================== */
.audit-dashboard {
    padding: 28px !important;
}

.audit-dashboard-header {
    text-align: center !important;
    margin-bottom: 20px !important;
}

.audit-dashboard-title {
    font-size: 22px !important;
    margin: 0 0 4px !important;
}

.audit-dashboard-company {
    color: #94A3B8 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    margin: 0 !important;
}

/* Hero score (centered circle) */
.audit-dashboard-hero {
    text-align: center !important;
    padding: 16px 0 20px !important;
    margin-bottom: 20px !important;
    border-bottom: 1px solid rgba(148, 163, 184, 0.1) !important;
}

.audit-dashboard-hero .audit-score-circle-wrap {
    width: 130px !important;
    height: 130px !important;
}

.audit-dashboard-hero .audit-score-circle {
    width: 130px !important;
    height: 130px !important;
}

.audit-score-circle-inner {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    display: flex !important;
    align-items: baseline !important;
    gap: 2px !important;
}

.audit-score-circle-of {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: rgba(248, 250, 252, 0.5) !important;
}

/* Axis bars */
.audit-dashboard-axes {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    margin-bottom: 20px !important;
}

.audit-axis-row {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.audit-axis-icon {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(249, 231, 30, 0.08) !important;
    border: 1px solid rgba(249, 231, 30, 0.15) !important;
    border-radius: 10px !important;
}

.audit-axis-icon .audit-svg-icon {
    color: rgba(248, 250, 252, 0.85) !important;
}

.audit-axis-info {
    flex: 1 !important;
    min-width: 0 !important;
}

.audit-axis-label {
    display: block !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    color: rgba(248, 250, 252, 0.8) !important;
    margin-bottom: 5px !important;
}

.audit-axis-bar {
    height: 8px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border-radius: 4px !important;
    overflow: hidden !important;
}

.audit-axis-fill {
    height: 100% !important;
    background: linear-gradient(90deg, #F9E71E, #FF9A1A) !important;
    border-radius: 4px !important;
    width: 0% !important;
    transition: width 1s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.audit-axis-value {
    font-size: 15px !important;
    font-weight: 700 !important;
    min-width: 55px !important;
    text-align: right !important;
    font-variant-numeric: tabular-nums !important;
    background: linear-gradient(90deg, #F9E71E, #FF9A1A) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

/* ROI section */
.audit-dashboard-roi {
    margin-bottom: 20px !important;
}

.audit-roi-card {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 18px 20px !important;
    border-radius: 16px !important;
}

.audit-roi-icon {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(249, 231, 30, 0.12) !important;
    border: 1px solid rgba(249, 231, 30, 0.25) !important;
    border-radius: 12px !important;
}

.audit-roi-icon .audit-svg-icon {
    color: #F9E71E !important;
    width: 20px !important;
    height: 20px !important;
}

.audit-roi-info {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
}

.audit-roi-hours {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #E2E8F0 !important;
}

.audit-roi-euros {
    font-size: 13px !important;
    color: #94A3B8 !important;
    font-weight: 400 !important;
}

/* Insights section */
.audit-dashboard-insights {
    margin-bottom: 16px !important;
}

.audit-insights-title {
    font-size: 16px !important;
    margin: 0 0 12px !important;
}

.audit-insight-card {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    padding: 14px 16px !important;
    margin-bottom: 8px !important;
    border-radius: 14px !important;
    font-size: 13px !important;
    color: rgba(248, 250, 252, 0.85) !important;
    line-height: 1.5 !important;
}

.audit-insight-card .audit-svg-icon {
    flex-shrink: 0 !important;
    margin-top: 1px !important;
}

/* Footer */
.audit-dashboard-footer {
    padding-top: 16px !important;
    border-top: 1px solid rgba(148, 163, 184, 0.1) !important;
    text-align: center !important;
}

.audit-dashboard-footer p {
    color: #94A3B8 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    margin: 0 !important;
    line-height: 1.5 !important;
}

/* =================================================================== */
/*  AUDIT MODE: edge-to-edge cards (no message padding reduction)       */
/* =================================================================== */
.audit-mode .audit-message-card .audit-company-card,
.audit-mode .audit-message-card .audit-constat-grid,
.audit-mode .audit-message-card .audit-question-card,
.audit-mode .audit-message-card .audit-dashboard {
    margin-left: -4px !important;
    margin-right: -4px !important;
}

/* =================================================================== */
/*  RESPONSIVE: Mobile (max-width 500px)                                */
/* =================================================================== */
@media (max-width: 500px) {
    /* Company card: single column */
    .audit-company-grid {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    .audit-company-card {
        padding: 18px !important;
        border-radius: 18px !important;
    }

    .audit-company-name {
        font-size: 18px !important;
    }

    .audit-company-item-icon {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
    }

    /* Constat grid: single column */
    .audit-constat-grid {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    .audit-constat-card {
        padding: 16px !important;
        border-radius: 18px !important;
    }

    /* Question card */
    .audit-question-card {
        padding: 18px !important;
        border-radius: 18px !important;
    }

    .audit-question-text {
        font-size: 15px !important;
    }

    /* Audit choices: always column on mobile */

    /* Dashboard */
    .audit-dashboard {
        padding: 18px !important;
        border-radius: 18px !important;
    }

    .audit-dashboard-title {
        font-size: 19px !important;
    }

    .audit-dashboard-hero .audit-score-circle-wrap,
    .audit-dashboard-hero .audit-score-circle {
        width: 110px !important;
        height: 110px !important;
    }

    .audit-score-circle-val {
        font-size: 28px !important;
    }

    .audit-axis-icon {
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
    }

    .audit-axis-value {
        font-size: 13px !important;
        min-width: 45px !important;
    }

    .audit-roi-card {
        padding: 14px 16px !important;
    }

    .audit-insight-card {
        padding: 12px 14px !important;
        font-size: 12px !important;
        border-radius: 12px !important;
    }

    .audit-social-badge {
        padding: 5px 10px !important;
        font-size: 12px !important;
    }
}

/* =================================================================== */
/*              SCAN V4 — MULTI-SELECT QCM                             */
/*  Design aligne sur .audit-choice-btn : glassmorphism + gold accent   */
/* =================================================================== */
.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-suggestions.multi-select-mode {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    padding: 8px 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .chat-multiselect-item {
    display: flex !important;
    align-items: center !important;
    text-align: left !important;
    gap: 10px !important;
    width: 100% !important;
    padding: 12px 20px !important;
    border: 1px solid rgba(148, 163, 184, 0.15) !important;
    border-radius: 12px !important;
    background: transparent !important;
    color: #E2E8F0 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    cursor: pointer !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-sizing: border-box !important;
    margin: 0 !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .chat-multiselect-item:hover {
    background: rgba(249, 231, 30, 0.08) !important;
    border-color: rgba(249, 231, 30, 0.3) !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .chat-multiselect-item:has(input:checked) {
    background: rgba(249, 231, 30, 0.12) !important;
    border-color: rgba(249, 231, 30, 0.4) !important;
    color: #F9E71E !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 2px 8px rgba(249, 231, 30, 0.1) !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .chat-multiselect-item input[type="checkbox"] {
    accent-color: var(--osmia-accent, #F9E71E) !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .chat-multiselect-item span {
    flex: 1 !important;
    line-height: 1.3 !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .chat-freetext-input {
    padding: 12px 20px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(148, 163, 184, 0.15) !important;
    background: transparent !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    color: #E2E8F0 !important;
    outline: none !important;
    margin-top: 4px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .chat-freetext-wrap {
    margin-top: 4px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .chat-freetext-hint {
    font-family: 'Inter', sans-serif !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    color: rgba(249, 231, 30, 0.6) !important;
    margin-bottom: 4px !important;
    padding-left: 4px !important;
    max-height: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1),
                opacity 0.3s ease,
                margin 0.3s ease !important;
    margin-bottom: 0 !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .chat-freetext-wrap.active .chat-freetext-hint {
    max-height: 20px !important;
    opacity: 1 !important;
    margin-bottom: 4px !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .chat-freetext-input::placeholder {
    color: rgba(148, 163, 184, 0.5) !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .chat-freetext-input:focus {
    border-color: rgba(249, 231, 30, 0.5) !important;
    box-shadow: 0 0 0 2px rgba(249, 231, 30, 0.15) !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .chat-multiselect-validate {
    margin-top: 8px !important;
    padding: 12px 20px !important;
    border-radius: 12px !important;
    background: rgba(249, 231, 30, 0.15) !important;
    color: #F9E71E !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    border: 1px solid rgba(249, 231, 30, 0.3) !important;
    cursor: pointer !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    text-align: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .chat-multiselect-validate:hover {
    background: rgba(249, 231, 30, 0.25) !important;
    border-color: rgba(249, 231, 30, 0.5) !important;
    box-shadow: 0 4px 12px rgba(249, 231, 30, 0.15) !important;
}

/* QCM Progress Bar */
.n8n-chatbot-widget[data-theme="osmia"] .qcm-progress-bar {
    padding: 0 0 10px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .qcm-progress-text {
    font-family: 'Inter', sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: rgba(148, 163, 184, 0.7) !important;
    margin-bottom: 6px !important;
    text-align: center !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .qcm-progress-track {
    height: 2px !important;
    background: rgba(148, 163, 184, 0.1) !important;
    border-radius: 2px !important;
    overflow: hidden !important;
}

.n8n-chatbot-widget[data-theme="osmia"] .qcm-progress-fill {
    height: 100% !important;
    background: var(--osmia-accent, #F9E71E) !important;
    border-radius: 2px !important;
    transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* =================================================================== */
/*              ANIMATIONS D'APPARITION — FADE-UP + BLUR              */
/* =================================================================== */

@keyframes chatFadeUpBlur {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes chatFadeUpLight {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* --- Messages dynamiques : animation fade-up blur quand insérés par JS --- */
.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-message-block.msg-new {
    animation: chatFadeUpBlur 0.3s cubic-bezier(0.4, 0, 0.2, 1) both;
}

.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-message-block.user.msg-new {
    animation: chatFadeUpLight 0.2s cubic-bezier(0.4, 0, 0.2, 1) both;
}

.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-suggestions.msg-new .n8n-chatbot-suggestion {
    animation: chatFadeUpBlur 0.3s cubic-bezier(0.4, 0, 0.2, 1) both;
}

.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-suggestions.msg-new .n8n-chatbot-suggestion:nth-child(1) { animation-delay: 0.05s; }
.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-suggestions.msg-new .n8n-chatbot-suggestion:nth-child(2) { animation-delay: 0.11s; }
.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-suggestions.msg-new .n8n-chatbot-suggestion:nth-child(3) { animation-delay: 0.17s; }
.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-suggestions.msg-new .n8n-chatbot-suggestion:nth-child(4) { animation-delay: 0.23s; }
.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-suggestions.msg-new .n8n-chatbot-suggestion:nth-child(5) { animation-delay: 0.29s; }
.n8n-chatbot-widget[data-theme="osmia"] .n8n-chatbot-suggestions.msg-new .n8n-chatbot-suggestion:nth-child(6) { animation-delay: 0.35s; }

@media (prefers-reduced-motion: reduce) {
    .n8n-chatbot-widget[data-theme="osmia"] .msg-new {
        animation: none !important;
    }
}