/* Règles dxChat extraites de devextreme/dist/css/dx.material.blue.light.css (24.2.3).
   Les thèmes chargés par index.html sont en 19.2.6 (sans widget Chat) : cette feuille apporte UNIQUEMENT les
   règles .dx-chat* du 24.2.3, sans toucher au reste du thème. Regénérer si devextreme change de version.
   Lot « Traitement IA des images, phase 1 » (09/09/2026). */
.dx-chat{display:flex;flex-direction:column;width:100%;height:100%;min-width:20em;min-height:20em}
.dx-chat.dx-state-disabled{opacity:.5}
.dx-chat-header{display:flex;align-items:center;padding:20px}
.dx-chat-alertlist{display:flex;flex-direction:column;padding-block:16px;padding-inline:20px;row-gap:4px}
.dx-chat-alertlist-error{align-items:center;display:flex;justify-content:center}
.dx-chat-messagebox{display:flex;align-items:flex-end;border-top-width:1px;border-top-style:solid}
.dx-chat-messagebox-textarea{flex-grow:1}
.dx-chat-messagegroup-content{display:flex;flex-direction:column;row-gap:4px}
.dx-chat-messagebubble{width:auto;word-break:break-word;white-space:break-spaces}
.dx-chat-messagegroup-alignment-start .dx-chat-messagegroup-content{grid-column:2;align-items:flex-start}
.dx-chat-messagegroup-alignment-start .dx-chat-messagebubble{border-start-start-radius:0;border-end-start-radius:0;color:rgba(0,0,0,.87);background-color:rgba(0,0,0,.08)}
.dx-chat-messagegroup-alignment-end .dx-chat-messagegroup-content{align-items:flex-end;max-width:82.5%}
.dx-chat-messagegroup-alignment-end .dx-chat-messagebubble{border-start-end-radius:0;border-end-end-radius:0;color:rgba(0,0,0,.87);background-color:rgba(3,169,244,.08)}
.dx-chat-messagegroup{display:grid;align-items:start}
.dx-chat-messagegroup-information{display:flex;grid-row:1;max-width:100%;min-width:0}
.dx-chat-messagegroup-author-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dx-chat-messagegroup-time{white-space:nowrap}
.dx-chat-messagegroup-alignment-start{justify-items:start;grid-template-columns:auto 82.5% 1fr}
.dx-chat-messagegroup-alignment-start .dx-chat-messagegroup-information{grid-column:2/span 2}
.dx-chat-messagegroup-alignment-end{justify-items:end}
.dx-chat-messagelist{flex-grow:1;overflow:hidden}
.dx-chat-messagelist .dx-scrollable-container{overscroll-behavior:contain;will-change:scroll-position}
.dx-chat-messagelist .dx-scrollable-content{display:flex;flex-direction:column;width:100%}
.dx-chat-messagelist .dx-scrollable-native.dx-scrollable-native-ios .dx-scrollable-content{min-height:100%;box-sizing:border-box}
.dx-chat-messagelist .dx-scrollview-bottom-pocket{width:100%}
.dx-chat-messagelist .dx-scrollview-scrollbottom-text{margin:0}
.dx-chat-messagelist.dx-chat-messagelist-empty .dx-scrollable.dx-scrollview .dx-scrollable-content{height:100%}
.dx-chat-messagelist .dx-scrollview-scrollbottom-indicator{box-shadow:none}
.dx-chat-messagelist-empty .dx-scrollview-content{display:flex;height:100%;flex-direction:column}
.dx-chat-messagelist-empty .dx-chat-messagelist-content{flex-grow:1;display:flex;align-items:center;justify-content:center}
.dx-chat-messagelist-empty-loading .dx-scrollable-content{justify-content:center}
.dx-chat-messagelist-empty-view{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;text-align:center}
.dx-chat-messagelist-empty-image{font:14px/1 DXIcons;border-radius:999em}
.dx-chat-messagelist-empty-image::before{content:"\f17e";font-size:40px}
.dx-chat-typingindicator-content{display:grid;align-items:start;justify-items:start}
.dx-chat-typingindicator-content .dx-avatar{grid-row:2/auto}
.dx-chat-typingindicator-text{grid-column:2/span 2;grid-row:1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dx-chat-typingindicator-circle:first-child,.dx-chat-typingindicator-circle:nth-child(3){animation:1.5s infinite dx-typingindicator-circle-scale-outer;background-color:rgba(0,0,0,.4)}
.dx-chat-typingindicator-circle:nth-child(2){animation:1.5s infinite dx-typingindicator-circle-scale-inner;width:.8571428571em;height:.8571428571em;background-color:rgba(0,0,0,.6)}
.dx-chat{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px}
.dx-chat-alertlist:empty{padding-block:0;padding-inline:0}
.dx-chat-alertlist-error{color:#f44336;-moz-column-gap:8px;column-gap:8px;padding-block:6px}
.dx-chat-alertlist-error-icon{font:24px/24px DXIcons;width:24px;height:24px;background-position:0 0;background-size:24px 24px;padding:0;text-align:center}
.dx-chat-alertlist-error-icon::before{content:"\f174"}
.dx-chat-messagebox{padding:20px;border-top-color:#e0e0e0;gap:8px}
.dx-chat-messagebox-textarea.dx-textarea.dx-texteditor{border-radius:8px}
.dx-chat-messagebox-button{margin-bottom:10px}
.dx-chat-messagebubble{padding:8px 16px;border-radius:8px}
.dx-chat-messagegroup-alignment-start .dx-chat-messagebubble:first-child{border-start-start-radius:8px}
.dx-chat-messagegroup-alignment-start .dx-chat-messagebubble:last-child{border-end-start-radius:8px}
.dx-chat-messagegroup-alignment-end .dx-chat-messagebubble:first-child{border-start-end-radius:8px}
.dx-chat-messagegroup-alignment-end .dx-chat-messagebubble:last-child{border-end-end-radius:8px}
.dx-chat-messagegroup{row-gap:4px;padding-bottom:24px}
.dx-chat-messagegroup:first-child{padding-top:24px}
.dx-chat-messagegroup-information{-moz-column-gap:8px;column-gap:8px}
.dx-chat-messagegroup-alignment-start:has(.dx-avatar){-moz-column-gap:12px;column-gap:12px}
.dx-chat-messagegroup-author-name,.dx-chat-messagegroup-time{font-size:12px;color:rgba(0,0,0,.6)}
.dx-chat-messagelist-empty-view{row-gap:4px;padding-block:20px}
.dx-chat-messagelist-empty-image{color:rgba(0,0,0,.38);background-color:rgba(0,0,0,.08);padding:12px;margin-bottom:12px}
.dx-chat-messagelist-empty-message{font-size:18px;color:rgba(0,0,0,.87)}
.dx-chat-messagelist-empty-prompt{font-size:14px;color:rgba(0,0,0,.6)}
.dx-chat-messagelist .dx-scrollable-content{padding-inline:20px}
.dx-chat-messagelist-day-header{text-align:center;padding-bottom:12px;color:rgba(0,0,0,.6);font-size:12px}
.dx-chat-messagelist-day-header:first-child{padding-top:20px}
.dx-chat-typingindicator-content{grid-template-columns:auto 82.5% 1fr;padding-bottom:24px;row-gap:4px}
.dx-chat-typingindicator-text{font-size:12px;color:rgba(0,0,0,.6)}
.dx-chat-typingindicator-bubble{grid-column:2;display:flex;justify-content:center;align-items:center;padding-block:11px;padding-inline:20px;border-radius:8px;background-color:rgba(0,0,0,.08);-moz-column-gap:4px;column-gap:4px}
.dx-chat-typingindicator-circle{width:.5714285714em;height:.5714285714em;border-radius:999em}