/* * Les valeurs principales sont définies dynamiquement sur le * dans base_admin.html.twig. * * Les valeurs de secours permettent au module de rester utilisable * même lorsqu’une variable n’est pas définie. */ .passxp-ai { --passxp-ai-primary: var(--btn-primary, #1095a6); --passxp-ai-primary-dark: var(--sidebar-menu-active-bg, #0c474f); --passxp-ai-primary-hover: var(--sidebar-menu-hover-bg, #11565f); --passxp-ai-primary-soft: var(--bg-primary-subtle, #c0cfe4); --passxp-ai-gradient-start: var(--sidebar-menu-1, #36a793); --passxp-ai-gradient-end: var(--sidebar-menu-2, #2b8d7c); --passxp-ai-sidebar-text: var(--sidebar-menu-text, #ffffff); --passxp-ai-background: #f4f7f9; --passxp-ai-surface: #ffffff; --passxp-ai-border: #dfe5eb; --passxp-ai-text: #1f2937; --passxp-ai-muted: #6b7280; --passxp-ai-conversations-width: 340px; --passxp-ai-header-height: 82px; width: 100%; height: 100vh; min-height: 620px; overflow: hidden; color: var(--passxp-ai-text); background: var(--passxp-ai-background); } .passxp-ai .btn-primary { --bs-btn-bg: var(--passxp-ai-primary); --bs-btn-border-color: var(--passxp-ai-primary); --bs-btn-hover-bg: var(--passxp-ai-primary-hover); --bs-btn-hover-border-color: var(--passxp-ai-primary-hover); --bs-btn-active-bg: var(--passxp-ai-primary-dark); --bs-btn-active-border-color: var(--passxp-ai-primary-dark); } .passxp-ai { width: 100%; height: calc(100vh - var(--passxp-header-height, 0px)); min-height: 620px; overflow: hidden; color: var(--passxp-ai-text); background: var(--passxp-ai-background); } .passxp-ai__layout { display: flex; width: 100%; height: 100%; min-height: 0; } /* * Colonne des conversations */ .passxp-ai__conversations { display: flex; flex: 0 0 var(--passxp-ai-conversations-width); flex-direction: column; width: var(--passxp-ai-conversations-width); min-width: 0; border-right: 1px solid var(--passxp-ai-border); background: var(--passxp-ai-surface); } .passxp-ai__conversations-header { display: flex; align-items: center; justify-content: space-between; min-height: var(--passxp-ai-header-height); padding: 17px 18px; color: var(--passxp-ai-sidebar-text); border-bottom: 1px solid color-mix(in srgb, var(--passxp-ai-sidebar-text) 18%, transparent); background: linear-gradient(135deg, var(--passxp-ai-gradient-start), var(--passxp-ai-gradient-end)); } .passxp-ai__section-title { display: flex; gap: 11px; align-items: center; } .passxp-ai__section-icon { display: inline-flex; flex: 0 0 38px; align-items: center; justify-content: center; width: 38px; height: 38px; color: var(--passxp-ai-sidebar-text); border: 1px solid color-mix(in srgb, var(--passxp-ai-sidebar-text) 30%, transparent); border-radius: 10px; background: color-mix(in srgb, var(--passxp-ai-sidebar-text) 13%, transparent); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.12); } .passxp-ai__section-title h1 { margin: 0; color: var(--passxp-ai-sidebar-text); font-size: 1rem; font-weight: 700; } .passxp-ai__section-title p { margin: 2px 0 0; color: color-mix(in srgb, var(--passxp-ai-sidebar-text) 78%, transparent); font-size: 0.76rem; } .passxp-ai__new-conversation { padding: 14px 16px; border-bottom: 1px solid #eef1f4; } .passxp-ai__new-button { padding: 10px 14px; color: #ffffff; font-size: 0.87rem; font-weight: 600; border: 1px solid var(--passxp-ai-primary); border-radius: 8px; background: var(--passxp-ai-primary); transition: background-color 150ms ease, border-color 150ms ease, box-shadow 150ms ease; } .passxp-ai__new-button:hover, .passxp-ai__new-button:focus-visible { color: #ffffff; border-color: var(--passxp-ai-primary-hover); background: var(--passxp-ai-primary-hover); box-shadow: 0 4px 12px color-mix(in srgb, var(--passxp-ai-primary) 25%, transparent); } .passxp-ai__new-button i { margin-right: 7px; } .passxp-ai__conversation-list { flex: 1; min-height: 0; padding: 8px; overflow-y: auto; } .passxp-ai__loading, .passxp-ai__empty { padding: 25px 18px; color: var(--passxp-ai-muted); text-align: center; font-size: 0.83rem; } .passxp-ai__empty i { margin-bottom: 8px; color: #a1aab5; font-size: 1.6rem; } .passxp-ai__empty p { margin: 0; } /* * Éléments générés par Stimulus */ .ai-chat__conversation-item { display: flex; align-items: stretch; margin-bottom: 4px; overflow: hidden; border: 1px solid transparent; border-radius: 9px; transition: border-color 150ms ease, background 150ms ease; } .ai-chat__conversation-item:hover { border-color: color-mix(in srgb, var(--passxp-ai-primary) 20%, var(--passxp-ai-border)); background: color-mix(in srgb, var(--passxp-ai-primary-soft) 25%, #ffffff); } .ai-chat__conversation-item--active { border-color: color-mix(in srgb, var(--passxp-ai-primary) 35%, var(--passxp-ai-border)); background: color-mix(in srgb, var(--passxp-ai-primary-soft) 60%, #ffffff); box-shadow: inset 3px 0 0 var(--passxp-ai-primary); } .ai-chat__conversation-open { display: flex; flex: 1; gap: 10px; align-items: flex-start; min-width: 0; padding: 12px 8px 12px 12px; color: var(--passxp-ai-text); text-align: left; border: 0; background: transparent; } .ai-chat__conversation-open>i { flex: 0 0 auto; margin-top: 4px; color: var(--passxp-ai-primary); font-size: 0.8rem; } .ai-chat__conversation-content { display: flex; flex: 1; flex-direction: column; min-width: 0; } .ai-chat__conversation-title { overflow: hidden; font-size: 0.83rem; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; } .ai-chat__conversation-date { margin-top: 4px; color: var(--passxp-ai-muted); font-size: 0.68rem; } .ai-chat__conversation-menu { display: flex; flex: 0 0 auto; gap: 2px; align-items: center; padding-right: 6px; opacity: 0; transition: opacity 150ms ease; } .ai-chat__conversation-item:hover .ai-chat__conversation-menu, .ai-chat__conversation-item--active .ai-chat__conversation-menu { opacity: 1; } .ai-chat__conversation-menu-button { display: inline-flex; align-items: center; justify-content: center; width: 27px; height: 27px; color: #7b8490; border: 0; border-radius: 6px; background: transparent; font-size: 0.7rem; } .ai-chat__conversation-menu-button:hover { color: var(--passxp-ai-primary-dark); background: #e7f4f1; } .ai-chat__conversation-menu-button--danger:hover { color: #b42318; background: #feeceb; } /* * Panneau de discussion */ .passxp-ai__chat { display: flex; flex: 1; flex-direction: column; min-width: 0; min-height: 0; background: var(--passxp-ai-background); } .passxp-ai__chat-header { display: flex; flex: 0 0 var(--passxp-ai-header-height); align-items: center; justify-content: space-between; gap: 18px; padding: 14px 24px; border-bottom: 1px solid var(--passxp-ai-border); background: #fff; } .passxp-ai__chat-header-left { display: flex; gap: 12px; align-items: center; min-width: 0; } .passxp-ai__chat-heading { min-width: 0; } .passxp-ai__chat-heading h2 { margin: 0; overflow: hidden; font-size: 1.2rem; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; } .passxp-ai__chat-heading p { margin: 4px 0 0; overflow: hidden; color: var(--passxp-ai-muted); font-size: 0.76rem; text-overflow: ellipsis; white-space: nowrap; } .passxp-ai__chat-actions { display: flex; flex: 0 0 auto; gap: 8px; } .passxp-ai__mobile-menu, .passxp-ai__mobile-close { display: none; } /* * Messages */ .passxp-ai__messages { display: block; flex: 1 1 auto; min-width: 0; min-height: 0; padding: 28px max(24px, calc((100% - 960px) / 2)); overflow-x: hidden; overflow-y: auto; background: var(--passxp-ai-background); } .passxp-ai__welcome { width: 100%; max-width: 760px; margin: 5vh auto 0; padding: 24px; text-align: center; } .passxp-ai__welcome-icon { display: inline-flex; align-items: center; justify-content: center; width: 54px; height: 54px; margin-bottom: 17px; color: #fff; border-radius: 14px; background: var(--passxp-ai-primary); font-size: 1.25rem; box-shadow: 0 9px 24px color-mix(in srgb, var(--passxp-ai-primary) 24%, transparent); } .passxp-ai__welcome h3 { margin: 0 0 8px; color: var(--passxp-ai-text); font-size: 1.35rem; font-weight: 700; } .passxp-ai__welcome>p { max-width: 620px; margin: 0 auto; color: var(--passxp-ai-muted); font-size: 0.9rem; line-height: 1.6; } .passxp-ai__suggestions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; width: 100%; margin-top: 27px; } .passxp-ai__suggestion { display: flex; gap: 11px; align-items: flex-start; width: 100%; min-width: 0; padding: 15px; color: var(--passxp-ai-text); text-align: left; border: 1px solid var(--passxp-ai-border); border-radius: 10px; background: #fff; cursor: pointer; transition: border-color 150ms ease, transform 150ms ease, box-shadow 150ms ease; } .passxp-ai__suggestion:hover { border-color: color-mix(in srgb, var(--passxp-ai-primary) 45%, var(--passxp-ai-border)); transform: translateY(-1px); box-shadow: 0 7px 18px rgba(31, 41, 55, 0.07); } .passxp-ai__suggestion-icon { display: inline-flex; flex: 0 0 32px; align-items: center; justify-content: center; width: 32px; height: 32px; color: var(--passxp-ai-primary); border-radius: 8px; background: color-mix(in srgb, var(--passxp-ai-primary-soft) 60%, #fff); } .passxp-ai__suggestion>span:last-child { min-width: 0; } .passxp-ai__suggestion strong, .passxp-ai__suggestion small { display: block; } .passxp-ai__suggestion strong { margin-bottom: 4px; font-size: 0.82rem; font-weight: 700; } .passxp-ai__suggestion small { color: var(--passxp-ai-muted); font-size: 0.72rem; line-height: 1.4; } /* * Messages générés par le contrôleur Stimulus */ .ai-chat__message { display: flex; gap: 12px; max-width: 940px; margin: 0 auto 22px; } .ai-chat__message--user { flex-direction: row-reverse; } .ai-chat__message-avatar { display: inline-flex; flex: 0 0 36px; align-items: center; justify-content: center; width: 36px; height: 36px; color: var(--passxp-ai-primary); border: 1px solid #c8e5e0; border-radius: 10px; background: var(--passxp-ai-primary-soft); } .ai-chat__message--user .ai-chat__message-avatar { color: #ffffff; border-color: var(--passxp-ai-primary); background: var(--passxp-ai-primary); } .ai-chat__message-body { max-width: min(780px, calc(100% - 50px)); } .ai-chat__message--user .ai-chat__message-body { display: flex; align-items: flex-end; flex-direction: column; } .ai-chat__message-author { margin: 0 3px 5px; color: var(--passxp-ai-muted); font-size: 0.7rem; font-weight: 600; } .ai-chat__message-content { padding: 14px 16px; color: var(--passxp-ai-text); border: 1px solid var(--passxp-ai-border); border-radius: 4px 12px 12px 12px; background: #fff; line-height: 1.58; white-space: pre-wrap; overflow-wrap: anywhere; box-shadow: 0 3px 10px rgba(31, 41, 55, 0.035); } .ai-chat__message--user .ai-chat__message-content { color: var(--passxp-ai-text); border-color: color-mix(in srgb, var(--passxp-ai-primary) 25%, var(--passxp-ai-border)); border-radius: 12px 4px 12px 12px; background: color-mix(in srgb, var(--passxp-ai-primary-soft) 55%, #ffffff); } .ai-chat__message-date { margin-top: 5px; color: #9199a4; font-size: 0.66rem; } .ai-chat__typing { display: flex; gap: 5px; align-items: center; min-height: 46px; padding: 14px 17px; border: 1px solid var(--passxp-ai-border); border-radius: 4px 12px 12px 12px; background: #fff; } .ai-chat__typing span { width: 7px; height: 7px; border-radius: 50%; background: var(--passxp-ai-primary); animation: passxp-ai-typing 1.2s infinite ease-in-out; } .ai-chat__typing span:nth-child(2) { animation-delay: 0.15s; } .ai-chat__typing span:nth-child(3) { animation-delay: 0.3s; } @keyframes passxp-ai-typing { 0%, 60%, 100% { transform: translateY(0); opacity: 0.4; } 30% { transform: translateY(-4px); opacity: 1; } } .ai-chat__messages-loading { display: flex; gap: 9px; align-items: center; justify-content: center; height: 100%; color: var(--passxp-ai-muted); } .ai-chat__message-error { display: flex; gap: 8px; align-items: center; max-width: 940px; margin: 0 auto 18px; padding: 11px 13px; color: #9f2018; border: 1px solid #f0c5c2; border-radius: 8px; background: #fff2f1; font-size: 0.8rem; } /* * Zone de saisie */ .passxp-ai__composer-wrapper { flex: 0 0 auto; padding: 12px max(24px, calc((100% - 960px) / 2)) 14px; border-top: 1px solid var(--passxp-ai-border); background: #fff; } .passxp-ai__composer { display: flex; gap: 10px; align-items: flex-end; padding: 8px 8px 8px 15px; border: 1px solid #cfd7df; border-radius: 11px; background: #fff; box-shadow: 0 4px 14px rgba(31, 41, 55, 0.055); } .passxp-ai__composer:focus-within { border-color: var(--passxp-ai-primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--passxp-ai-primary) 15%, transparent), 0 4px 14px rgba(31, 41, 55, 0.055); } .passxp-ai__send-button { display: inline-flex; flex: 0 0 40px; align-items: center; justify-content: center; width: 40px; height: 40px; color: #ffffff; border: 0; border-radius: 9px; background: var(--passxp-ai-primary); } .passxp-ai__send-button:hover:not(:disabled) { background: var(--passxp-ai-primary-hover); } .passxp-ai__textarea { flex: 1; width: 100%; min-height: 35px; max-height: 180px; padding: 7px 0; resize: none; border: 0; outline: 0; background: transparent; font-size: 0.9rem; line-height: 1.5; } .passxp-ai__send-button { display: inline-flex; flex: 0 0 40px; align-items: center; justify-content: center; width: 40px; height: 40px; color: #ffffff; border: 0; border-radius: 9px; background: var(--passxp-ai-primary); } .passxp-ai__send-button:hover:not(:disabled) { background: var(--passxp-ai-primary-hover); } .passxp-ai__send-button:disabled { cursor: wait; opacity: 0.6; } .passxp-ai__composer-help { margin-top: 6px; color: #939ba5; text-align: center; font-size: 0.67rem; } .passxp-ai__error { margin: 10px 20px 0; font-size: 0.8rem; } /* * Mobile */ .passxp-ai__mobile-overlay { display: none; } @media (max-width: 991.98px) { .passxp-ai__conversations { position: fixed; z-index: 1050; inset: 0 auto 0 0; width: min(88vw, var(--passxp-ai-conversations-width)); transform: translateX(-100%); transition: transform 180ms ease; box-shadow: 14px 0 30px rgba(0, 0, 0, 0.18); } .passxp-ai__conversations.ai-chat__sidebar--open { transform: translateX(0); } .passxp-ai__mobile-menu, .passxp-ai__mobile-close { display: inline-flex; align-items: center; justify-content: center; } .passxp-ai__mobile-overlay { position: fixed; z-index: 1040; inset: 0; display: block; visibility: hidden; border: 0; background: rgba(20, 31, 40, 0.48); opacity: 0; transition: visibility 180ms ease, opacity 180ms ease; } .passxp-ai__mobile-overlay.ai-chat__overlay--visible { visibility: visible; opacity: 1; } body.ai-chat-body-locked { overflow: hidden; } } @media (max-width: 767.98px) { .passxp-ai { height: calc(100dvh - var(--passxp-header-height, 0px)); min-height: 0; } .passxp-ai__chat-header { min-height: 68px; padding: 10px 12px; } .passxp-ai__chat-heading h2 { font-size: 1rem; } .passxp-ai__chat-heading p { display: none; } .passxp-ai__chat-actions .btn { width: 35px; height: 35px; padding: 0; font-size: 0; } .passxp-ai__chat-actions .btn i { margin: 0 !important; font-size: 0.78rem; } .passxp-ai__messages { padding: 18px 11px; } .passxp-ai__welcome { margin-top: 1vh; padding: 12px 2px; } .passxp-ai__suggestions { grid-template-columns: 1fr; } .ai-chat__message { gap: 8px; } .ai-chat__message-avatar { display: inline-flex; flex: 0 0 36px; align-items: center; justify-content: center; width: 36px; height: 36px; color: var(--passxp-ai-primary); border: 1px solid color-mix(in srgb, var(--passxp-ai-primary) 25%, var(--passxp-ai-border)); border-radius: 10px; background: color-mix(in srgb, var(--passxp-ai-primary-soft) 55%, #ffffff); } .ai-chat__message-body { max-width: calc(100% - 39px); } .ai-chat__message-content { padding: 11px 13px; font-size: 0.86rem; } .passxp-ai__composer-wrapper { padding: 9px 10px 10px; } .passxp-ai__composer-help { display: none; } } /* ========================================================== CONTENU MARKDOWN — ASSISTANT PASSXP ========================================================== */ .ai-chat__message-content--markdown { width: 100%; max-width: 100%; line-height: 1.65; overflow-wrap: break-word; } /* Premier / dernier élément sans marge parasite */ .ai-chat__message-content--markdown> :first-child { margin-top: 0; } .ai-chat__message-content--markdown> :last-child { margin-bottom: 0; } /* ========================================================== TITRES ========================================================== */ .ai-chat__message-content--markdown h1, .ai-chat__message-content--markdown h2, .ai-chat__message-content--markdown h3, .ai-chat__message-content--markdown h4, .ai-chat__message-content--markdown h5, .ai-chat__message-content--markdown h6 { color: inherit; line-height: 1.3; font-weight: 650; } .ai-chat__message-content--markdown h1 { margin: 1.5rem 0 0.9rem; font-size: 1.35rem; } .ai-chat__message-content--markdown h2 { margin: 1.4rem 0 0.8rem; font-size: 1.18rem; } .ai-chat__message-content--markdown h3 { margin: 1.25rem 0 0.65rem; font-size: 1.05rem; } .ai-chat__message-content--markdown h4 { margin: 1.1rem 0 0.55rem; font-size: 0.98rem; } .ai-chat__message-content--markdown h5, .ai-chat__message-content--markdown h6 { margin: 1rem 0 0.5rem; font-size: 0.94rem; } /* ========================================================== PARAGRAPHES ========================================================== */ .ai-chat__message-content--markdown p { margin: 0 0 0.9rem; } .ai-chat__message-content--markdown p+p { margin-top: 0.25rem; } /* ========================================================== GRAS / ITALIQUE ========================================================== */ .ai-chat__message-content--markdown strong { font-weight: 700; } .ai-chat__message-content--markdown em { font-style: italic; } /* ========================================================== LISTES ========================================================== */ .ai-chat__message-content--markdown ul, .ai-chat__message-content--markdown ol { margin: 0.7rem 0 1rem; padding-left: 1.75rem; } .ai-chat__message-content--markdown li { margin-bottom: 0.45rem; padding-left: 0.1rem; } .ai-chat__message-content--markdown li:last-child { margin-bottom: 0; } .ai-chat__message-content--markdown li>p { margin-bottom: 0.35rem; } /* ========================================================== TABLEAUX ========================================================== */ /* * Important : * * Le conteneur Markdown peut scroller horizontalement * lorsqu'un tableau devient trop large. */ .ai-chat__message-content--markdown { overflow-x: auto; } /* Tableau principal */ .ai-chat__message-content.ai-chat__message-content--markdown table { width: auto !important; min-width: min(680px, 100%); max-width: 100%; margin: 1.2rem 0 1.6rem !important; border-collapse: separate !important; border-spacing: 0 !important; background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.10) !important; border-radius: 10px; overflow: hidden; font-size: 0.92rem; } /* En-tête */ .ai-chat__message-content.ai-chat__message-content--markdown table thead { background: color-mix(in srgb, var(--sidebar-color, #2f9e8f) 10%, white); } /* Toutes les cellules */ .ai-chat__message-content.ai-chat__message-content--markdown table th, .ai-chat__message-content.ai-chat__message-content--markdown table td { min-width: 90px; text-align: left !important; vertical-align: middle !important; overflow-wrap: normal; word-break: normal; } /* En-têtes */ .ai-chat__message-content.ai-chat__message-content--markdown table th { padding: 0.9rem 1.2rem !important; font-weight: 700 !important; white-space: nowrap; border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important; border-right: 1px solid rgba(0, 0, 0, 0.07) !important; } /* Cellules */ .ai-chat__message-content.ai-chat__message-content--markdown table td { padding: 0.85rem 1.2rem !important; line-height: 1.45; border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important; border-right: 1px solid rgba(0, 0, 0, 0.05) !important; } /* * Un peu plus d'espace aux extrémités */ .ai-chat__message-content.ai-chat__message-content--markdown table th:first-child, .ai-chat__message-content.ai-chat__message-content--markdown table td:first-child { padding-left: 1.3rem !important; } .ai-chat__message-content.ai-chat__message-content--markdown table th:last-child, .ai-chat__message-content.ai-chat__message-content--markdown table td:last-child { padding-right: 1.3rem !important; border-right: 0 !important; } /* Dernière ligne */ .ai-chat__message-content.ai-chat__message-content--markdown table tbody tr:last-child td { border-bottom: 0 !important; } /* Ligne alternée */ .ai-chat__message-content.ai-chat__message-content--markdown table tbody tr:nth-child(even) { background: rgba(0, 0, 0, 0.018); } /* Survol */ .ai-chat__message-content.ai-chat__message-content--markdown table tbody tr { transition: background-color 0.15s ease; } .ai-chat__message-content.ai-chat__message-content--markdown table tbody tr:hover { background: color-mix(in srgb, var(--sidebar-color, #2f9e8f) 5%, white); } /* * Espace entre un titre et son tableau. */ .ai-chat__message-content--markdown h1+table, .ai-chat__message-content--markdown h2+table, .ai-chat__message-content--markdown h3+table, .ai-chat__message-content--markdown h4+table { margin-top: 0.85rem !important; } /* * Espace après un tableau. */ .ai-chat__message-content--markdown table+p, .ai-chat__message-content--markdown table+ul, .ai-chat__message-content--markdown table+ol, .ai-chat__message-content--markdown table+h2, .ai-chat__message-content--markdown table+h3, .ai-chat__message-content--markdown table+h4 { margin-top: 1.35rem; } /* ========================================================== CITATIONS ========================================================== */ .ai-chat__message-content--markdown blockquote { margin: 1rem 0; padding: 0.8rem 1rem; border-left: 4px solid var(--sidebar-color, #2f9e8f); border-radius: 0 8px 8px 0; background: rgba(0, 0, 0, 0.025); } .ai-chat__message-content--markdown blockquote p:last-child { margin-bottom: 0; } /* ========================================================== SÉPARATEURS ========================================================== */ .ai-chat__message-content--markdown hr { margin: 1.5rem 0; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.09); opacity: 1; } /* ========================================================== CODE INLINE ========================================================== */ .ai-chat__message-content--markdown code { padding: 0.14rem 0.35rem; border-radius: 5px; background: rgba(0, 0, 0, 0.055); font-size: 0.88em; } /* ========================================================== BLOCS DE CODE ========================================================== */ .ai-chat__message-content--markdown pre { max-width: 100%; margin: 1rem 0; padding: 1rem; overflow-x: auto; border-radius: 10px; background: #1f2933; color: #f8f9fa; line-height: 1.5; } .ai-chat__message-content--markdown pre code { padding: 0; background: transparent; color: inherit; font-size: 0.88rem; } /* ========================================================== LIENS ========================================================== */ .ai-chat__message-content--markdown a { font-weight: 500; text-decoration: underline; text-underline-offset: 2px; } /* ========================================================== ÉLÉMENTS MARKDOWN DIVERS ========================================================== */ .ai-chat__message-content--markdown del { opacity: 0.7; } .ai-chat__message-content--markdown img { display: block; max-width: 100%; height: auto; margin: 1rem 0; border-radius: 8px; } /* ========================================================== MOBILE ========================================================== */ @media (max-width: 768px) { .ai-chat__message-content--markdown { font-size: 0.93rem; } /* ---------- Titres ---------- */ .ai-chat__message-content--markdown h1 { font-size: 1.2rem; } .ai-chat__message-content--markdown h2 { font-size: 1.1rem; } .ai-chat__message-content--markdown h3 { font-size: 1rem; } /* ---------- Tableaux ---------- */ .ai-chat__message-content.ai-chat__message-content--markdown table { min-width: 600px; font-size: 0.86rem; } .ai-chat__message-content.ai-chat__message-content--markdown table th { padding: 0.7rem 0.9rem !important; } .ai-chat__message-content.ai-chat__message-content--markdown table td { padding: 0.65rem 0.9rem !important; } .ai-chat__message-content.ai-chat__message-content--markdown table th:first-child, .ai-chat__message-content.ai-chat__message-content--markdown table td:first-child { padding-left: 1rem !important; } .ai-chat__message-content.ai-chat__message-content--markdown table th:last-child, .ai-chat__message-content.ai-chat__message-content--markdown table td:last-child { padding-right: 1rem !important; } }