.sm-description-tools{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0 5px}
.sm-description-tools button{min-width:32px;min-height:34px;padding:5px 8px;border:1px solid #dce5dd;border-radius:7px;background:#f4f7f2;color:#315847;font-family:inherit;font-size:12px;line-height:1.3;font-weight:500;cursor:pointer;box-shadow:none;margin:0}
.sm-description-tools button:hover,.sm-description-tools button[aria-expanded=true]{background:#e4eee3;border-color:#aebfab}
.sm-description-tools button:focus-visible{outline:2px solid #315847;outline-offset:2px}
.sm-description-preview{margin:8px 0;padding:12px;border:1px dashed #cad7ca;border-radius:10px;color:#52675b;font-size:14px;line-height:1.5;overflow-wrap:anywhere;font-weight:400}
.sm-description-preview[hidden]{display:none}.sm-description-heading{font-weight:650;color:#254c39}
.sm-support-composer.sm-has-emoji{position:relative}
.sm-support-composer.sm-has-emoji .sm-support-input{padding-left:40px!important}
.sm-support-composer .sm-emoji-toggle{position:absolute;left:3px;top:auto;bottom:2px;z-index:4;display:grid;place-items:center;width:36px;height:40px;min-width:36px;min-height:40px;padding:0;margin:0;border:0;border-radius:10px;background:transparent;color:#63816c;cursor:pointer;box-shadow:none}
.sm-emoji-toggle svg{width:22px;height:22px}.sm-emoji-toggle:hover,.sm-emoji-toggle[aria-expanded=true]{background:#e8eee8}
.sm-support-composer .sm-emoji-panel{position:absolute;bottom:calc(100% + 8px);left:10px;z-index:30;width:min(300px,calc(100% - 20px));padding:10px;border:1px solid #dce5dd;border-radius:18px;background:#fff;box-shadow:0 8px 30px #20342d26;color:#254c39;font:14px/1.4 system-ui;max-height:calc(100dvh - 140px);overflow-y:auto;overscroll-behavior:contain}
.sm-emoji-panel[hidden]{display:none!important}.sm-emoji-panel-head{display:flex;align-items:center;justify-content:space-between;padding-left:7px;margin-bottom:4px}
.sm-support-composer .sm-emoji-panel button{display:grid;place-items:center;min-width:0;min-height:36px;width:100%;height:40px;padding:0;margin:0;background:transparent;border:0;border-radius:10px;box-shadow:none;color:inherit;cursor:pointer;font-family:system-ui,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji";font-size:25px;line-height:1}
.sm-support-composer .sm-emoji-panel-head button{width:36px;height:36px;font-size:24px}.sm-emoji-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px}
.sm-support-composer .sm-emoji-panel button:hover,.sm-support-composer .sm-emoji-panel button:focus-visible{background:#edf3e9;outline:2px solid #b9cbb8;outline-offset:-2px}
.sm-emoji-panel small:empty{display:none}.sm-emoji-panel small{display:block;padding:7px;color:#a54b37}
/* Edit directly in the formatted text, keeping a plain-text form value. */
.sm-description-field{display:grid;gap:7px;font-weight:600;min-width:0;margin:8px 0}
.sm-description-field textarea[hidden]{display:none!important}
.sm-description-field .sm-description-tools{margin:0;gap:5px}
.sm-description-tools button[aria-pressed=true]{background:#e4eee3;border-color:#789a7e}
.sm-description-editor{min-height:112px;max-height:300px;overflow-y:auto;padding:12px;border:1px solid #cbd8cd;border-radius:12px;background:#fff;color:#254c39;font:400 16px/1.45 system-ui;outline:none;white-space:pre-wrap;overflow-wrap:anywhere}
.sm-description-editor:focus{border-color:#648a70;box-shadow:0 0 0 3px #31584716}
.sm-description-editor[aria-invalid=true]{border-color:#b95e4b}
.sm-description-editor:empty::before{content:attr(data-placeholder);color:#87958b;pointer-events:none}
.sm-description-editor h4{font:650 16px/1.45 system-ui;margin:0;color:inherit}
.sm-description-editor div,.sm-description-editor p{margin:0}
.sm-description-editor ul,.sm-description-editor ol{margin:0;padding-left:22px}
.sm-description-editor .sm-check-list{list-style:none;padding-left:0}
.sm-description-editor .sm-check-list>li::before{content:'✓ ';color:#527d5d}
.sm-description-field small{font-weight:400;line-height:1.4}
.sp-banner-preview{width:min(240px,100%);aspect-ratio:1;border-radius:16px;overflow:hidden;background:#edf2e9;display:grid;place-items:center;margin:14px 0;color:#6c7d6e;text-align:center}
.sp-banner-preview img{display:block;width:100%;height:100%;object-fit:contain}

button.sp-banner-preview{position:relative;padding:0;border:1px solid #dce6df;cursor:pointer;box-shadow:none}
button.sp-banner-preview:disabled{opacity:1;cursor:default}
button.sp-banner-preview:not(:disabled):hover{border-color:#648a70}
.sp-banner-preview .sp-banner-edit{position:absolute;right:10px;bottom:10px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff;color:#244e3b;box-shadow:0 2px 8px #183e3120}
.sp-banner-edit svg{width:18px;height:18px}

/* Stickers share the emoji picker and stay a draft until the send button is used. */
.sm-support-composer .sm-emoji-panel .sm-picker-tabs{display:flex;gap:4px;align-items:center}
.sm-support-composer .sm-emoji-panel .sm-picker-tabs button{width:auto;height:34px;padding:5px 10px;font:600 13px/1.3 system-ui;color:#617165}
.sm-support-composer .sm-emoji-panel .sm-picker-tabs button[aria-pressed=true]{background:#e7eee6;color:#244e3b}
.sm-emoji-grid[hidden],.sm-sticker-grid[hidden],.sm-sticker-draft[hidden]{display:none!important}
.sm-sticker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.sm-support-composer .sm-emoji-panel .sm-sticker-grid button{height:auto;aspect-ratio:1;padding:3px;border-radius:10px;min-width:0}
.sm-sticker{display:block;width:210px;max-width:100%;height:auto;aspect-ratio:1;overflow:hidden;margin:0 auto}
.sm-sticker-grid .sm-sticker{width:100%;height:100%}
.sm-sticker-draft{position:relative;width:104px;max-width:100%;padding:4px;margin:0 0 8px;border-radius:12px;background:#edf3e9}
.sm-sticker-draft .sm-sticker{width:92px;height:92px}
.sm-support-composer .sm-sticker-draft button{position:absolute;right:0;top:0;width:28px;height:28px;min-height:28px;min-width:28px;padding:0;border:1px solid #d4dfd4;border-radius:50%;background:white;color:#315847;display:grid;place-items:center;font:22px/1 system-ui;box-shadow:0 2px 6px #20342d18}
.sm-chat-feed .bubble.sm-sticker-message,.sm-support-message.sm-sticker-message{background:transparent!important;box-shadow:none!important;border:0!important;padding:4px 6px!important}
.sm-chat-feed .bubble>.sm-sticker,.sm-support-message>.sm-sticker{margin-top:5px;margin-bottom:5px}

.sm-support-message.sm-sticker-message .sm-support-message-meta{color:#6b7f72}