/* Floating window only. */
#spring-chatroom.sc-floating-root{position:fixed;right:24px;bottom:24px;z-index:99999;font:14px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;color:#17211f;letter-spacing:0}

#spring-chatroom.sc-floating-root *{box-sizing:border-box;letter-spacing:0}

#spring-chatroom.sc-floating-root [hidden]{display:none!important}

#spring-chatroom.sc-floating-root button{font:inherit;cursor:pointer;border:0;border-radius:6px;background:#0c7c68;color:#fff;padding:10px 14px;min-height:40px}

#spring-chatroom.sc-floating-root button:disabled{opacity:.55;cursor:wait}

#spring-chatroom.sc-floating-root button:focus-visible,#spring-chatroom.sc-floating-root input:focus-visible,#spring-chatroom.sc-floating-root textarea:focus-visible,#spring-chatroom.sc-floating-root select:focus-visible{outline:3px solid #e9ad32;outline-offset:2px}

#spring-chatroom.sc-floating-root .sc-launch{box-shadow:0 8px 24px #0003;display:flex;gap:10px;align-items:center;border-radius:999px;padding:12px 18px}

#spring-chatroom.sc-floating-root .sc-launch span{font-size:20px}

#spring-chatroom.sc-floating-root .sc-panel{position:absolute;bottom:58px;right:0;width:390px;max-width:calc(100vw - 32px);height:min(650px,calc(100dvh - 112px));max-height:calc(100dvh - 112px);display:flex;flex-direction:column;background:#fff;border:1px solid #d8e1de;border-radius:8px;box-shadow:0 18px 54px #0000002e;overflow:hidden}

#spring-chatroom.sc-floating-root .sc-launch[hidden]+.sc-panel{bottom:0}

#spring-chatroom.sc-floating-root .sc-topbar{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#0c7c68;color:#fff;flex-shrink:0}

#spring-chatroom.sc-floating-root .sc-title{font-size:16px;overflow-wrap:anywhere}

#spring-chatroom.sc-floating-root small{display:block;font-size:12px}

#spring-chatroom.sc-floating-root .sc-status{color:#dff4ef}

#spring-chatroom.sc-floating-root .sc-actions{display:flex;gap:4px;align-items:center}

#spring-chatroom.sc-floating-root .sc-expand,#spring-chatroom.sc-floating-root .sc-close{font-size:20px;padding:0;width:38px;background:transparent;color:#fff;flex-shrink:0}

#spring-chatroom.sc-floating-root .sc-body{overflow:hidden;min-height:0;background:#fff;display:flex;flex-direction:column;flex:1}

#spring-chatroom.sc-floating-root .sc-error{padding:10px 16px;color:#8a1f2a;background:#fff0f0;overflow-wrap:anywhere;font-size:13px;flex-shrink:0}

#spring-chatroom.sc-floating-root h2{font-size:18px;line-height:1.25;margin:0 0 6px;color:#17211f}

#spring-chatroom.sc-floating-root p{margin:0 0 12px;color:#52625d}

#spring-chatroom.sc-floating-root .sc-choice,#spring-chatroom.sc-floating-root .sc-start,#spring-chatroom.sc-floating-root .sc-wait,#spring-chatroom.sc-floating-root .sc-verify,#spring-chatroom.sc-floating-root .sc-login,#spring-chatroom.sc-floating-root .sc-reset{padding:16px;display:grid;gap:10px}

#spring-chatroom.sc-floating-root label{display:grid;gap:5px;font-size:13px;font-weight:650;color:#25342f}

#spring-chatroom.sc-floating-root label span{font-weight:400;color:#6c7975}

#spring-chatroom.sc-floating-root input,#spring-chatroom.sc-floating-root textarea,#spring-chatroom.sc-floating-root select{width:100%;min-width:0;border:1px solid #bac8c4;border-radius:5px;background:#fff;color:#17211f;padding:9px;font:14px/1.4 system-ui,-apple-system,Segoe UI,sans-serif;box-shadow:none;margin:0}

#spring-chatroom.sc-floating-root textarea{resize:vertical;max-height:180px}

#spring-chatroom.sc-floating-root .sc-phone{display:grid;grid-template-columns:94px 1fr;gap:8px}

#spring-chatroom.sc-floating-root .sc-choice button,#spring-chatroom.sc-floating-root .sc-login button,#spring-chatroom.sc-floating-root .sc-reset button,#spring-chatroom.sc-floating-root .sc-verify button,#spring-chatroom.sc-floating-root .sc-start button{width:100%}

#spring-chatroom.sc-floating-root .sc-load,#spring-chatroom.sc-floating-root .sc-back,#spring-chatroom.sc-floating-root .sc-reset-back{background:#eef4f1;color:#1d4f45}

#spring-chatroom.sc-floating-root .sc-wait{text-align:center;justify-items:center;padding:28px 20px}

#spring-chatroom.sc-floating-root .sc-spin-sc-floating-rootner{width:38px;height:38px;border:4px solid #dbe8e4;border-top-color:#0c7c68;border-radius:50%;animation:sc-spin-sc-floating-root 1s linear infinite}

@keyframes sc-spin-sc-floating-root{to{transform:rotate(360deg)}}

#spring-chatroom.sc-floating-root .sc-conversation{display:flex;flex-direction:column;min-height:0;flex:1}

#spring-chatroom.sc-floating-root .sc-messages{height:auto;min-height:0;flex:1;overflow:auto;padding:18px 16px;background:#f4f7f6;display:flex;flex-direction:column;gap:10px}

#spring-chatroom.sc-floating-root .sc-message{border:1px solid #e1e9e6;border-radius:8px 8px 8px 2px;background:#fff;padding:8px 11px;max-width:82%;align-self:flex-start;overflow-wrap:anywhere;box-shadow:0 1px 2px #0000000d}

#spring-chatroom.sc-floating-root .sc-message.sc-own{align-self:flex-end;background:#e2f2ec;border-color:#bfddd3;border-radius:8px 8px 2px 8px}

#spring-chatroom.sc-floating-root .sc-message.sc-bot{border-color:#d9e4e1;background:#fff}

#spring-chatroom.sc-floating-root .sc-message p{margin:0;white-space:pre-wrap;font:14px/1.45 system-ui,-apple-system,Segoe UI,sans-serif;color:#17211f}

#spring-chatroom.sc-floating-root .sc-message small,#spring-chatroom.sc-floating-root time{font-size:11px;color:#5c6965}

#spring-chatroom.sc-floating-root .sc-message-meta{display:block;margin-top:5px;line-height:1.2;text-align:left;color:#697773}

#spring-chatroom.sc-floating-root .sc-message.sc-own .sc-message-meta{text-align:right}

#spring-chatroom.sc-floating-root .sc-bot-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}

#spring-chatroom.sc-floating-root .sc-bot-actions button{min-height:34px;padding:7px 10px}

#spring-chatroom.sc-floating-root .sc-bot-actions button+button{background:#eef4f1;color:#1d4f45}

#spring-chatroom.sc-floating-root .sc-form-bot{border:1px solid #d9e4e1;border-radius:7px;background:#f8fbfa;padding:10px 12px}

#spring-chatroom.sc-floating-root .sc-form-bot small{color:#5c6965;font-size:11px}

#spring-chatroom.sc-floating-root .sc-form-bot p{margin:3px 0 0;color:#17211f}

#spring-chatroom.sc-floating-root .sc-compose{display:flex;flex-direction:column;gap:8px;padding:12px;border-top:1px solid #dfe6e3;background:#fff;flex-shrink:0}

#spring-chatroom.sc-floating-root .sc-compose-row{display:flex;gap:10px;align-items:flex-end}

#spring-chatroom.sc-floating-root .sc-compose-row textarea{flex:1;min-height:58px}

#spring-chatroom.sc-floating-root .sc-compose-row .sc-send{width:52px;height:52px;min-height:52px;flex-shrink:0;padding:0;font-size:22px}

#spring-chatroom.sc-floating-root .sc-attachment-toolbar{display:flex;align-items:center}

@media(max-width:480px){#spring-chatroom.sc-floating-root{right:14px;bottom:14px}#spring-chatroom.sc-floating-root .sc-panel{bottom:56px;width:calc(100vw - 28px);max-height:calc(100dvh - 92px)}#spring-chatroom.sc-floating-root input,#spring-chatroom.sc-floating-root textarea,#spring-chatroom.sc-floating-root select{font-size:16px}}


#spring-chatroom.sc-floating-root .sc-typing{padding:0 16px 8px;color:#6b7a75;font-size:12px;background:#f5f8f7}

#spring-chatroom.sc-floating-root .sc-file{width:auto;min-height:34px;border-radius:6px;background:#eef4f1;color:#1d4f45;display:inline-flex;align-items:center;gap:7px;padding:6px 10px;font-weight:650;cursor:pointer}

#spring-chatroom.sc-floating-root .sc-file>span:first-child{font-size:18px;line-height:1}

#spring-chatroom.sc-floating-root .sc-file input{display:none}

#spring-chatroom.sc-floating-root .sc-attachment-preview{display:flex;gap:8px;overflow-x:auto;padding:2px 0 4px}

#spring-chatroom.sc-floating-root .sc-attachment-item{position:relative;display:flex;align-items:center;gap:8px;min-width:145px;max-width:220px;padding:7px;border:1px solid #dfe6e3;border-radius:7px;background:#f8fbfa}

#spring-chatroom.sc-floating-root .sc-attachment-item img{width:52px;height:52px;border-radius:5px;object-fit:cover;flex-shrink:0}

#spring-chatroom.sc-floating-root .sc-file-icon{width:52px;height:52px;border-radius:5px;background:#e7efec;display:grid;place-items:center;font-size:10px;font-weight:700;flex-shrink:0}

#spring-chatroom.sc-floating-root .sc-attachment-meta{min-width:0;display:flex;flex-direction:column}

#spring-chatroom.sc-floating-root .sc-attachment-name{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

#spring-chatroom.sc-floating-root .sc-attachment-meta small{font-size:11px;color:#6b7a75}

#spring-chatroom.sc-floating-root .sc-attachment-item.sc-failed{border-color:#d9a6aa;background:#fff5f5}

#spring-chatroom.sc-floating-root .sc-message a{color:#0c6fbe;text-decoration:none;overflow-wrap:anywhere}

#spring-chatroom.sc-floating-root .sc-message img{display:block;max-width:220px;max-height:180px;border-radius:6px;object-fit:contain}

#spring-chatroom.sc-floating-root .sc-message-attachments{display:grid;gap:7px;margin-top:8px}
#spring-chatroom.sc-floating-root .sc-message-attachments a{display:inline-flex;align-items:center;gap:7px;color:var(--sc-primary,#0c7c68);text-decoration:none;overflow-wrap:anywhere;font-weight:700}
#spring-chatroom.sc-floating-root .sc-message-attachments img{max-width:220px;max-height:180px;border-radius:7px;object-fit:contain}

/* Composer editor that can visually contain pasted screenshots */
#spring-chatroom.sc-floating-root .sc-compose-row{align-items:flex-end}

#spring-chatroom.sc-floating-root .sc-editor-box{flex:1;min-width:0;border:1px solid #bac8c4;border-radius:7px;background:#fff;padding:8px;min-height:74px;max-height:230px;overflow:auto}

#spring-chatroom.sc-floating-root .sc-message-input{min-height:42px;outline:none;white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.45 system-ui,-apple-system,Segoe UI,sans-serif;color:#17211f}

#spring-chatroom.sc-floating-root .sc-message-input.sc-empty:before{content:attr(data-placeholder);color:#7c8783;pointer-events:none}

#spring-chatroom.sc-floating-root .sc-inline-attachments{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:7px}

#spring-chatroom.sc-floating-root .sc-inline-attachments[hidden]{display:none!important}

#spring-chatroom.sc-floating-root .sc-inline-attachments .sc-attachment-item{min-width:170px;max-width:260px}

#spring-chatroom.sc-floating-root .sc-inline-attachments .sc-attachment-item img{width:86px;height:64px;object-fit:cover;border-radius:6px}

#spring-chatroom.sc-floating-root .sc-inline-attachments .sc-file-icon{width:52px;height:52px}

#spring-chatroom.sc-floating-root .sc-compose-row textarea{display:none}



/* v1.4.0 theme variables and flexible full-page panels */
#spring-chatroom.sc-floating-root{
  --sc-primary:#0c7c68;
  --sc-primary-dark:#1d4f45;
  --sc-primary-soft:#e2f2ec;
  --sc-primary-pale:#eef4f1;
  --sc-primary-border:#bfddd3;
  --sc-primary-status:#dff4ef;
}

#spring-chatroom.sc-floating-root.sc-theme-navy{--sc-primary:#173b67;--sc-primary-dark:#102e52;--sc-primary-soft:#e7eef7;--sc-primary-pale:#eef3f9;--sc-primary-border:#c2d2e7;--sc-primary-status:#dbe8f8}

#spring-chatroom.sc-floating-root.sc-theme-teal{--sc-primary:#087f8c;--sc-primary-dark:#075d66;--sc-primary-soft:#e2f3f4;--sc-primary-pale:#edf7f8;--sc-primary-border:#bcdfe2;--sc-primary-status:#d8f0f2}

#spring-chatroom.sc-floating-root.sc-theme-purple{--sc-primary:#6d4aa2;--sc-primary-dark:#513479;--sc-primary-soft:#eee8f6;--sc-primary-pale:#f5f1f9;--sc-primary-border:#d5c6e8;--sc-primary-status:#eee5fa}

#spring-chatroom.sc-floating-root.sc-theme-charcoal{--sc-primary:#37474f;--sc-primary-dark:#263238;--sc-primary-soft:#e9edef;--sc-primary-pale:#f1f4f5;--sc-primary-border:#cbd4d8;--sc-primary-status:#e6ecef}


#spring-chatroom.sc-floating-root button,#spring-chatroom.sc-floating-root .sc-topbar{background:var(--sc-primary)}

#spring-chatroom.sc-floating-root .sc-status{color:var(--sc-primary-status)}

#spring-chatroom.sc-floating-root .sc-load,#spring-chatroom.sc-floating-root .sc-back,#spring-chatroom.sc-floating-root .sc-reset-back,#spring-chatroom.sc-floating-root .sc-file{background:var(--sc-primary-pale);color:var(--sc-primary-dark)}

#spring-chatroom.sc-floating-root .sc-spin-sc-floating-rootner{border-top-color:var(--sc-primary)}

#spring-chatroom.sc-floating-root .sc-message.sc-own{background:var(--sc-primary-soft);border-color:var(--sc-primary-border)}


#spring-chatroom.sc-floating-root .sc-topbar-main{display:flex;align-items:center;gap:10px;min-width:0}

#spring-chatroom.sc-floating-root .sc-topbar-main>div{min-width:0}

#spring-chatroom.sc-floating-root .sc-left-toggle,#spring-chatroom.sc-floating-root .sc-details-toggle{font-size:18px;padding:0;width:38px;min-width:38px;background:transparent;color:#fff;flex-shrink:0}

#spring-chatroom.sc-floating-root .sc-left-toggle:hover,#spring-chatroom.sc-floating-root .sc-details-toggle:hover,#spring-chatroom.sc-floating-root .sc-expand:hover,#spring-chatroom.sc-floating-root .sc-close:hover{background:#ffffff1f}


#spring-chatroom.sc-floating-root .sc-message p img,#spring-chatroom.sc-floating-root .sc-message p a img{max-width:220px;max-height:180px;border-radius:7px;vertical-align:middle;margin:4px}

#spring-chatroom.sc-floating-root .sc-message p a{color:var(--sc-primary);font-weight:700;word-break:break-word}

#spring-chatroom.sc-floating-root .sc-recall{margin:6px 0 0;border:0;background:transparent;color:#9d3340;font-size:12px;font-weight:700;cursor:pointer;padding:0}

#spring-chatroom.sc-floating-root .sc-compose{display:flex;flex-direction:column;gap:8px}

#spring-chatroom.sc-floating-root .sc-attachment-toolbar{order:0}

#spring-chatroom.sc-floating-root .sc-compose-row{order:1;display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px;align-items:end}

#spring-chatroom.sc-floating-root .sc-editor-box{width:100%;min-height:56px;max-height:150px}

#spring-chatroom.sc-floating-root .sc-message-input{min-height:38px;max-height:104px;overflow:auto}

#spring-chatroom.sc-floating-root .sc-send{align-self:end;min-width:44px;width:44px;height:44px;min-height:44px}

/* Screenshot 3/4 layout: simple popup and expanded workspace */
#spring-chatroom.sc-floating-root .sc-launch{background:var(--sc-primary);border-radius:10px;width:58px;height:58px;justify-content:center;padding:0;box-shadow:0 10px 28px #0003}

#spring-chatroom.sc-floating-root .sc-launch strong{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

#spring-chatroom.sc-floating-root .sc-launch span{font-size:28px}

#spring-chatroom.sc-floating-root .sc-panel{width:648px;max-width:calc(100vw - 32px);height:min(728px,calc(100dvh - 48px));border:0;border-radius:8px;box-shadow:0 18px 44px #00000024;background:#fff}

#spring-chatroom.sc-floating-root .sc-topbar{min-height:108px;padding:24px 22px;background:var(--sc-primary);box-shadow:none}

#spring-chatroom.sc-floating-root .sc-title{font-size:28px;line-height:1.1;font-weight:800;color:#fff}

#spring-chatroom.sc-floating-root .sc-status{display:flex;align-items:center;gap:8px;font-size:18px;line-height:1.2;color:#fff}

#spring-chatroom.sc-floating-root .sc-status:before{content:"";width:14px;height:14px;border-radius:50%;background:#5dff2d;box-shadow:0 0 0 3px #5dff2d22;display:inline-block;flex:0 0 auto}

#spring-chatroom.sc-floating-root .sc-actions{gap:18px}

#spring-chatroom.sc-floating-root .sc-expand,#spring-chatroom.sc-floating-root .sc-close,#spring-chatroom.sc-floating-root .sc-left-toggle,#spring-chatroom.sc-floating-root .sc-details-toggle{display:grid;place-items:center;width:38px;min-width:38px;height:38px;border-radius:4px;font-size:30px;background:transparent;color:#fff;padding:0}

#spring-chatroom.sc-floating-root .sc-messages{padding:36px 30px;background-color:#fbfdfc;background-image:radial-gradient(circle at 1px 1px,#d9e5e180 1px,transparent 0);background-size:24px 24px;gap:16px}

#spring-chatroom.sc-floating-root .sc-message{position:relative;margin-left:70px;max-width:min(78%,380px);padding:16px 20px;border-radius:7px;background:#fff;border:1px solid #d8e1de;box-shadow:none;color:#17211f}

#spring-chatroom.sc-floating-root .sc-message:not(.sc-own):before{content:"AI";position:absolute;left:-70px;top:0;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--sc-primary);color:#fff;font-weight:800;font-size:24px}

#spring-chatroom.sc-floating-root .sc-message.sc-own{margin-left:0;margin-right:0;max-width:min(78%,330px);align-self:flex-end;background:#e3f5ed;border-color:#c8e6dc;border-radius:7px}

#spring-chatroom.sc-floating-root .sc-message.sc-own:before{display:none}

#spring-chatroom.sc-floating-root .sc-message p{margin:0;font-size:18px;line-height:1.45;color:#202928}

#spring-chatroom.sc-floating-root .sc-message small{font-size:13px;color:#6c7975;margin-bottom:4px}

#spring-chatroom.sc-floating-root .sc-message-meta{font-size:13px;color:#53677a;margin-top:8px}

#spring-chatroom.sc-floating-root .sc-compose{padding:16px 22px 22px;background:#fff;border-top:1px solid #e0e6e3;gap:12px}

#spring-chatroom.sc-floating-root .sc-file{min-height:52px;border-radius:10px;padding:10px 18px;gap:12px;background:#edf2f4;color:#36536d;font-size:16px;font-weight:400}

#spring-chatroom.sc-floating-root .sc-file .dashicons{font-size:24px;color:#0f365b}

#spring-chatroom.sc-floating-root .sc-compose-row{position:relative;display:block;order:1}

#spring-chatroom.sc-floating-root .sc-editor-box{width:100%;min-height:70px;max-height:150px;border:1px solid #b8c7d5;border-radius:12px;padding:14px 80px 14px 18px;background:#fff;box-shadow:none}

#spring-chatroom.sc-floating-root .sc-message-input{min-height:38px;max-height:104px;overflow:auto;font-size:20px;color:#253748}

#spring-chatroom.sc-floating-root .sc-message-input.sc-empty:before{color:#758499}

#spring-chatroom.sc-floating-root .sc-send{position:absolute;right:14px;bottom:10px;width:62px;height:62px;min-width:62px;min-height:62px;border-radius:50%;display:grid;place-items:center;background:#86cbbf;color:#fff;box-shadow:none;font-size:28px;padding:0}

#spring-chatroom.sc-floating-root .sc-send-icon{transform:rotate(-45deg);margin-left:3px;margin-top:1px}

#spring-chatroom.sc-floating-root .sc-send:disabled{opacity:.85;cursor:not-allowed}
@media(max-width:760px){#spring-chatroom.sc-floating-root .sc-panel{width:calc(100vw - 28px);height:min(728px,calc(100dvh - 92px))}#spring-chatroom.sc-floating-root .sc-topbar{min-height:92px}#spring-chatroom.sc-floating-root .sc-title{font-size:22px}#spring-chatroom.sc-floating-root .sc-status{font-size:16px}#spring-chatroom.sc-floating-root .sc-message{max-width:82%;margin-left:58px}#spring-chatroom.sc-floating-root .sc-message:not(.sc-own):before{left:-58px;width:46px;height:46px;font-size:20px}}

#spring-chatroom.sc-floating-root .sc-message.sc-bot:not(.sc-own):before{content:"\f544";font-family:"Font Awesome 6 Free";font-weight:900;font-size:22px}

#spring-chatroom.sc-floating-root .sc-message.sc-bot small{font-weight:700;color:var(--sc-primary-dark)}

#spring-chatroom.sc-floating-root .sc-bot-actions button{border-radius:6px}


/* Compact floating chat refresh — intentionally isolated from PHP markup and full-page CSS. */
#spring-chatroom.sc-floating-root {font-size:12.5px;line-height:1.45}
#spring-chatroom.sc-floating-root .sc-panel {width:344px;height:min(495px,calc(100dvh - 96px));max-height:calc(100dvh - 96px);border-radius:14px;border-color:#e2e9e7;box-shadow:0 14px 42px #132b2730}
#spring-chatroom.sc-floating-root .sc-topbar {min-height:58px;padding:11px 14px}
#spring-chatroom.sc-floating-root .sc-title {font-size:15px;font-weight:750;line-height:1.2}
#spring-chatroom.sc-floating-root .sc-status {font-size:10.5px;opacity:.86}
#spring-chatroom.sc-floating-root .sc-actions {gap:4px}
#spring-chatroom.sc-floating-root .sc-close {width:30px;min-width:30px;height:30px;font-size:22px;border-radius:8px}
#spring-chatroom.sc-floating-root .sc-messages {padding:15px 12px;background:#f7faf9;background-image:none;gap:12px}
#spring-chatroom.sc-floating-root .sc-message {max-width:84%;margin-left:37px;padding:9px 11px;border-radius:12px 12px 12px 4px;border-color:#e2e9e6;box-shadow:0 1px 3px #1b3e3510}
#spring-chatroom.sc-floating-root .sc-message:not(.sc-own):before {content:attr(data-unused);left:-37px;top:1px;width:29px;height:29px;border-radius:10px;font-size:0;background-color:#e6f4ef;background-image:var(--sc-bot-avatar,none);background-position:center;background-repeat:no-repeat;background-size:cover;border:1px solid #cfe8de}
#spring-chatroom.sc-floating-root .sc-message.sc-bot:not(.sc-own):before {content:attr(data-unused);font-family:inherit;font-size:0}
#spring-chatroom.sc-floating-root .sc-message.sc-bot:not(.sc-own):after {content:attr(data-initials);position:absolute;left:-37px;top:1px;width:29px;height:29px;display:grid;place-items:center;font-size:10px;font-weight:800;color:#14624f;pointer-events:none}
#spring-chatroom.sc-floating-root:has([style]) .sc-message.sc-bot:not(.sc-own):after {color:#14624f}
#spring-chatroom.sc-floating-root .sc-message.sc-own {margin-left:0;max-width:83%;border-radius:12px 12px 4px 12px;background:#e5f5ee}
#spring-chatroom.sc-floating-root .sc-message p {font-size:12.5px;line-height:1.5;color:#233530}
#spring-chatroom.sc-floating-root .sc-message small {font-size:10px;margin-bottom:3px;font-weight:750}
#spring-chatroom.sc-floating-root .sc-message-meta {font-size:10px;margin-top:4px}
#spring-chatroom.sc-floating-root .sc-bot-hint {display:block;margin-top:5px;font-size:10.5px;line-height:1.4;color:#74837f;font-weight:400}
#spring-chatroom.sc-floating-root .sc-bot-actions {gap:6px;margin-top:9px}
#spring-chatroom.sc-floating-root .sc-bot-actions button {min-height:29px;padding:5px 9px;font-size:11px;border-radius:8px}
#spring-chatroom.sc-floating-root .sc-compose {padding:9px 11px 11px;gap:6px}
#spring-chatroom.sc-floating-root .sc-file {min-height:27px;padding:5px 8px;border-radius:8px;font-size:11px;gap:6px}
#spring-chatroom.sc-floating-root .sc-file .dashicons {font-size:16px;width:17px;height:17px}
#spring-chatroom.sc-floating-root .sc-compose-row {position:relative;display:flex;align-items:center;gap:7px;order:1}
#spring-chatroom.sc-floating-root .sc-editor-box {min-height:43px;max-height:100px;flex:1;padding:10px 10px 9px 12px;border-radius:11px;border:1px solid #d4dfdb}
#spring-chatroom.sc-floating-root .sc-message-input {min-height:22px;max-height:75px;font-size:12.5px;line-height:1.5}
#spring-chatroom.sc-floating-root .sc-compose-row .sc-send {position:static;width:39px;height:39px;min-width:39px;min-height:39px;flex:0 0 39px;border-radius:50%;background:var(--sc-primary,#0c7c68);display:grid;place-items:center;color:white;box-shadow:0 3px 9px #0c7c6833;font-size:16px;padding:0;transition:transform .15s,filter .15s}
#spring-chatroom.sc-floating-root .sc-send:hover:not(:disabled) {transform:translateY(-1px);filter:brightness(1.06)}
#spring-chatroom.sc-floating-root .sc-send-icon {transform:none;margin:0}
#spring-chatroom.sc-floating-root .sc-send:disabled {opacity:.48;box-shadow:none}
#spring-chatroom.sc-floating-root .sc-typing {font-size:10.5px;padding:0 12px 6px}
#spring-chatroom.sc-floating-root .sc-form-bot small {font-size:10px}
#spring-chatroom.sc-floating-root .sc-launch {font-size:12px;padding:10px 14px}
@media(max-width:480px){#spring-chatroom.sc-floating-root .sc-panel{width:min(344px,calc(100vw - 24px));height:min(495px,calc(100dvh - 86px))}#spring-chatroom.sc-floating-root .sc-message{margin-left:37px}#spring-chatroom.sc-floating-root .sc-message:not(.sc-own):before{left:-37px;width:29px;height:29px}#spring-chatroom.sc-floating-root .sc-message.sc-bot:not(.sc-own):after{left:-37px;width:29px;height:29px}}

/* v1.5.1: roomier chat panel and three-line composer. Keep original typography. */
#spring-chatroom.sc-floating-root .sc-panel {
  width: 420px;
  height: min(610px, calc(100dvh - 92px));
  max-height: calc(100dvh - 92px);
  border: 2px solid #e7eeeb;
  border-radius: 12px;
  box-shadow: 0 16px 46px rgba(16, 37, 32, .18);
}
#spring-chatroom.sc-floating-root .sc-message {
  border-width: 1px;
  border-color: #edf1ef;
  box-shadow: none;
}
#spring-chatroom.sc-floating-root .sc-message.sc-own { border-color: #dceee5; }
#spring-chatroom.sc-floating-root .sc-compose-row { align-items: flex-end; }
#spring-chatroom.sc-floating-root .sc-editor-box {
  min-height: 82px;
  max-height: 168px;
  border: 1px solid #e2eae6;
  border-radius: 10px;
  padding: 11px 12px;
}
#spring-chatroom.sc-floating-root .sc-message-input {
  min-height: 58px;
  max-height: 140px;
  line-height: 1.55;
  overflow-y: auto;
}
#spring-chatroom.sc-floating-root .sc-compose-row .sc-send {
  width: 46px;
  height: 46px;
  min-width: 46px;
  min-height: 46px;
  flex: 0 0 46px;
  border-radius: 50%;
  background: var(--sc-primary, #0c7c68);
  color: #fff;
  box-shadow: 0 3px 10px rgba(0,0,0,.12);
  border: 0;
  display: grid;
  place-items: center;
}
#spring-chatroom.sc-floating-root .sc-send-icon { width: 23px; height: 23px; display: block; transform: none; margin: 0; }
#spring-chatroom.sc-floating-root .sc-send:disabled { opacity: .45; box-shadow: none; }
@media (max-width: 480px) {
  #spring-chatroom.sc-floating-root .sc-panel {
    width: min(420px, calc(100vw - 24px));
    height: min(610px, calc(100dvh - 86px));
  }
}

/* v1.5.2: send control lives inside the editor; modest radii and padded attachment. */
#spring-chatroom.sc-floating-root .sc-panel { border-radius: 7px; }
#spring-chatroom.sc-floating-root .sc-message { border-radius: 7px 7px 7px 3px; }
#spring-chatroom.sc-floating-root .sc-message.sc-own { border-radius: 7px 7px 3px 7px; }
#spring-chatroom.sc-floating-root .sc-bot-actions button,
#spring-chatroom.sc-floating-root .sc-file { border-radius: 5px; }
#spring-chatroom.sc-floating-root .sc-message:not(.sc-own):before,
#spring-chatroom.sc-floating-root .sc-message.sc-bot:not(.sc-own):after { border-radius: 50%; }
#spring-chatroom.sc-floating-root .sc-compose-row { display: block; position: relative; }
#spring-chatroom.sc-floating-root .sc-editor-box { position: relative; width: 100%; min-height: 90px; max-height: 168px; padding: 11px 62px 12px 12px; border-radius: 6px; }
#spring-chatroom.sc-floating-root .sc-message-input { min-height: 64px; max-height: 140px; }
#spring-chatroom.sc-floating-root .sc-compose-row .sc-send { position: absolute; right: 10px; bottom: 10px; width: 42px; height: 42px; min-width: 42px; min-height: 42px; border-radius: 50%; background: var(--sc-primary,#0c7c68); color: #fff; border: 0; box-shadow: 0 2px 7px rgba(0,0,0,.12); z-index: 2; }
#spring-chatroom.sc-floating-root .sc-send-icon { width: 23px; height: 23px; display: block; color: #fff; }
#spring-chatroom.sc-floating-root .sc-send:disabled { opacity: .76; filter: saturate(.8); box-shadow: none; cursor: not-allowed; }
#spring-chatroom.sc-floating-root .sc-file { min-height: 34px; padding: 8px 13px; gap: 8px; }
#spring-chatroom.sc-floating-root .sc-file .dashicons { width: 18px; height: 18px; font-size: 17px; }

/* v1.5.3: compact transcript, clean support header, Dashicons controls. */
#spring-chatroom.sc-floating-root .sc-status { display:none!important; }
#spring-chatroom.sc-floating-root .sc-topbar { min-height:62px; }
#spring-chatroom.sc-floating-root .sc-title { font-size:17px; line-height:1.25; }
#spring-chatroom.sc-floating-root .sc-messages { gap:8px; padding:12px 12px; }
#spring-chatroom.sc-floating-root .sc-message { padding:8px 10px; }
#spring-chatroom.sc-floating-root .sc-message-meta { margin-top:2px; }
#spring-chatroom.sc-floating-root .sc-message p { line-height:1.43; }
#spring-chatroom.sc-floating-root .sc-bot-hint.sc-hint-skip { color:#b42336; font-weight:600; }
#spring-chatroom.sc-floating-root .sc-recall { display:inline-flex; align-items:center; justify-content:center; float:left; margin:1px 7px 2px 0; padding:1px; color:#d32f42; background:transparent!important; border:0; }
#spring-chatroom.sc-floating-root .sc-recall .dashicons { width:17px; height:17px; font-size:17px; }
#spring-chatroom.sc-floating-root .sc-otp-sending { min-height:47px; }
#spring-chatroom.sc-floating-root .sc-typing-dots { display:flex; align-items:center; gap:5px; padding:5px 0; }
#spring-chatroom.sc-floating-root .sc-typing-dots i { width:6px; height:6px; border-radius:50%; background:var(--sc-primary,#0c7c68); animation:sc-otp-dot 1s ease-in-out infinite; opacity:.3; }
#spring-chatroom.sc-floating-root .sc-typing-dots i:nth-child(2) { animation-delay:.16s; }
#spring-chatroom.sc-floating-root .sc-typing-dots i:nth-child(3) { animation-delay:.32s; }
@keyframes sc-otp-dot { 0%,60%,100% {opacity:.3;transform:translateY(0)} 30% {opacity:1;transform:translateY(-4px)} }
#spring-chatroom.sc-floating-root .sc-attachment-item { padding-right:28px; }
#spring-chatroom.sc-floating-root .sc-remove-attachment { position:absolute; top:3px; right:3px; display:grid; place-items:center; width:22px; height:22px; padding:0; background:transparent!important; border:1px solid #e3e6e5; border-radius:50%; color:#a42d38; cursor:pointer; }
#spring-chatroom.sc-floating-root .sc-remove-attachment .dashicons { font-size:17px; width:17px; height:17px; }
#spring-chatroom.sc-floating-root .sc-remove-attachment:hover { background:transparent!important; }

/* v1.5.4 — compact header; recall action positioned OUTSIDE the outgoing bubble. */
#spring-chatroom.sc-floating-root .sc-title { font-size: 14px; line-height: 1.3; font-weight: 700; }
#spring-chatroom.sc-floating-root .sc-message.sc-own { position: relative; overflow: visible; }
#spring-chatroom.sc-floating-root .sc-message.sc-own .sc-recall {
  position: absolute;
  left: -34px;
  top: 50%;
  transform: translateY(-50%);
  float: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  margin: 0;
  padding: 3px;
  border: 0;
  border-radius: 50%;
  background: transparent !important;
  color: #d32f42;
  cursor: pointer;
  z-index: 1;
}
#spring-chatroom.sc-floating-root .sc-message.sc-own .sc-recall:hover,
#spring-chatroom.sc-floating-root .sc-message.sc-own .sc-recall:focus-visible {
  background: #fff0f1 !important;
}
#spring-chatroom.sc-floating-root .sc-message.sc-own .sc-recall .dashicons {
  width: 18px; height: 18px; font-size: 18px; line-height: 18px;
}

/* v1.5.5: compact recall control aligned to the bottom-left of outgoing bubble. */
#spring-chatroom.sc-floating-root .sc-message.sc-own .sc-recall {
  left: -22px;
  top: auto;
  bottom: 3px;
  transform: none;
  width: 16px;
  height: 16px;
  padding: 0;
}
#spring-chatroom.sc-floating-root .sc-message.sc-own .sc-recall .dashicons {
  width: 14px;
  height: 14px;
  font-size: 14px;
  line-height: 14px;
}
/* Only the words Not Now are red; the rest stays small and muted. */
#spring-chatroom.sc-floating-root .sc-email-skip-hint {
  display: block;
  margin-top: 5px;
  color: #7b8585;
  font-size: 10.5px;
  font-weight: 400;
  line-height: 1.4;
}
#spring-chatroom.sc-floating-root .sc-email-skip-hint .sc-not-now-emphasis {
  color: #c6283e;
  font-weight: 600;
}

/* v1.5.6: recall icon outside the bubble, aligned to its bottom edge. */
#spring-chatroom.sc-floating-root .sc-message.sc-own .sc-recall {
  left:-21px; top:auto; bottom:0; transform:none; width:15px; height:15px; padding:0;
}
#spring-chatroom.sc-floating-root .sc-message.sc-own .sc-recall .dashicons {
  width:13px; height:13px; font-size:13px; line-height:13px;
}
#spring-chatroom.sc-floating-root .sc-email-skip-hint { margin-top:3px; font-size:10.5px; color:#7b8585; font-weight:400; }
#spring-chatroom.sc-floating-root .sc-email-skip-hint .sc-your-email-emphasis { color:#1866b4; font-weight:700; }
#spring-chatroom.sc-floating-root .sc-email-skip-hint .sc-not-now-emphasis { color:#c6283e; font-weight:700; }
#spring-chatroom.sc-floating-root .sc-profile-card {
  margin-left:37px; width:calc(100% - 37px); padding:12px; border:1px solid #dce6e1;
  border-radius:6px; background:#fff; display:grid; gap:9px; box-sizing:border-box;
}
#spring-chatroom.sc-floating-root .sc-profile-card label { display:grid; gap:4px; font-size:12px; font-weight:650; color:#23443b; }
#spring-chatroom.sc-floating-root .sc-profile-card label span { color:#83918b; font-size:10px; font-weight:400; }
#spring-chatroom.sc-floating-root .sc-profile-card input { width:100%; box-sizing:border-box; border:1px solid #dce6e1; border-radius:5px; padding:9px; font-size:12px; background:#fff; }
#spring-chatroom.sc-floating-root .sc-profile-actions { display:flex; gap:8px; }
#spring-chatroom.sc-floating-root .sc-profile-actions button { padding:8px 12px; border:0; border-radius:5px; background:var(--sc-primary,#0c7c68); color:white; cursor:pointer; font-size:12px; }
#spring-chatroom.sc-floating-root .sc-profile-actions .sc-profile-skip { background:#edf3f0; color:#355a50; }

/* v1.5.7: compact one-line email instruction (wrap only on narrow screens). */
#spring-chatroom.sc-floating-root .sc-inline-email-hint { white-space:nowrap; font-size:10px; letter-spacing:-.12px; }
@media (max-width:420px) { #spring-chatroom.sc-floating-root .sc-inline-email-hint { white-space:normal; } }

/* 1.5.9: in-thread Support Bot / representative typing indicator */
#spring-chatroom.sc-floating-root .sc-conversation-typing { width:max-content; max-width:80%; min-width:90px; margin:8px 0 8px 56px; }
#spring-chatroom.sc-floating-root .sc-conversation-typing .sc-typing-dots { padding:7px 0 2px; }

/* Profile collection overlay */
#spring-chatroom .sc-conversation { position:relative; }
#spring-chatroom.sc-profile-mode .sc-compose { display:none !important; }
#spring-chatroom .sc-profile-overlay {
  position:absolute; inset:0; z-index:12; display:grid; place-items:center; padding:18px;
  background:rgba(248,251,250,.98); overflow:auto;
}
#spring-chatroom .sc-profile-form {
  width:min(440px,100%); display:grid; gap:12px; padding:18px; border:1px solid #dce6e1;
  border-radius:8px; background:#fff; box-shadow:0 18px 48px #00000018;
}
#spring-chatroom .sc-profile-head { display:grid; gap:4px; }
#spring-chatroom .sc-profile-head small { color:#60736c; font-size:12px; }
#spring-chatroom .sc-profile-head h2 { margin:0; font-size:18px; line-height:1.25; color:#17211f; }
#spring-chatroom .sc-profile-form label { display:grid; gap:5px; font-size:13px; font-weight:650; color:#25342f; }
#spring-chatroom .sc-profile-form input { width:100%; min-width:0; border:1px solid #cbd9d4; border-radius:6px; padding:10px; font:14px/1.4 system-ui,-apple-system,Segoe UI,sans-serif; }
#spring-chatroom .sc-profile-form button { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:42px; }
#spring-chatroom .sc-submit-spinner { width:16px; height:16px; border:2px solid #ffffff80; border-top-color:#fff; border-radius:50%; animation:sc-spin 1s linear infinite; }

#spring-chatroom .sc-phone-row { display:grid; grid-template-columns:minmax(96px, .35fr) 1fr; gap:8px; }
#spring-chatroom .sc-phone-row select { width:100%; min-width:0; border:1px solid #cbd9d4; border-radius:6px; padding:10px; font:14px/1.4 system-ui,-apple-system,Segoe UI,sans-serif; background:#fff; }
@media (max-width:480px){ #spring-chatroom .sc-phone-row { grid-template-columns:1fr; } }

/* 1.6.0: participant avatars, centered join notices, and inline read ticks. */
#spring-chatroom.sc-floating-root .sc-room-avatars{position:relative;width:42px;height:34px;flex:0 0 42px}
#spring-chatroom.sc-floating-root .sc-site-avatar,
#spring-chatroom.sc-floating-root .sc-agent-header-avatar{position:absolute;top:0;left:0;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:2px solid #fff;background:#edf2ff;color:#3157a6;font-size:11px;font-weight:800;overflow:hidden}
#spring-chatroom.sc-floating-root .sc-site-avatar img,
#spring-chatroom.sc-floating-root .sc-agent-header-avatar img{width:100%;height:100%;object-fit:cover;display:block}
#spring-chatroom.sc-floating-root .sc-agent-header-avatar{left:16px;background:#f8fbff;color:#3157a6;z-index:2;overflow:visible}
#spring-chatroom.sc-floating-root .sc-agent-header-avatar[hidden]{display:none!important}
#spring-chatroom.sc-floating-root .sc-agent-header-avatar:not([hidden])::after{content:"";position:absolute;right:-1px;bottom:-1px;width:9px;height:9px;border:2px solid #fff;border-radius:50%;background:#16bf6b;box-shadow:0 0 0 1px #0f9d58}
#spring-chatroom.sc-floating-root .sc-message:not(.sc-own){position:relative;margin-left:58px}
#spring-chatroom.sc-floating-root .sc-message:not(.sc-own):before{content:attr(data-initials);left:-56px;top:0;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background-color:#edf2ff;background-image:var(--sc-message-avatar,var(--sc-bot-avatar,none));background-position:center;background-repeat:no-repeat;background-size:cover;border:1px solid #cbd8ff;color:#3157a6;font-size:12px;font-weight:800}
#spring-chatroom.sc-floating-root .sc-message:not(.sc-own)[style*="--sc-message-avatar"]:before{font-size:0}
#spring-chatroom.sc-floating-root .sc-conversation-typing{width:max-content;max-width:82%;min-width:96px;margin:0 0 0 58px;border-radius:8px 8px 8px 2px}
#spring-chatroom.sc-floating-root .sc-agent-typing-bubble{align-self:flex-start;display:flex;align-items:flex-start;gap:8px;margin-left:0;max-width:88%}
#spring-chatroom.sc-floating-root .sc-agent-typing-bubble .sc-conversation-typing{margin:0;max-width:100%}
#spring-chatroom.sc-floating-root .sc-typing-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#edf2ff;color:#3157a6;font-size:12px;font-weight:800;overflow:hidden;flex:0 0 44px;border:1px solid #cbd8ff}
#spring-chatroom.sc-floating-root .sc-typing-avatar img{width:100%;height:100%;object-fit:cover;display:block}
#spring-chatroom.sc-floating-root .sc-message-meta{display:flex;align-items:center;gap:5px}
#spring-chatroom.sc-floating-root .sc-message.sc-own .sc-message-meta{justify-content:flex-end}
#spring-chatroom.sc-floating-root .sc-message{box-sizing:border-box;min-width:112px}
#spring-chatroom.sc-floating-root .sc-message-meta{white-space:nowrap}
#spring-chatroom.sc-floating-root .sc-read-tick{display:inline-flex;align-items:center;color:#8b98a5;line-height:1}
#spring-chatroom.sc-floating-root .sc-read-tick.sc-read{color:#1473e6}
#spring-chatroom.sc-floating-root .sc-read-tick .dashicons{width:14px;height:14px;font-size:14px;line-height:14px}
#spring-chatroom.sc-floating-root .sc-join-notice{align-self:center;display:inline-flex;align-items:center;gap:7px;max-width:86%;padding:5px 10px;border-radius:999px;background:#e8ecef;color:#66727b;font-size:11px}
#spring-chatroom.sc-floating-root .sc-join-notice img{width:20px;height:20px;border-radius:50%;object-fit:cover}
#spring-chatroom.sc-floating-root .sc-message-attachments{margin:0 0 8px;gap:8px}
#spring-chatroom.sc-floating-root .sc-message-attachments .sc-image-attachment{display:inline-flex;width:max-content}
#spring-chatroom.sc-floating-root .sc-message-attachments .sc-image-attachment img{max-width:220px;max-height:170px;border-radius:7px;object-fit:contain}
#spring-chatroom.sc-floating-root .sc-file-attachment{display:flex;align-items:center;gap:9px;max-width:250px;padding:7px 8px;border:1px solid #dfe8e4;border-radius:7px;background:#fff;color:#233530;text-decoration:none}

/* Keep hover states visually still; no background-color flash on the visitor widget. */
#spring-chatroom.sc-floating-root .sc-left-toggle:hover,
#spring-chatroom.sc-floating-root .sc-details-toggle:hover,
#spring-chatroom.sc-floating-root .sc-expand:hover,
#spring-chatroom.sc-floating-root .sc-close:hover,
#spring-chatroom.sc-floating-root .sc-site-item:hover,
#spring-chatroom.sc-floating-root .sc-shared-file:hover,
#spring-chatroom.sc-floating-root .sc-send:hover:not(:disabled),
#spring-chatroom.sc-floating-root .sc-remove-attachment:hover,
#spring-chatroom.sc-floating-root .sc-message.sc-own .sc-recall:hover {
  background: inherit !important;
  filter: none !important;
  transform: none !important;
}
#spring-chatroom.sc-floating-root .sc-send:hover:not(:disabled) {
  background: var(--sc-primary, #0c7c68) !important;
}
#spring-chatroom.sc-floating-root .sc-expand:hover,
#spring-chatroom.sc-floating-root .sc-close:hover,
#spring-chatroom.sc-floating-root .sc-left-toggle:hover,
#spring-chatroom.sc-floating-root .sc-details-toggle:hover,
#spring-chatroom.sc-floating-root .sc-recall:hover {
  background: transparent !important;
}
#spring-chatroom.sc-floating-root .sc-remove-attachment:hover {
  background: transparent !important;
}
#spring-chatroom.sc-floating-root .sc-file-attachment-icon{width:34px;height:34px;object-fit:contain;flex:0 0 34px;border-radius:6px}
#spring-chatroom.sc-floating-root .sc-file-attachment-meta{min-width:0;display:grid;gap:2px}
#spring-chatroom.sc-floating-root .sc-file-attachment-meta strong{max-width:185px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#21312c}
#spring-chatroom.sc-floating-root .sc-file-attachment-meta small{font-size:10px;color:#73817d}

/* 1.6.1: keep avatars only for typing/header states, not normal chat bubbles. */
#spring-chatroom.sc-floating-root .sc-message:not(.sc-own) {
  margin-left: 0;
}
#spring-chatroom.sc-floating-root .sc-message:not(.sc-own)::before {
  display: none;
  content: none;
}
#spring-chatroom.sc-floating-root .sc-message.sc-bot:not(.sc-own)::after {
  display: none;
}
#spring-chatroom.sc-floating-root .sc-conversation-typing {
  margin-left: 0;
}
#spring-chatroom.sc-floating-root .sc-typing-avatar {
  width: 44px;
  height: 44px;
  flex-basis: 44px;
  background: #edf2ff;
  border-color: #cbd8ff;
  color: #3157a6;
  font-size: 12px;
}

/* v1.5.15: balanced launcher with measured text width and symmetric padding. */
#spring-chatroom.sc-floating-root .sc-launch {
  position:relative;
  width:var(--sc-launch-expanded-width, 180px);
  height:64px;
  min-height:64px;
  box-sizing:border-box;
  padding:0 16px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
  background:var(--sc-primary, #0c7c68);
  color:#fff;
  box-shadow:0 10px 24px rgba(0,0,0,.17);
  overflow:visible;
  white-space:nowrap;
  transition:width 550ms ease, padding 550ms ease;
}
#spring-chatroom.sc-floating-root .sc-launch::after {
  content:"";
  height:30px;
  width:1px;
  background:rgba(255,255,255,.32);
  order:2;
  flex:0 0 1px;
  transition:opacity 180ms ease;
}
#spring-chatroom.sc-floating-root .sc-launch .sc-launch-icon {
  width:32px;
  height:32px;
  flex:0 0 32px;
  display:grid;
  place-items:center;
  order:1;
}
#spring-chatroom.sc-floating-root .sc-launch .sc-launch-icon img {
  width:32px;
  height:32px;
  display:block;
  filter:brightness(0) invert(1);
}
#spring-chatroom.sc-floating-root .sc-launch strong {
  position:static;
  width:max-content;
  max-width:none;
  height:auto;
  clip:auto;
  overflow:visible;
  white-space:nowrap;
  order:3;
  font-size:10px;
  line-height:1.2;
  font-weight:600;
  flex:0 0 auto;
  opacity:1;
  transition:opacity 160ms ease;
}
#spring-chatroom.sc-floating-root .sc-launch.sc-launch-collapsed {
  width:64px;
  padding:0 16px;
}
#spring-chatroom.sc-floating-root .sc-launch.sc-launch-collapsed::after,
#spring-chatroom.sc-floating-root .sc-launch.sc-launch-collapsed strong {opacity:0}
#spring-chatroom.sc-floating-root .sc-launch .dashicons {display:none}
#spring-chatroom.sc-floating-root .sc-launch-badge {
    position: absolute;
    top: -5px;
    right: 3px !important;
    z-index: 10;

    width: 18px;
    min-width: 18px;
    height: 18px;
    padding: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #e63946;
    color: #ffffff;
    border: none !important;
    border-radius: 50% !important;

    font-size: 9px;
    font-weight: 600;
    line-height: 1;
    box-sizing: border-box;
}

@media (prefers-reduced-motion:reduce) {
  #spring-chatroom.sc-floating-root .sc-launch,
  #spring-chatroom.sc-floating-root .sc-launch::after,
  #spring-chatroom.sc-floating-root .sc-launch strong {transition:none}
}
@media (max-width:480px) {
  #spring-chatroom.sc-floating-root .sc-launch {max-width:calc(100vw - 32px)}
}

#spring-chatroom.sc-floating-root.sc-position-bottom-right {
  right: 24px;
  bottom: 24px;
  left: auto;
  top: auto;
}
#spring-chatroom.sc-floating-root.sc-position-bottom-left {
  left: 24px;
  bottom: 24px;
  right: auto;
  top: auto;
}
#spring-chatroom.sc-floating-root.sc-position-middle-right {
  right: 24px;
  top: 50%;
  bottom: auto;
  left: auto;
  transform: translateY(-50%);
}
#spring-chatroom.sc-floating-root.sc-position-middle-left {
  left: 24px;
  top: 50%;
  bottom: auto;
  right: auto;
  transform: translateY(-50%);
}
#spring-chatroom.sc-floating-root.sc-position-bottom-left .sc-panel,
#spring-chatroom.sc-floating-root.sc-position-middle-left .sc-panel {
  left: 0;
  right: auto;
}
#spring-chatroom.sc-floating-root.sc-position-middle-right .sc-panel,
#spring-chatroom.sc-floating-root.sc-position-middle-left .sc-panel {
  bottom: 50%;
}

/* Keep the entire widget hidden until backend validation and WebSocket connection succeed. */
#spring-chatroom.sc-floating-root[hidden] { display: none !important; }

/* v1.5.16: compact launcher and unobtrusive unread badge. */
#spring-chatroom.sc-floating-root .sc-launch {height:54px;min-height:54px;padding:0 13px;gap:10px;}
#spring-chatroom.sc-floating-root .sc-launch::after {height:26px;}
#spring-chatroom.sc-floating-root .sc-launch .sc-launch-icon {width:26px;height:26px;flex:0 0 26px;}
#spring-chatroom.sc-floating-root .sc-launch .sc-launch-icon img {width:26px;height:26px;}
#spring-chatroom.sc-floating-root .sc-launch strong {font-size:14px;}
#spring-chatroom.sc-floating-root .sc-launch.sc-launch-collapsed {width:54px;padding:0 14px;}

#spring-chatroom.sc-floating-root .sc-launch-badge {
    top: -5px;
    right: -5px;

    width: 18px;
    min-width: 18px;
    height: 18px;
    padding: 0;

    border: none !important;
    border-radius: 50% !important;

    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1 !important;

    display: flex;
    align-items: center;
    justify-content: center;
}

#spring-chatroom.sc-floating-root .sc-launch-badge[hidden] {display:none;}