/* SoftVN Live Chat UI enhancements — brand color driven by --svnui-brand (set from launcher color). */

/* brand accents */
html body .slc-root[class*="slc-theme-"] .slc-header-icon{color:var(--svnui-brand)!important;background:var(--svnui-brand-soft)!important;border:1px solid var(--svnui-brand-line)!important;}
html body .slc-root[class*="slc-theme-"] .slc-message--visitor .slc-message__bubble{background:var(--svnui-brand)!important;background-image:none!important;border:1px solid var(--svnui-brand-d)!important;box-shadow:0 7px 18px var(--svnui-brand-shadow)!important;}
html body .slc-root[class*="slc-theme-"] .slc-message-link,
html body .slc-root[class*="slc-theme-"] .slc-message-link:visited{color:var(--svnui-brand-d)!important;}

/* composer: white footer + flat input */
html body .slc-root[class*="slc-theme-"] .slc-panel .slc-form{background:#ffffff!important;background-image:none!important;border-top:1px solid #eef1f4!important;box-shadow:none!important;}
html body .slc-root[class*="slc-theme-"] .slc-input-wrap{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;}
html body .slc-root[class*="slc-theme-"] .slc-input-wrap:focus-within{background:transparent!important;border:0!important;box-shadow:none!important;}
html body .slc-root[class*="slc-theme-"] .slc-form .slc-input::placeholder{color:#7a8696!important;opacity:1!important;}
html body .slc-root[class*="slc-theme-"] .slc-form .slc-input{color:#1a2330!important;}
html body .slc-root[class*="slc-theme-"] .slc-form .slc-send{border-radius:999px!important;transition:color .15s ease!important;}
html body .slc-root[class*="slc-theme-"] .slc-send:not(:disabled),
html body .slc-root[class*="slc-theme-"] .slc-form.is-ready .slc-send{color:var(--svnui-brand)!important;background:transparent!important;box-shadow:none!important;}
html body .slc-root[class*="slc-theme-"] .slc-send:not(:disabled):hover,
html body .slc-root[class*="slc-theme-"] .slc-form.is-ready .slc-send:hover{color:var(--svnui-brand-d)!important;background:transparent!important;}

/* welcome avatars (team stack) */
html body .slc-root .slc-welcome-avatar{width:auto!important;height:auto!important;filter:none!important;margin:0 auto 8px!important;font-size:0!important;}
html body .slc-root .slc-welcome-team{display:inline-flex!important;align-items:center!important;}
html body .slc-root .slc-welcome-agent{position:relative!important;width:42px!important;height:42px!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;font-weight:500!important;font-size:13px!important;line-height:1!important;border:2px solid #fff!important;box-shadow:0 4px 10px rgba(15,23,42,.12)!important;}
html body .slc-root .slc-welcome-agent + .slc-welcome-agent{margin-left:-8px!important;}
html body .slc-root .slc-welcome-agent--1{background:var(--svnui-agent-1)!important;z-index:1!important;}
html body .slc-root .slc-welcome-agent--2{background:var(--svnui-agent-2)!important;z-index:2!important;}
html body .slc-root .slc-welcome-agent--3{background:var(--svnui-agent-3)!important;z-index:3!important;}
html body .slc-root .slc-welcome-agent__dot{position:absolute!important;right:1px!important;bottom:1px!important;width:10px!important;height:10px!important;border-radius:999px!important;background:#22c55e!important;border:2px solid #fff!important;}

/* online status line */
html body .slc-root .slc-welcome-status{display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;font-size:12px!important;color:#15a34a!important;margin:0 0 10px!important;font-weight:500!important;}
html body .slc-root .slc-welcome-status__dot{width:7px!important;height:7px!important;border-radius:999px!important;background:#22c55e!important;display:inline-block!important;box-shadow:0 0 0 3px rgba(34,197,94,.18)!important;}

/* hide redundant welcome title */
html body .slc-root[class*="slc-theme-"] .slc-welcome-title{display:none!important;}

/* starter buttons: list style with icon + chevron */
html body .slc-root[class*="slc-theme-"] .slc-starter-options{display:flex!important;flex-direction:column!important;gap:7px!important;margin-top:14px!important;width:100%!important;align-items:stretch!important;}
html body .slc-root[class*="slc-theme-"] .slc-starter-option{width:100%!important;min-width:0!important;max-width:none!important;min-height:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;text-align:left!important;gap:8px!important;background:var(--svnui-brand-soft)!important;background-image:none!important;border:1px solid var(--svnui-brand-line)!important;border-radius:12px!important;padding:10px 12px!important;color:#1a2330!important;font-size:13px!important;font-weight:500!important;box-shadow:none!important;white-space:normal!important;}
html body .slc-root[class*="slc-theme-"] .slc-starter-option:hover{background:var(--svnui-brand-soft2)!important;background-image:none!important;border-color:var(--svnui-brand)!important;transform:none!important;color:#1a2330!important;}
html body .slc-root[class*="slc-theme-"] .slc-starter-option__lead{display:inline-flex!important;align-items:center!important;gap:8px!important;color:#1a2330!important;}
html body .slc-root[class*="slc-theme-"] .slc-starter-option__ic{display:inline-flex!important;color:var(--svnui-brand)!important;flex:0 0 auto!important;}
html body .slc-root[class*="slc-theme-"] .slc-starter-option__ic svg{width:17px!important;height:17px!important;display:block!important;}
html body .slc-root[class*="slc-theme-"] .slc-starter-option__chev{width:16px!important;height:16px!important;color:var(--svnui-brand-muted)!important;flex:0 0 auto!important;}

/* hide header close */
html body .slc-root .slc-close{display:none!important;}

/* launcher morphs into close (X) when open */
html body .slc-root{display:flex!important;flex-direction:column!important;align-items:flex-end!important;}
html body .slc-root .slc-panel{order:1!important;}
html body .slc-root .slc-launcher{position:relative!important;order:2!important;}
html body .slc-root.slc-open .slc-launcher{display:inline-flex!important;}
html body .slc-root.slc-open .slc-launcher .slc-launcher__iconwrap{opacity:0!important;}
html body .slc-root.slc-open .slc-launcher::before,
html body .slc-root.slc-open .slc-launcher::after{content:"";position:absolute;left:50%;top:50%;width:20px;height:2.5px;background:#fff;border-radius:2px;}
html body .slc-root.slc-open .slc-launcher::before{transform:translate(-50%,-50%) rotate(45deg);}
html body .slc-root.slc-open .slc-launcher::after{transform:translate(-50%,-50%) rotate(-45deg);}