/* Pinned presentation values; public geometry is shared in public-chat.css and visitor-layout.css. */
body.screen-design{--teal:var(--screen-accent);--teal-hover:var(--screen-accent)}
.screen-design .send-button,.screen-design .message--visitor .message-bubble{background:var(--screen-accent);color:var(--screen-accent-ink);border:1px solid #64738f55}
.screen-design .quick-menu button .ui-icon,.screen-design .text-button{color:var(--screen-accent)}
.screen-design .message--assistant:before{background-image:var(--screen-avatar)}
.screen-design[data-screen-template=focus] .employee-chat{max-width:1280px}
.screen-preview [data-screen-edit]{cursor:pointer;outline:1px dashed transparent;outline-offset:3px}
.screen-preview [data-screen-edit]:hover,.screen-preview [data-screen-edit]:focus{outline-color:#245dcc;background-color:#245dcc0c}
.screen-preview-example-note{margin:4px 0 8px;text-align:center;color:#65758b;font-size:12px;line-height:1.5}
.screen-preview [data-screen-sample]{flex-shrink:0}

/* Direct editor selection uses the same external stylesheet as its preview. */
.screen-preview [data-screen-selected]{outline:2px solid #245dcc!important;outline-offset:3px}
.screen-preview [data-screen-preview-mode=preview] [data-screen-edit]{outline-color:transparent;cursor:default}
.screen-preview [data-screen-edit] [disabled]{pointer-events:none}