/* Assistant: clear glass popup and an editorial, two-column workspace. */
#chatbot-dock[data-mode=popup] #chatbot-panel{background:color-mix(in srgb, var(--brand-white) 16%, transparent);backdrop-filter:blur(24px) saturate(1.15);-webkit-backdrop-filter:blur(24px) saturate(1.15);border-color:color-mix(in srgb, var(--brand-white) 50.196%, transparent);color:var(--brand-plum)}
#chatbot-dock[data-mode=popup] .chatbot-header{background:color-mix(in srgb, var(--brand-white) 43.922%, transparent);border-color:color-mix(in srgb, var(--brand-white) 37.647%, transparent)}
#chatbot-dock[data-mode=popup] .chatbot-message{background:color-mix(in srgb, var(--brand-plum) 86%, transparent);color:var(--brand-white)}
#chatbot-dock[data-mode=popup] .chatbot-message.user{background:color-mix(in srgb, var(--brand-plum) 80%, transparent)}
#chatbot-dock[data-mode=popup] #chatbot-input{background:color-mix(in srgb, var(--brand-plum) 80%, transparent)!important}
#chatbot-panel .chatbot-actions button,#chatbot-panel #chatbot-media-page,#chatbot-panel #chatbot-form button{background:var(--brand-primary);color:var(--brand-plum);border-color:transparent}
#chatbot-panel .chatbot-actions button:hover,#chatbot-panel #chatbot-media-page:hover{filter:brightness(1.08)}
#chatbot-panel .chatbot-message.chatbot-consent{background:var(--brand-primary);color:var(--brand-plum);border:var(--brand-border-width) solid color-mix(in srgb, var(--brand-white) 50.196%, transparent)}
#chatbot-panel .chatbot-consent small{color:inherit}
#chatbot-panel .chatbot-consent button{border-color:currentColor;background:color-mix(in srgb, var(--brand-white) 18.824%, transparent)}
#chatbot-section{padding:120px var(--page-margin,5vw) 24px;background:var(--brand-white)}
#chatbot-section-intro{margin:0 0 20px}
#chatbot-section-intro h2{font-size:clamp(26px,3vw,42px);line-height:1.15}
#chatbot-section #chatbot-panel{height:calc(100dvh - 214px);min-height:0;max-width:none;background:color-mix(in srgb, var(--brand-plum) 76%, transparent);backdrop-filter:blur(22px);border:var(--brand-border-width) solid color-mix(in srgb, var(--brand-white) 53.333%, transparent);box-shadow:0 16px 48px color-mix(in srgb, var(--brand-plum) 9.412%, transparent)}
#chatbot-section .chatbot-header{display:none}
#chatbot-section .chatbot-body{min-height:0}
#chatbot-section .chatbot-message{background:color-mix(in srgb, var(--brand-white) 85.098%, transparent);color:var(--brand-plum);border:var(--brand-border-width) solid color-mix(in srgb, var(--brand-white) 60%, transparent);backdrop-filter:blur(10px)}
#chatbot-section .chatbot-message.user{background:color-mix(in srgb, var(--brand-white) 65.882%, transparent)}
#chatbot-section .chatbot-message small{color:inherit;opacity:.65}
#chatbot-section #chatbot-messages{padding:24px;order:2}
#chatbot-section #chatbot-media{order:1;width:50%;height:100%;align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:24px;border-right:var(--brand-border-width) solid color-mix(in srgb, var(--brand-white) 18.824%, transparent);overflow:auto}
#chatbot-section #chatbot-media img{height:auto;min-height:0;max-height:calc(100% - 140px);flex:1;object-fit:contain}
#chatbot-section #chatbot-media figcaption{flex-shrink:0}
#chatbot-section #chatbot-media nav{flex-shrink:0}
#chatbot-section #chatbot-media-page{align-self:flex-start;margin-top:12px;font-size:12px}
#chatbot-section .has-media #chatbot-form{width:50%;align-self:flex-end}
#chatbot-section #chatbot-form{padding:10px 24px}
#chatbot-section #chatbot-input{background:color-mix(in srgb, var(--brand-white) 85.098%, transparent)!important;color:var(--brand-plum)!important}
#chatbot-section #chatbot-input::placeholder{color:var(--brand-plum)}
#chatbot-section .chatbot-footer{padding:0 24px 14px}
.chatbot-tools svg{display:block}
@media(max-width:900px){
 #chatbot-dock[data-mode=compact] #chatbot-input{font-size:11px!important}
 #chatbot-section{padding:95px var(--page-margin,16px) 16px}
 #chatbot-section #chatbot-panel{height:calc(100dvh - 163px)}
 #chatbot-section .has-media .chatbot-body{flex-direction:column}
 #chatbot-section #chatbot-messages{padding:12px}
 #chatbot-section #chatbot-media{width:100%;height:42%;flex:0 0 42%;padding:10px 14px;border-right:0;border-bottom:var(--brand-border-width) solid color-mix(in srgb, var(--brand-white) 26.667%, transparent);display:grid;grid-template-columns:1fr auto;grid-template-rows:minmax(40px,1fr) auto auto;gap:4px 10px}
 #chatbot-section #chatbot-media img{grid-column:1 / -1;width:100%;height:100%;max-height:100%}
 #chatbot-section #chatbot-media figcaption{grid-column:1 / -1;font-size:10px;margin:0}
 #chatbot-section #chatbot-media nav{margin:0;gap:12px}
 #chatbot-section #chatbot-media-page{margin:0;align-self:center;font-size:10px;padding:7px}
 #chatbot-section #chatbot-form,#chatbot-section .has-media #chatbot-form{width:100%;padding:8px 12px}
 #chatbot-section .chatbot-footer{padding:0 12px 8px}
}