/* Store chat entry points share their appearance with Feedback. */
.xf3-chat-tab{position:relative}
html body .lab-page .lab-tab-actions .xf3-chat-tab{order:-1}
.xf3-chat-tab[hidden],.xf3-chat-unread[hidden],.xf3-chat-launch[hidden],.xf3-chat-launch [hidden],.xf3-chat-page[hidden]{display:none!important}
.xf3-chat-unread,.xf3-chat-launch i{width:9px;height:9px;flex:none;border-radius:50%;background:#b94c16;box-shadow:0 0 0 3px #ff8e3740}
body .xf3-chat-launch{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:10020;width:80px}
body .xf3-back-to-top{right:max(16px,env(safe-area-inset-right))!important;bottom:max(16px,env(safe-area-inset-bottom))!important;z-index:10020;box-sizing:border-box;min-width:64px;min-height:40px;padding:5px 11px;font-size:15px}
body:has(.xf3-chat-launch:not([hidden])) .xf3-back-to-top{right:calc(max(16px,env(safe-area-inset-right)) + 90px)!important}
.xf3-chat-tab.has-unread,.xf3-chat-launch.has-unread{animation:xf3-chat-attention 1.3s ease-in-out infinite}
@keyframes xf3-chat-attention{50%{filter:brightness(1.15)}}
@media(prefers-reduced-motion:reduce){.xf3-chat-tab.has-unread,.xf3-chat-launch.has-unread{animation:none;outline:3px solid #f69a3d}}
@media(max-width:650px){body .xf3-chat-launch{width:80px}body:has(.xf3-chat-launch:not([hidden])) .xf3-back-to-top{right:calc(max(16px,env(safe-area-inset-right)) + 90px)!important}}

/* Chat inherits the store theme. */
body .lab-page .xf3-chat-page{box-sizing:border-box;width:100%;min-width:0;min-height:0;padding:0 0 64px!important;background:transparent!important}
body .lab-page #xf3-chat-panel .xf3-chat-shell{
 --chat-panel:var(--gui-panel,#fff);--chat-panel-2:var(--gui-panel-2,#edf3f5);--chat-text:var(--gui-text,#192e38);--chat-muted:var(--gui-muted,#485d66);--chat-accent:#159ac3;--chat-send-text:#08374c;
 --chat-border:color-mix(in srgb,var(--chat-muted) 30%,transparent);--chat-bg:color-mix(in srgb,var(--chat-panel-2) 70%,var(--chat-panel));--chat-outgoing:color-mix(in srgb,var(--chat-accent) 14%,var(--chat-panel));
 box-sizing:border-box;display:flex;flex-direction:column;width:100%;max-width:none;min-width:0;height:var(--chat-height,70vh);min-height:480px;max-height:920px;margin:0;border:1px solid var(--chat-border);border-radius:16px;overflow:hidden;background:var(--chat-panel);color:var(--chat-text);box-shadow:0 8px 24px #234d5e12;font:18px/1.5 var(--gui-font-ui,Lufga,Arial,sans-serif)
}
body .lab-page #xf3-chat-panel .xf3-chat-shell *{box-sizing:border-box}
body .lab-page #xf3-chat-panel .xf3-chat-shell [hidden]{display:none!important}
body .lab-page #xf3-chat-panel .xf3-chat-shell :is(button,input,textarea,summary){font-family:var(--gui-font-ui,Lufga,Arial,sans-serif)!important;letter-spacing:normal;text-transform:none}
body .lab-page #xf3-chat-panel .xf3-chat-shell :is(button,summary):focus-visible,body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-photo:focus-within{outline:3px solid var(--chat-accent);outline-offset:3px}

/* Mood controls sit beside Attach photo, with choices opening upward. */
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-controls{display:flex;align-items:center;gap:10px;min-width:0;flex:none}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-chooser{position:relative;margin:0;padding:0;border:0;background:transparent;box-shadow:none}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-chooser>summary{display:flex!important;align-items:center;gap:8px;min-height:44px;width:auto;margin:0;padding:6px 12px!important;cursor:pointer;list-style:none;border:1px solid var(--chat-border)!important;border-radius:9px!important;box-shadow:none;background:var(--chat-panel)!important;color:var(--chat-text)!important;font-size:15px!important;line-height:1.2!important;font-weight:400;white-space:nowrap}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-chooser>summary::-webkit-details-marker{display:none}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-chooser>summary::marker{content:''}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-chooser>summary::before,body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-chooser>summary::after{content:none!important}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-chooser[open]>summary,body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-chooser>summary:hover{border-color:var(--chat-accent)!important}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-chooser>summary strong{font-size:15px!important;color:var(--chat-text)!important;font-weight:600}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-control-label{color:var(--chat-muted)!important;font-size:14px}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-caret{font-size:20px;line-height:1;color:var(--chat-muted);margin-left:2px}
body .lab-page #xf3-chat-panel .xf3-chat-shell img.xf3-chat-control-preview{width:29px;height:32px;object-fit:contain;padding:0;border:0;border-radius:0;background:transparent}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-choices{display:none;position:absolute;left:0;bottom:calc(100% + 8px);top:auto;z-index:5;width:330px;max-width:calc(100vw - 40px);max-height:min(340px,65vh);overflow:auto;overscroll-behavior:contain;padding:9px;border:1px solid var(--chat-border);border-radius:12px;background:var(--chat-panel);box-shadow:0 12px 35px #163a4a40}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-chooser[open]>.xf3-chat-choices{display:grid;gap:5px}
body .lab-page #xf3-chat-panel .xf3-chat-shell button.xf3-chat-choice{display:flex;align-items:center;gap:13px;width:100%;min-width:0;min-height:58px;padding:8px 12px!important;border:1px solid transparent!important;border-radius:8px!important;background:var(--chat-panel)!important;color:var(--chat-text)!important;box-shadow:none;font-size:16px!important;font-weight:500!important;line-height:1.25!important;text-align:left;white-space:normal;cursor:pointer}
body .lab-page #xf3-chat-panel .xf3-chat-shell button.xf3-chat-choice:nth-child(even){background:var(--chat-panel-2)!important}
body .lab-page #xf3-chat-panel .xf3-chat-shell button.xf3-chat-choice:hover,body .lab-page #xf3-chat-panel .xf3-chat-shell button.xf3-chat-choice.is-active{border-color:var(--chat-accent)!important;background:var(--chat-outgoing)!important}
body .lab-page #xf3-chat-panel .xf3-chat-shell button.xf3-chat-choice.is-active::after{content:'✓';color:var(--chat-text);font-weight:700;margin-left:auto}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-mood-art{width:38px;height:42px;object-fit:contain;flex:none;padding:0;border:0;border-radius:0;background:transparent}

/* Optional guest details stay out of the conversation until requested. */
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-guest-details{flex:none;border:0;border-bottom:1px solid var(--chat-border);border-radius:0;margin:0;padding:0 20px;background:var(--chat-panel)!important;box-shadow:none}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-guest-details>summary{display:list-item;width:fit-content;max-width:100%;min-height:40px;margin:0;padding:10px 0!important;border:0!important;box-shadow:none;background:transparent!important;color:var(--chat-muted)!important;font-size:14px!important;font-weight:400;cursor:pointer}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-topbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:3px 0 16px}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-field{position:relative;display:grid;gap:6px;min-width:0;color:var(--chat-muted)!important;font-size:14px!important;font-weight:500}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-field input{width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid var(--chat-border)!important;border-radius:8px;background:var(--chat-panel)!important;color:var(--chat-text)!important;font-size:16px!important}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-saved{position:absolute;right:10px;bottom:10px;opacity:0;color:var(--chat-accent);pointer-events:none}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-saved.is-visible{opacity:1}
body .lab-page #xf3-chat-panel .xf3-chat-shell:is(:has(.xf3-chat-guest-details[open]),.has-photo){height:auto;min-height:var(--chat-height,480px);max-height:none}
body .lab-page #xf3-chat-panel .xf3-chat-shell:is(:has(.xf3-chat-guest-details[open]),.has-photo) .xf3-chat-history{flex:none;height:clamp(180px,35vh,350px)}

/* Messages read as conversation, with small sender and time metadata. */
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-history{display:flex;flex:1;flex-direction:column;gap:12px;min-height:150px;overflow:auto;overscroll-behavior:auto;padding:18px 24px;background:var(--chat-bg);color:var(--chat-text);font-family:var(--gui-font-ui,Lufga,Arial,sans-serif);scrollbar-width:auto;scrollbar-gutter:stable;scrollbar-color:#397d95 var(--chat-panel-2)}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-banner{display:flex;flex:none;align-items:center;justify-content:center;gap:14px;margin:5px 0 9px;color:var(--chat-muted);font-size:15px;font-weight:400;line-height:1.4;letter-spacing:0}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-banner::before,body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-banner::after{content:'';height:1px;flex:1;background:var(--chat-border)}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-line{display:block;align-self:flex-start;flex:none;width:fit-content;min-width:165px;max-width:min(80%,780px);margin:0;padding:13px 17px;border:1px solid var(--chat-border);border-radius:14px 14px 14px 3px;background:var(--chat-panel);color:var(--chat-text);box-shadow:0 2px 5px #153e4b08;overflow-wrap:anywhere;white-space:normal}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-line.is-visitor{align-self:flex-end;background:var(--chat-outgoing);border-color:color-mix(in srgb,var(--chat-accent) 38%,var(--chat-border));border-radius:14px 14px 3px 14px}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-line.is-system{align-self:center;max-width:100%;min-width:0;padding:7px 12px;background:transparent;border:0;box-shadow:none}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-meta{display:flex;align-items:center;gap:9px;min-height:20px;margin:0 0 5px;color:var(--chat-muted);font-size:16px;font-weight:400;line-height:1.3}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-nick{color:var(--chat-text);font-size:16px;font-weight:600}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-time{margin-left:auto;color:var(--chat-muted);font-size:15px;white-space:nowrap}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-pod{display:block;flex:none;width:23px;height:28px;margin:-3px 0;object-fit:contain;background:transparent;border:0;border-radius:0;padding:0}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-text{margin:0!important;padding:0!important;color:var(--chat-text)!important;font-size:18px!important;font-weight:400;line-height:1.6!important;white-space:pre-wrap;overflow-wrap:anywhere}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-line.is-system .xf3-chat-text{color:var(--chat-muted)!important;font-size:14px!important}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-attachment{display:block;width:auto;max-width:min(100%,500px);max-height:340px;margin:10px 0 0;border-radius:8px;object-fit:contain}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-empty{margin:auto!important;padding:25px!important;text-align:center;color:var(--chat-muted)!important;font-size:23px!important;line-height:1.5!important;font-weight:400}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-typing{flex:none;margin:0;color:var(--chat-muted)!important;font-size:14px!important}

/* Large full-width composer, then a simple action row. */
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-form{position:relative;flex:none;display:grid;grid-template-columns:minmax(0,1fr);gap:11px;margin:0;margin-top:auto;padding:16px 20px;background:var(--chat-panel)!important;color:var(--chat-text)!important;border:0;border-top:1px solid var(--chat-border)}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-form textarea{display:block;box-sizing:border-box;width:100%;min-width:0;min-height:82px;max-height:180px;margin:0;padding:13px 16px!important;border:1px solid var(--chat-border)!important;border-radius:11px!important;background:var(--chat-panel)!important;color:var(--chat-text)!important;box-shadow:inset 0 1px 4px #163b4910;font-size:18px!important;line-height:1.5!important;font-weight:400;resize:vertical}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-form textarea::placeholder{color:var(--chat-muted)!important;opacity:1}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-form textarea:focus{outline:2px solid var(--chat-accent);outline-offset:1px}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-actions{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:14px;min-height:44px}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-photo{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:0;padding:10px 14px!important;border:1px solid var(--chat-border);border-radius:8px;background:var(--chat-panel-2)!important;color:var(--chat-text)!important;font:500 15px/1.3 var(--gui-font-ui,Lufga,Arial,sans-serif);cursor:pointer}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-photo input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;margin:0;padding:0;border:0}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-status{margin-left:auto;color:var(--chat-muted)!important;font-size:15px;line-height:1.3}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-status.is-error{color:#b64229!important}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-send{display:inline-flex;align-items:center;justify-content:center;min-width:120px;min-height:44px;margin:0;padding:10px 22px!important;border:1px solid #269dbd!important;border-radius:9px!important;background:linear-gradient(145deg,#8be7f3,#48c1e4)!important;color:#08374c!important;box-shadow:0 2px 0 #228eac;font-size:17px!important;font-weight:600;line-height:1.3!important;cursor:pointer}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-send:hover{filter:brightness(1.05)}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-send:disabled{opacity:.5;cursor:wait}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-photo-name,body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-feedback{margin:0!important;padding:0!important;color:var(--chat-muted)!important;font-size:15px!important;line-height:1.4!important;overflow-wrap:anywhere}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-feedback:empty{display:none}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-wait{flex:none;display:grid;gap:8px;padding:9px 16px;background:var(--chat-panel-2);color:var(--chat-text);border-top:1px solid var(--chat-border);font:15px/1.35 var(--gui-font-ui,Lufga,Arial,sans-serif)}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-wait[hidden],body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-callback[hidden]{display:none}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-callback{display:flex;flex-wrap:wrap;gap:7px}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-callback input{flex:1 1 140px;min-width:0;padding:7px 9px;border:1px solid var(--chat-border);border-radius:7px;background:var(--chat-panel);color:var(--chat-text);font:inherit}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-callback button{padding:7px 10px}
@media(max-width:650px){
 body .lab-page #xf3-chat-panel .xf3-chat-shell{min-height:480px;border-radius:12px}
 body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-controls{gap:7px}
 body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-chooser{position:static}
 body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-chooser>summary{gap:5px;padding:5px 8px!important;font-size:14px!important}
 body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-chooser>summary strong{font-size:14px!important}
 body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-control-label{display:none}
 body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-choices{left:0;right:0;top:auto;bottom:calc(100% + 8px);width:auto;max-width:none}
 body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-history{padding:14px 12px;gap:10px}
 body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-line{max-width:92%;padding:11px 13px}
 body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-text{font-size:17px!important}
 body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-form{padding:12px;gap:10px}
 body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-form textarea{min-height:76px;font-size:17px!important;padding:10px 12px!important}
 body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-actions{gap:8px}
 body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-send{min-width:85px;padding:10px 16px!important}
 body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-photo{padding:10px!important;font-size:14px}
 body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-topbar{grid-template-columns:1fr}
 body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-guest-details{padding:0 12px}
}

body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-photo-preview{display:flex;align-items:center;gap:12px;min-width:0;padding:10px;border:1px solid var(--chat-border);border-radius:9px;background:var(--chat-panel-2)}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-photo-preview img{width:88px;height:70px;object-fit:contain;border-radius:5px}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-photo-name{min-width:0;font-size:15px!important;overflow-wrap:anywhere}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-remove-photo{margin-left:auto;flex:none;padding:9px!important;border:1px solid var(--chat-border)!important;border-radius:7px;background:var(--chat-panel)!important;color:var(--chat-text)!important;font-size:14px!important;cursor:pointer}
@media(max-width:650px){
 body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-status{margin-left:0}
 body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-send{margin-left:0}
 body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-meta{flex-wrap:wrap;row-gap:4px}
}

html body .lab-page .lab-tab-actions button.xf3-chat-tab[hidden],body button.xf3-chat-launch[hidden]{display:none!important}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-submit-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-left:auto}
@media(max-width:650px){body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-submit-actions{flex-basis:100%;gap:10px}}

/* More conversation, with a compact composer and controls available per message. */
body .lab-page #xf3-chat-panel .xf3-chat-shell{min-height:420px;max-height:none}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-history{padding:12px 16px;gap:6px}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-banner{margin:3px 0;font-size:14px}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-line{padding:6px 12px;max-width:min(88%,880px);min-width:180px}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-meta{margin:0 0 1px;gap:8px;flex-wrap:nowrap}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-text{font-size:17px!important;line-height:1.4!important}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-form{padding:10px 14px;gap:7px}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-form textarea{min-height:48px;height:48px;padding:10px 12px!important;font-size:17px!important;line-height:1.35!important}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-actions{gap:8px;min-height:36px;flex-wrap:nowrap}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-photo,
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-send{min-height:36px;padding:6px 12px!important;font-size:15px!important}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-submit-actions{flex-basis:auto;gap:10px}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-message-menu{position:relative;flex:none;margin:0;border:0!important;padding:0;background:transparent!important;box-shadow:none!important}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-message-menu>summary{display:flex!important;align-items:center;justify-content:center;list-style:none;width:30px;min-height:28px;margin:0;padding:0!important;border:0!important;background:transparent!important;color:var(--chat-text)!important;font-size:22px!important;line-height:1!important;cursor:pointer}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-message-menu>summary::marker,
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-message-menu>summary::-webkit-details-marker{display:none;content:''}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-message-menu>summary::after{content:none!important}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-message-options{position:absolute;z-index:10;top:100%;right:0;width:170px;padding:5px;border:1px solid var(--chat-border);border-radius:8px;background:var(--chat-panel);box-shadow:0 4px 14px #183e5025}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-message-options button{display:block;width:100%;min-height:38px;padding:7px 9px!important;text-align:left;border:0!important;background:var(--chat-panel)!important;color:var(--chat-text)!important;font-size:15px!important;cursor:pointer}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-message-options button:hover{background:var(--chat-panel-2)!important}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-quote{display:block;width:100%;padding:6px 9px!important;margin:4px 0!important;border:0!important;border-left:3px solid var(--chat-accent)!important;border-radius:4px!important;background:var(--chat-panel-2)!important;color:var(--chat-muted)!important;text-align:left;white-space:normal;overflow-wrap:anywhere;font-size:14px!important;line-height:1.35!important;cursor:pointer}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-reply-preview{display:flex;align-items:center;gap:12px;padding:6px 9px;border-left:3px solid var(--chat-accent);background:var(--chat-panel-2);font-size:14px;line-height:1.3}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-reply-preview>span{min-width:0;flex:1;overflow-wrap:anywhere}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-editor{display:flex;flex-wrap:wrap;gap:8px;border:0;padding:4px 0;margin:0;background:none}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-editor textarea{width:100%;min-height:76px;padding:8px;font-size:17px;background:var(--chat-panel);color:var(--chat-text);border:1px solid var(--chat-border)}
body .lab-page #xf3-chat-panel .xf3-chat-shell :is(.xf3-chat-editor,.xf3-chat-reply-preview) button{min-height:34px;padding:5px 9px!important;border:1px solid var(--chat-border);border-radius:6px;background:var(--chat-panel);color:var(--chat-text);font-size:14px!important;cursor:pointer}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-deleted{font-size:15px!important;color:var(--chat-muted);font-style:italic;margin:4px 0!important}
body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-edited{font-size:13px;color:var(--chat-muted)}
@media(max-width:650px){
 body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-history{padding:10px 8px}
 body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-form{padding:8px}
 body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-line{max-width:96%;padding:5px 9px}
 body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-message-menu>summary{width:38px;min-height:34px}
 body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-message-options button{min-height:44px}
 body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-send,body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-photo{min-height:40px}
 body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-status{font-size:13px}
}

/* A full-width, high-contrast scrollbar is easier to grab in a long conversation. */
@supports selector(::-webkit-scrollbar){
 body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-history{scrollbar-color:auto}
 body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-history::-webkit-scrollbar{width:22px;height:22px}
 body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-history::-webkit-scrollbar-track{background:var(--chat-panel-2);border-left:1px solid var(--chat-border)}
 body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-history::-webkit-scrollbar-thumb{min-height:48px;background:#397d95;border:3px solid var(--chat-panel-2);border-radius:12px}
 body .lab-page #xf3-chat-panel .xf3-chat-shell .xf3-chat-history::-webkit-scrollbar-thumb:hover{background:#205f79}
}