@font-face{font-family:"Support Board Icons";src:url("../media/icons/support-board.woff?v=4") format("woff"),url("../media/icons/support-board.ttf?v=4") format("truetype"),url("../media/icons/support-board.svg#support-board?v=4") format("svg");font-weight:normal;font-style:normal}[class^="sb-icon-"]:before,[class*=" sb-icon-"]:before{font-family:"Support Board Icons" !important;font-style:normal !important;font-weight:normal !important;font-variant:normal !important;text-transform:none !important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sb-icon-microphone-mute:before{content:"\e90f"}.sb-icon-call:before{content:"\e90e"}.sb-icon-phone-call-1:before{content:"\e942"}.sb-icon-phone-call-2:before{content:"\e943"}.sb-icon-arrows-in:before{content:"\e90d"}.sb-icon-arrows-out:before{content:"\e90b"}.sb-icon-sidebar:before{content:"\e90c"}.sb-icon-arrow-up:before{content:"\61";transform:rotate(180deg);display:inline-block}.sb-icon-arrow-down:before{content:"\61"}.sb-icon-shopify:before{content:"\e900"}.sb-icon-plus-2:before{content:"\4d"}.sb-icon-plus:before{content:"\30"}.sb-icon-back:before{content:"\41"}.sb-icon-file:before{content:"\42"}.sb-icon-check-circle:before{content:"\43"}.sb-icon-reload:before{content:"\44"}.sb-icon-help:before{content:"\45"}.sb-icon-clock:before{content:"\46"}.sb-icon-next:before{content:"\47"}.sb-icon-currency:before{content:"\48"}.sb-icon-language:before{content:"\49"}.sb-icon-dislike:before{content:"\4e"}.sb-icon-like:before{content:"\4f"}.sb-icon-send:before{content:"\50"}.sb-icon-refresh:before{content:"\51"}.sb-icon-woocommerce:before{content:"\52"}.sb-icon-social-fb:before{content:"\53"}.sb-icon-social-tw:before{content:"\54"}.sb-icon-social-li:before{content:"\55"}.sb-icon-social-pi:before{content:"\56"}.sb-icon-social-wa:before{content:"\57"}.sb-icon-social-m:before{content:"\58"}.sb-icon-bar-chart:before{content:"\59"}.sb-icon-calendar:before{content:"\62"}.sb-icon-chat:before{content:"\64"}.sb-icon-clip:before{content:"\65"}.sb-icon-download:before{content:"\66"}.sb-icon-envelope:before{content:"\67"}.sb-icon-marker:before{content:"\68"}.sb-icon-message:before{content:"\69"}.sb-icon-desktop:before{content:"\6a"}.sb-icon-plane:before{content:"\6b"}.sb-icon-phone:before{content:"\6c"}.sb-icon-settings:before{content:"\6d"}.sb-icon-user:before{content:"\6e"}.sb-icon-search:before{content:"\6f"}.sb-icon-close:before{content:"\70"}.sb-icon-message-add:before{content:"\71"}.sb-icon-emoji:before{content:"\72"}.sb-icon-menu:before{content:"\73"}.sb-icon-arrow-left:before{content:"\74"}.sb-icon-arrow-right:before{content:"\75"}.sb-icon-loader:before{content:"\76"}.sb-icon-check:before{content:"\77"}.sb-icon-delete:before{content:"\78"}.sb-icon-padlock:before{content:"\79"}.sb-icon-shuffle:before{content:"\7a"}.sb-icon-circle:before{content:"\e901"}.sb-icon-filter:before{content:"\e902"}.sb-icon-openai:before{content:"\e903"}.sb-icon-mic:before{content:"\e904"}.sb-icon-edit:before{content:"\e905"}.sb-icon-warning:before{content:"\e906"}.sb-icon-info:before{content:"\e907"}.sb-icon-files:before{content:"\e908"}.sb-icon-tag-line:before{content:"\e909"}.sb-icon-chatbot:before{content:"\e90a"}.sb-icon-automation:before{content:"\e915"}.sb-icon-sms:before{content:"\e91c"}.sb-icon-tag:before{content:"\f02b"}.sb-icon-play:before{content:"\f04b"}.sb-icon-pause:before{content:"\f04c"}.sb-icon-microphone:before{content:"\f130"}@font-face{font-family:"Support Board Font";src:url("../media/fonts/regular.woff2") format("woff2");font-weight:400;font-style:normal}@font-face{font-family:"Support Board Font";src:url("../media/fonts/medium.woff2") format("woff2");font-weight:500;font-style:normal}@keyframes sb-typing{0%{width:0}100%{width:18px}}@keyframes sb-fade-animation{0%{opacity:0}100%{opacity:1}}@keyframes sb-fade-bottom-animation{0%{transform:translateY(15px);opacity:0}100%{transform:none;opacity:1}}@keyframes sb-fade-bottom-center{0%{transform:translateY(15px) translateX(-50%);opacity:0}100%{transform:translateX(-50%);opacity:1}}@keyframes sb-pulse{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(147,154,159,0.5)}70%{transform:scale(1.1);box-shadow:0 0 0 15px rgba(147,154,159,0)}100%{transform:scale(1);box-shadow:0 0 0 0 rgba(147,154,159,0)}}.sb-main,.sb-articles-page,.sb-main input,.sb-main textarea,.sb-main select{font-family:"Support Board Font", "Helvetica Neue", "Apple Color Emoji", Helvetica, Arial, sans-serif}.sb-main *,.sb-articles-page *{box-sizing:content-box;outline:none}.sb-main input,.sb-articles-page input,.sb-articles-page input[text],.sb-main input[text],.sb-main textarea,.sb-main input[email]{-webkit-appearance:none;-moz-appearance:none;appearance:none}.sb-clear{width:100%;clear:both}.sb-no-results{font-size:14px;line-height:22px;letter-spacing:0.3px;margin:0;color:#566069;opacity:0.7}.sb-no-results-active>.sb-no-results{display:block !important;opacity:1}.sb-no-results-active>div:not(.sb-no-results){display:none !important}.sb-hide,.sb-grid.sb-hide{display:none !important}.sb-scroll-area,.sb-conversation .sb-list,.sb-list .sb-message pre,.sb-rich-table .sb-content,.sb-admin .sb-top-bar>div:first-child>ul,.sb-dialog-box pre,.sb-horizontal-scroll,.sb-custom-select,.sb-select-checkbox,.sb-setting textarea,.ce-popover__items{overflow:hidden;overflow-y:scroll}.sb-scroll-area::-webkit-scrollbar,.sb-conversation .sb-list::-webkit-scrollbar,.sb-list .sb-message pre::-webkit-scrollbar,.sb-rich-table .sb-content::-webkit-scrollbar,.sb-admin .sb-top-bar>div:first-child>ul::-webkit-scrollbar,.sb-dialog-box pre::-webkit-scrollbar,.sb-horizontal-scroll::-webkit-scrollbar,.sb-custom-select::-webkit-scrollbar,.sb-select-checkbox::-webkit-scrollbar,.sb-setting textarea::-webkit-scrollbar,.ce-popover__items::-webkit-scrollbar{width:5px}.sb-scroll-area::-webkit-scrollbar-track,.sb-conversation .sb-list::-webkit-scrollbar-track,.sb-list .sb-message pre::-webkit-scrollbar-track,.sb-rich-table .sb-content::-webkit-scrollbar-track,.sb-admin .sb-top-bar>div:first-child>ul::-webkit-scrollbar-track,.sb-dialog-box pre::-webkit-scrollbar-track,.sb-horizontal-scroll::-webkit-scrollbar-track,.sb-custom-select::-webkit-scrollbar-track,.sb-select-checkbox::-webkit-scrollbar-track,.sb-setting textarea::-webkit-scrollbar-track,.ce-popover__items::-webkit-scrollbar-track{background:#f1f1f1}.sb-scroll-area::-webkit-scrollbar-thumb,.sb-conversation .sb-list::-webkit-scrollbar-thumb,.sb-list .sb-message pre::-webkit-scrollbar-thumb,.sb-rich-table .sb-content::-webkit-scrollbar-thumb,.sb-admin .sb-top-bar>div:first-child>ul::-webkit-scrollbar-thumb,.sb-dialog-box pre::-webkit-scrollbar-thumb,.sb-horizontal-scroll::-webkit-scrollbar-thumb,.sb-custom-select::-webkit-scrollbar-thumb,.sb-select-checkbox::-webkit-scrollbar-thumb,.sb-setting textarea::-webkit-scrollbar-thumb,.ce-popover__items::-webkit-scrollbar-thumb{background:#BFCBD3;border-radius:6px;transition:all 0.4s}.sb-scroll-area::-webkit-scrollbar-thumb:hover,.sb-conversation .sb-list::-webkit-scrollbar-thumb:hover,.sb-list .sb-message pre::-webkit-scrollbar-thumb:hover,.sb-rich-table .sb-content::-webkit-scrollbar-thumb:hover,.sb-admin .sb-top-bar>div:first-child>ul::-webkit-scrollbar-thumb:hover,.sb-dialog-box pre::-webkit-scrollbar-thumb:hover,.sb-horizontal-scroll::-webkit-scrollbar-thumb:hover,.sb-custom-select::-webkit-scrollbar-thumb:hover,.sb-select-checkbox::-webkit-scrollbar-thumb:hover,.sb-setting textarea::-webkit-scrollbar-thumb:hover,.ce-popover__items::-webkit-scrollbar-thumb:hover{background:#028be5}.sb-list .sb-message pre,.sb-rich-table .sb-content,.sb-admin .sb-top-bar>div:first-child>ul,.sb-dialog-box pre,.sb-horizontal-scroll,[data-id="flows"]>.sb-content{overflow-y:hidden}.sb-list .sb-message pre::-webkit-scrollbar,.sb-rich-table .sb-content::-webkit-scrollbar,.sb-admin .sb-top-bar>div:first-child>ul::-webkit-scrollbar,.sb-dialog-box pre::-webkit-scrollbar,.sb-horizontal-scroll::-webkit-scrollbar,[data-id="flows"]>.sb-content::-webkit-scrollbar{height:5px}div ul.sb-menu,.sb-select ul,.sb-popup,.sb-menu-mobile>ul,.sb-menu-mobile .sb-mobile,.sb-area-users .sb-filter-btn>div,.sb-menu li ul{background:#fff;padding:10px 0;box-shadow:0 4px 14px 0 rgba(0,0,0,0.2),0 0 0 1px rgba(0,0,0,0.05);z-index:9999995;list-style:none}.sb-horizontal-scroll{overflow-y:hidden;overflow-x:scroll}.sb-rich-message .sb-btn,.sb-input>input,.sb-input>select,.sb-input>textarea{border-radius:6px}.sb-input.sb-input-btn>div{border-top-right-radius:6px;border-bottom-right-radius:6px}.sb-rich-cnt[data-type="chips"] .sb-text,div ul.sb-menu,.sb-select ul,.sb-popup,.sb-menu-mobile>ul,.sb-menu-mobile .sb-mobile,.sb-area-users .sb-filter-btn>div,.sb-menu li ul,.sb-rich-cnt[data-type="chips"] .sb-text,.sb-rich-message .sb-slider-images,.sb-rich-message .sb-slider .sb-card-img,.sb-rich-cnt[data-type="video"] iframe,.sb-rich-cnt[data-type="video"] .sb-rich-message,.sb-image,.sb-lightbox-media>div>img{border-radius:10px}.sb-rich-message .sb-card .sb-card-img{border-top-right-radius:10px;border-top-left-radius:10px}.sb-user-conversations>li{border-bottom:1px solid #d4d4d4;padding:15px;margin:0;cursor:pointer;border-left:2px solid rgba(255,255,255,0);transition:all 0.4s;position:relative}.sb-user-conversations>li>div{position:relative;color:#3c3c3c;font-size:11px;padding-left:55px;line-height:25px;letter-spacing:0.3px}.sb-user-conversations>li>div>img{position:absolute;left:0;top:5px;width:40px;height:40px;border-radius:50%;display:block}.sb-user-conversations>li>div div:not(.sb-message){display:flex;justify-content:space-between;opacity:0.85}.sb-user-conversations>li>div div:not(.sb-message)>span{white-space:nowrap}.sb-user-conversations>li>div div:not(.sb-message)>span:first-child{overflow:hidden;margin-right:15px}.sb-user-conversations>li>div .sb-message{font-weight:500;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:25px}.sb-user-conversations>li>div .sb-message>i{height:15px;display:inline-block;margin-right:5px;transform:translateY(1px);font-size:12px}.sb-user-conversations>li>div .sb-name{display:flex;align-items:center}.sb-user-conversations>li>div .sb-name img{width:25px;height:25px;border-radius:4px;margin:0 15px 0 0;display:block}.sb-user-conversations>li:hover,.sb-user-conversations>li.sb-active{background-color:#f5f7fa}.sb-chat-btn span,.sb-user-conversations>li>[data-count]{position:absolute;width:20px;height:20px;text-align:center;background:#ca3434;color:#fff;border-radius:100%;font-weight:500;font-size:11px;line-height:22px;top:0;left:-3px;z-index:2;animation:sb-fade-animation 0.3s}.sb-chat-btn span:empty,.sb-chat-btn span[data-count="0"],.sb-user-conversations>li>[data-count]:empty,.sb-user-conversations>li>[data-count][data-count="0"]{display:none}.sb-user-conversations>li>[data-count]{left:20px;top:33px;border:3px solid #fff}.sb-user-conversations>li:hover>[data-count]{border-color:#f5f7fa}.sb-chat .sb-btn-text:hover,.sb-list .sb-btn-text:hover{color:#028be5}.sb-list>div{float:left;clear:both;position:relative;margin:2px 10px 25px 20px;box-shadow:none;background-color:#f5f5f5;border-radius:10px;padding:12px;max-width:calc(90% - 110px)}.sb-list>div.sb-thumb-active{margin-left:55px}.sb-list>div.sb-thumb-active .sb-thumb{display:block}.sb-list>div.sb-thumb-active.sb-rich-cnt{max-width:calc(90% - 115px)}.sb-list>div.sb-rich-cnt{background-color:#f7f7f7;max-width:calc(90% - 80px)}.sb-list>div.sb-rich-cnt .sb-message{overflow:visible}.sb-list>div.sb-rich-cnt .sb-agent-name{display:none}.sb-list>div[data-type="slider"],.sb-list>div[data-type="slider-images"]{width:100%}.sb-list>div:first-child>span{margin-top:0 !important}.sb-list>div:last-child{margin-bottom:30px !important}.sb-list>div:not(.sb-right):last-child,.sb-list>div>[data-id="sending"]{animation:sb-fade-bottom-animation .4s}.sb-list>div.sb-right{float:right;margin:2px 20px 25px 10px;background-color:#E6F2FC}.sb-list>div.sb-right.sb-rich-cnt .sb-text{background-color:#E6F2FC}.sb-list>div.sb-right .sb-thumb{right:-35px;left:auto}.sb-list>div.sb-right .sb-message,.sb-list>div.sb-right .sb-message a,.sb-list>div.sb-right .sb-rich-message .sb-text,.sb-list>div.sb-right .sb-rich-message .sb-title{color:#004c7d}.sb-list>div.sb-right.sb-thumb-active{margin-right:50px}.sb-list>div.sb-right .sb-time{right:0;left:auto}.sb-list>div.sb-right .sb-message:not(:empty)+.sb-message-attachments .sb-player{border-color:rgba(0,76,125,0.17)}.sb-list>div:not(.sb-right):not(.sb-label-date)+.sb-right,.sb-list>div.sb-right+div:not(.sb-right):not(.sb-label-date){margin-top:15px}.sb-list .sb-thumb{position:absolute;left:-35px;top:1px;width:25px;display:none}.sb-list .sb-thumb>img{width:25px;height:25px;border-radius:50%}.sb-list .sb-thumb>div{display:none}.sb-list .sb-message,.sb-list .sb-message a{color:#566069;font-size:13px;line-height:21px;letter-spacing:0.3px;outline:none;word-wrap:break-word}.sb-list .sb-message{overflow:hidden;text-overflow:ellipsis}.sb-list .sb-message b{font-weight:500}.sb-list .sb-message code{font-family:monospace;padding:2px 7px;color:#2c506a;background:rgba(238,238,238,0.5);border-radius:3px;border:1px solid #dbdbdb;max-width:100%;white-space:normal;word-wrap:break-word;overflow:hidden}.sb-list .sb-message code a{color:#2c506a !important;text-decoration:none}.sb-list .sb-message pre{font-family:monospace;margin:0;color:#2c506a;overflow-x:scroll;background:rgba(255,255,255,0.5);padding:5px 5px 7px 5px;border-radius:3px;border:1px solid #dbdbdb}.sb-list .sb-message pre code{padding:0;color:#2c506a;background:none;display:inline}.sb-list .sb-message span+pre,.sb-list .sb-message pre+span{margin-top:10px;display:block}.sb-list .sb-message .emoji-large{font-size:35px;line-height:45px}.sb-list .sb-message .sb-image{margin-top:6px}.sb-list .sb-message .sb-rich-image .sb-image{margin-top:0}.sb-list .sb-message .sb-agent-name{display:block;opacity:0.8;font-size:11px}.sb-list .sb-message:not(.sb-message-media)>.sb-image{margin-bottom:5px}.sb-list .sb-message:not(:empty)+.sb-message-attachments{padding-top:15px;margin-top:10px}.sb-list .sb-message:not(:empty)+.sb-message-attachments .sb-player{border-top:1px solid #d4d4d4}.sb-list .sb-time{opacity:.9;color:#566069;font-size:11px;letter-spacing:0.5px;line-height:16px;bottom:-20px;left:0;white-space:nowrap;position:absolute;display:flex}.sb-list .sb-time>span:first-child{display:none}.sb-list .sb-time i{padding-left:10px}.sb-list .sb-message-media{margin:-12px;background:#fff;text-align:right}.sb-list .sb-message-media .sb-image:first-child{margin-top:0}.sb-list [data-id="sending"] .sb-message{opacity:.5}.sb-list [data-id="sending"].sb-right .sb-time,.sb-list [data-id="sending"] .sb-time{right:19px;flex-direction:row}.sb-list [data-id="sending"].sb-right .sb-time>i,.sb-list [data-id="sending"] .sb-time>i{position:relative}.sb-list [data-id="sending"].sb-right .sb-time>i:after,.sb-list [data-id="sending"] .sb-time>i:after{content:"...";position:absolute;width:15px;left:calc(100% + 5px);bottom:0;font-weight:500;letter-spacing:1px;overflow:hidden;animation:sb-typing 1s infinite}.sb-list [data-type="youtube-video"]{padding:0}.sb-list [data-type="youtube-video"] .sb-rich-message{margin:0;padding:0;overflow:hidden}.sb-list .sb-reply-message{background:rgba(0,0,0,0.06);padding:10px;border-radius:4px;margin:-12px -12px 12px -12px;border-left:2px solid #566069;color:#566069;font-size:13px;line-height:21px;letter-spacing:0.3px;opacity:.9}.sb-list .sb-reply-message span{font-weight:500;display:block}.sb-list .sb-reply-message .sb-message-attachments a{margin:0;cursor:default;color:#566069}.sb-list .sb-right .sb-reply-message{border-left-color:#028be5;color:#004c7d}.sb-list>div.sb-label-date,.sb-label-date-top{text-align:center;max-width:100% !important;width:auto;float:none !important;background:none;margin:0 !important}.sb-list>div.sb-label-date span,.sb-label-date-top span{display:inline-block;background:#f5f7fa;padding:0 10px;border-radius:4px;font-size:12px;line-height:26px;letter-spacing:.3px;margin:15px auto 15px auto;font-weight:400;color:#566069;user-select:none}.sb-list>div.sb-label-date:first-child{padding-top:8px}.sb-label-date-top{position:absolute;top:73px;left:0;right:5px;z-index:2;opacity:0;transition:all 0.4s}.sb-label-date-top.sb-active{opacity:1}.sb-label-date-top:empty{display:none}.sb-label-date+.sb-label-date{display:none}.sb-list .sb-message-attachments a,.sb-editor .sb-attachments>div,.sb-conversation-attachments>a{text-decoration:none;font-style:normal;color:#566069;position:relative;display:block;transition:all 0.4s;padding-left:25px;font-size:13px;line-height:21px;letter-spacing:0.3px;overflow:hidden;text-overflow:ellipsis}.sb-list .sb-message-attachments a:before,.sb-editor .sb-attachments>div:before,.sb-conversation-attachments>a:before{content:"\65";font-family:"Support Board Icons";position:absolute;left:0;font-size:15px;opacity:0.8;line-height:21px}.sb-list .sb-message-attachments a+a,.sb-editor .sb-attachments>div+a,.sb-conversation-attachments>a+a{margin-top:7px}.sb-list .sb-message-attachments a[data-type]:before,.sb-editor .sb-attachments>div[data-type]:before,.sb-conversation-attachments>a[data-type]:before{content:"";background-repeat:no-repeat;background-position:center center;background-size:contain;width:17px;height:17px;top:1px}.sb-list .sb-message-attachments a[data-type="image"]:before,.sb-editor .sb-attachments>div[data-type="image"]:before,.sb-conversation-attachments>a[data-type="image"]:before{background:url("../media/files/image.svg") no-repeat center center}.sb-list .sb-message-attachments a[data-type="doc"]:before,.sb-editor .sb-attachments>div[data-type="doc"]:before,.sb-conversation-attachments>a[data-type="doc"]:before{background:url("../media/files/doc.svg") no-repeat center center}.sb-list .sb-message-attachments a[data-type="default"]:before,.sb-editor .sb-attachments>div[data-type="default"]:before,.sb-conversation-attachments>a[data-type="default"]:before{background:url("../media/files/default.svg") no-repeat center center}.sb-list .sb-message-attachments a[data-type="audio"]:before,.sb-editor .sb-attachments>div[data-type="audio"]:before,.sb-conversation-attachments>a[data-type="audio"]:before{background:url("../media/files/audio.svg") no-repeat center center}.sb-list .sb-message-attachments a[data-type="archive"]:before,.sb-editor .sb-attachments>div[data-type="archive"]:before,.sb-conversation-attachments>a[data-type="archive"]:before{background:url("../media/files/archive.svg") no-repeat center center}.sb-list .sb-message-attachments a[data-type="ppt"]:before,.sb-editor .sb-attachments>div[data-type="ppt"]:before,.sb-conversation-attachments>a[data-type="ppt"]:before{background:url("../media/files/ppt.svg") no-repeat center center}.sb-list .sb-message-attachments a[data-type="pdf"]:before,.sb-editor .sb-attachments>div[data-type="pdf"]:before,.sb-conversation-attachments>a[data-type="pdf"]:before{background:url("../media/files/pdf.svg") no-repeat center center}.sb-list .sb-message-attachments a[data-type="video"]:before,.sb-editor .sb-attachments>div[data-type="video"]:before,.sb-conversation-attachments>a[data-type="video"]:before{background:url("../media/files/video.svg") no-repeat center center}.sb-list .sb-message-attachments a[data-type="text"]:before,.sb-editor .sb-attachments>div[data-type="text"]:before,.sb-conversation-attachments>a[data-type="text"]:before{background:url("../media/files/text.svg") no-repeat center center}.sb-list .sb-message-attachments:empty{display:none}.sb-list .sb-message-attachments a{color:#004c7d}.sb-list .sb-message-attachments a:hover{color:#028be5}.sb-list .sb-form+.sb-btn{margin-top:25px}.sb-list .sb-form+.sb-form{margin-top:15px}.sb-list table{border-collapse:collapse}.sb-list table th,.sb-list table td{padding:5px 7px;border-bottom:1px solid rgba(143,143,143,0.29);text-align:left;color:#24272a;font-size:12px;line-height:23px}.sb-list table th{border-bottom:1px solid rgba(143,143,143,0.6);font-size:13px;font-weight:500;white-space:nowrap}.sb-list table tr:last-child td{border-bottom:0}.sb-list .sb-text-list>div{padding-bottom:6px}.sb-list .sb-text-list>div>div:first-child{font-weight:500}.sb-list .sb-text-list>div:last-child{padding-bottom:0}.sb-list .sb-text-list-single>div{position:relative;padding-left:15px}.sb-list .sb-text-list-single>div:before{content:"";position:absolute;width:5px;height:5px;background:#566069;border-radius:50%;top:9px;left:0}.sb-list .sb-text-list-single>div[data-inner="true"]{padding-left:35px}.sb-list .sb-text-list-single>div[data-inner="true"]:before{left:15px}.sb-list .sb-text-list-numeric{counter-reset:list-number}.sb-list .sb-text-list-numeric>div{padding-left:20px}.sb-list .sb-text-list-numeric>div:not([data-inner]):before{content:counter(list-number) ". ";width:auto;height:auto;background:none;top:auto;border-radius:0;counter-increment:list-number}.sb-list .sb-image-list>div{padding:5px 0 10px 50px;position:relative}.sb-list .sb-image-list>div>.sb-thumb{display:block;position:absolute;left:0;top:4px;width:40px;height:40px;border-radius:50%;background-size:cover;margin:0;background-position:center center}.sb-list .sb-image-list>div .sb-list-title{font-weight:500;font-size:12px;line-height:18px}.sb-list .sb-image-list>div .sb-list-title span{opacity:.7}.sb-list .sb-image-list>div:last-child{padding-bottom:0}.sb-list .sb-image-list+a{margin-top:15px}.sb-list iframe{width:100%;border:none;border-radius:4px;background:#000}.sb-list iframe:not([height]){height:128px;display:block}.sb-list.sb-reply-active{margin-bottom:62px}.sb-player{display:flex;align-items:center;margin:-6.5px -11px}.sb-player>div{background:transparent;width:20px;border-radius:10px;padding:5px 10px;cursor:pointer;font-size:13px;line-height:21px;transition:all 0.4s}.sb-player>div:not(.sb-player-time):hover{color:#028be5}.sb-player>div:not(.sb-player-time):active{background:rgba(0,0,0,0.08) !important}.sb-player .sb-player-btn{width:38px;height:34px;line-height:38px;font-size:14px;padding:0;text-align:center;border-radius:50%}.sb-player .sb-player-btn:before{line-height:34px}.sb-player .sb-player-time{white-space:nowrap;width:90px;text-align:left;font-weight:500;letter-spacing:1px;line-height:22px;cursor:default}.sb-player .sb-player-speed{display:flex;align-items:center}.sb-player .sb-player-speed .sb-player-speed-number{font-weight:500}.sb-player .sb-player-speed .sb-icon-close{font-size:7px;height:19px;line-height:21px;padding-left:2px}.sb-player .sb-player-speed .sb-icon-close:before{line-height:20px}.sb-player .sb-player-download{text-align:center}.sb-player .sb-player-download:before{transform:translateY(2px);display:inline-block}.sb-player audio{position:absolute;width:0;height:0;visibility:hidden}a+.sb-player{margin-top:10px}.sb-right .sb-player>div{background-color:#E6F2FC;color:#004c7d}#sb-audio-clip{display:none;align-items:center;position:absolute;top:1px;bottom:0;right:50px;left:0;border-radius:6px;background:#fff;color:#566069;z-index:2}#sb-audio-clip .sb-icon{font-size:15px;height:100%;line-height:100%;padding:0 15px;cursor:pointer;color:#566069;transition:color .5s}#sb-audio-clip .sb-icon:before{line-height:55px}#sb-audio-clip .sb-icon-mic{font-size:20px;color:#ca3434}#sb-audio-clip .sb-icon-close{font-size:11px}#sb-audio-clip .sb-icon-close:hover{color:#ca3434}#sb-audio-clip .sb-btn-mic{color:#ca3434}#sb-audio-clip .sb-btn-mic:hover{color:#24272a}#sb-audio-clip .sb-btn-clip-player{display:none;width:11px}#sb-audio-clip .sb-btn-clip-player.sb-active{display:block;margin-right:-15px}#sb-audio-clip .sb-btn-clip-player:hover{color:#028be5}#sb-audio-clip .sb-audio-clip-time{font-size:15px;font-weight:500}#sb-audio-clip .sb-audio-clip-cnt{display:flex;align-items:center;padding:0 15px;height:100%;border-right:1px solid #d4d4d4;border-left:1px solid #d4d4d4}#sb-audio-clip.sb-active{display:flex}.sb-editor{padding-bottom:0;padding:15px;position:relative;margin:0;border:1px solid rgba(0,0,0,0.2);border-radius:6px;transition:box-shadow linear 40ms, border-color linear 0.2s;background-color:#fff}.sb-editor textarea{margin:0 !important;box-shadow:none !important;border-radius:0 !important;font-size:13px;letter-spacing:0.3px;width:100%;height:25px;line-height:25px;min-height:25px !important;padding:0px !important;outline:none !important;text-align:left;font-weight:400;resize:none !important;border:none !important;color:#566069 !important;background:transparent !important;transition:all 0.4s;overflow:hidden;display:block}.sb-editor .sb-submit{color:#028be5;display:none;cursor:pointer;font-size:18px;line-height:19px;padding-left:13px;height:19px;transition:all 0.4s}.sb-editor .sb-submit:hover{color:#004c7d}.sb-editor .sb-submit:before{line-height:21px !important}.sb-editor .sb-clear-text{display:none;position:absolute;right:0px;font-size:11px;top:0px;cursor:pointer;width:30px;height:30px;line-height:32px;text-align:center;transition:all 0.4s;color:#566069}.sb-editor .sb-clear-text:hover{color:#ca3434}.sb-editor .sb-bar{position:absolute;display:flex;align-items:center;max-height:26px;right:0;top:0;bottom:0}.sb-editor.sb-active .sb-bar .sb-submit,.sb-editor.sb-active .sb-bar .sb-clear-text{display:block}.sb-editor.sb-active .sb-bar .sb-btn-attachment,.sb-editor.sb-active .sb-bar .sb-btn-audio-clip{display:none}.sb-editor.sb-focus{border-color:#028be5 !important;box-shadow:0 0 5px rgba(39,156,255,0.2);outline:none}.sb-editor.sb-disabled{padding:0;border:none}.sb-editor.sb-disabled .sb-textarea,.sb-editor.sb-disabled .sb-bar,.sb-editor.sb-disabled .sb-suggestions{display:none !important}.sb-editor .sb-upload-form-editor{display:none}.sb-editor .sb-bar-icons{display:flex;justify-content:flex-start;width:auto}.sb-editor .sb-bar-icons>div{width:30px;height:28px;margin-right:8px;position:relative;cursor:pointer}.sb-editor .sb-bar-icons>div:last-child{margin-right:0}.sb-editor .sb-bar-icons>div:before{font-family:"Support Board Icons";position:absolute;left:7px;font-size:19px;line-height:30px;color:#566069}.sb-editor .sb-bar-icons>div.sb-btn-attachment:before{content:"\65"}.sb-editor .sb-bar-icons>div.sb-btn-saved-replies:before{content:"\71";font-size:21px}.sb-editor .sb-bar-icons>div.sb-btn-attachment{margin-right:7px}.sb-editor .sb-bar-icons>div.sb-btn-audio-clip{margin-right:0}.sb-editor .sb-bar-icons>div.sb-btn-emoji:before{content:"\72"}.sb-editor .sb-bar-icons>div.sb-btn-audio-clip:before{content:"\e904";font-size:22px;left:3px}.sb-editor .sb-bar-icons>div.sb-btn-open-ai:not(.sb-active){display:none}.sb-editor .sb-bar-icons>div.sb-btn-woocommerce:before{content:"\52";font-size:22px}.sb-editor .sb-bar-icons>div.sb-btn-open-ai.sb-loading:before{left:15px}.sb-editor .sb-bar-icons>div:hover:before{color:#028be5}.sb-editor .sb-attachments{display:flex;justify-content:flex-start;flex-wrap:wrap}.sb-editor .sb-attachments>div{margin:2px 5px 2px 0;padding:3px 20px 3px 20px;position:relative;font-size:12px;line-height:13px;height:13px;font-weight:500;letter-spacing:.3px;cursor:default}.sb-editor .sb-attachments>div>i{position:absolute;right:5px;font-size:8px;line-height:8px;width:8px;height:8px;top:50%;margin:-4px 0 0 0;color:#ca3434;cursor:pointer;opacity:0;transition:all 0.4s}.sb-editor .sb-attachments>div:hover>i{opacity:1}.sb-editor .sb-loader{height:25px;width:25px;display:none;position:absolute;right:0;background:#fff}.sb-editor .sb-loader.sb-active{display:block}.sb-editor.sb-drag{border-color:#028be5 !important;background-color:#e0ecf6 !important}.sb-editor.sb-drag .sb-textarea,.sb-editor.sb-drag .sb-bar,.sb-editor.sb-drag .sb-attachments,.sb-editor.sb-drag .sb-suggestions{opacity:0 !important;z-index:-1 !important}.sb-editor.sb-drag:before{content:"\30";font-family:"Support Board Icons";font-style:normal;font-weight:normal;text-transform:none;position:absolute;font-size:13px;height:15px;top:50%;left:50%;margin:-6px 0 0 -10px;text-align:center;color:#028be5}.sb-editor [data-reply],.sb-editor #sb-call-bar{position:absolute;left:-1px;right:-1px;top:-60px;height:30px;font-size:13px;line-height:13px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;letter-spacing:.3px;text-align:left;color:#566069;padding:15px 30px 15px 15px;border:1px solid rgba(0,0,0,0.2);background:#f5f7fa;border-top-right-radius:4px;border-top-left-radius:4px;border-left:2px solid #566069}.sb-editor [data-reply] span,.sb-editor #sb-call-bar span{font-weight:500;display:block;margin-bottom:5px}.sb-editor [data-reply] span+.sb-icon-clip,.sb-editor #sb-call-bar span+.sb-icon-clip{margin-left:0}.sb-editor [data-reply] .sb-icon-close,.sb-editor #sb-call-bar .sb-icon-close{position:absolute;right:5px;top:10px;font-size:12px;line-height:13px;padding:5px;cursor:pointer}.sb-editor [data-reply] .sb-icon-close:hover,.sb-editor #sb-call-bar .sb-icon-close:hover{color:#ca3434}.sb-editor [data-reply] .sb-icon-clip,.sb-editor #sb-call-bar .sb-icon-clip{transform:translateY(2px);opacity:.8;display:inline-block;margin:0 5px}.sb-editor [data-reply] img,.sb-editor #sb-call-bar img{height:15px;border:1px solid #d4d4d4;border-radius:3px}.sb-editor [data-reply].sb-reply-color,.sb-editor #sb-call-bar.sb-reply-color{border-left-color:#028be5}.sb-editor #sb-call-bar{display:flex;max-width:calc(100% - 30px);border-radius:4px;top:-75px;height:auto;right:auto;padding:15px;background:#fff;border:1px solid rgba(0,0,0,0.2);left:50%;transform:translateX(-50%)}.sb-editor #sb-call-bar>div{display:flex}.sb-editor #sb-call-bar>span{height:auto;line-height:33px;height:33px;display:block;margin:0 30px 0 10px;min-width:0;overflow:hidden}.sb-editor #sb-call-bar>span>span:last-child{display:none}.sb-editor #sb-call-bar>i{font-size:20px;width:30px;height:30px;text-align:center;border-radius:50%;line-height:40px;animation:sb-pulse 1.4s infinite ease-out}.sb-editor #sb-call-bar #sb-call-decline,.sb-editor #sb-call-bar #sb-call-answer,.sb-editor #sb-call-bar #sb-call-decline.sb-loading:before,.sb-editor #sb-call-bar #sb-call-answer.sb-loading:before{color:#fff}.sb-editor #sb-call-bar #sb-call-decline{background-color:#ca3434;margin-right:10px}.sb-editor #sb-call-bar #sb-call-answer{background-color:#1a9260}.sb-editor #sb-call-bar #sb-call-mute{margin-right:10px}.sb-editor #sb-call-bar #sb-call-mute:not(.sb-btn-red):not(:hover){color:#ca3434}.sb-editor #sb-call-bar #sb-call-decline:hover,.sb-editor #sb-call-bar #sb-call-answer:hover{opacity:.7}.sb-editor #sb-call-bar:not(.sb-active),.sb-editor #sb-call-bar #sb-call-mute{display:none}.sb-editor #sb-call-bar.sb-active{animation:sb-fade-bottom-center .4s}.sb-editor #sb-call-bar.sb-call-active>i,.sb-editor #sb-call-bar.sb-call-active #sb-call-answer,.sb-editor #sb-call-bar.sb-call-active>span>span:first-child{display:none}.sb-editor #sb-call-bar.sb-call-active #sb-call-decline{margin:0}.sb-editor #sb-call-bar.sb-call-active>span>span:last-child,.sb-editor #sb-call-bar.sb-call-active #sb-call-mute{display:block}.sb-editor #sb-call-bar.sb-call-ringing #sb-call-answer,.sb-editor #sb-call-bar.sb-call-ringing>span>span:first-child{display:none}.sb-article h1,.sb-article h2,.sb-article h3{font-weight:500}.sb-article .sb-title{font-weight:500;font-size:18px;line-height:30px;padding-bottom:25px;letter-spacing:0.5px;position:relative}.sb-article .sb-title .sb-icon-close{position:absolute;right:0;top:0px;font-size:12px;transition:all 0.4s;cursor:pointer}.sb-article .sb-title .sb-icon-close:hover{color:#ca3434}.sb-article .sb-content{font-size:13px;line-height:25px;color:#24272a;letter-spacing:0.3px;white-space:break-spaces}.sb-article .sb-content>img,.sb-article .sb-content .sb-image{max-width:100%;margin:15px 0;display:block;border-radius:3px}.sb-article .sb-content h1,.sb-article .sb-content h2,.sb-article .sb-content h3,.sb-article .sb-content h4,.sb-article .sb-content h5,.sb-article .sb-content h6{letter-spacing:.3px;margin:0;transition:all 0.4s;color:#24272a;font-size:18px;line-height:25px;margin:15px 0}.sb-article .sb-content h3{font-size:16px;line-height:21px}.sb-article .sb-content h4,.sb-article .sb-content h5,.sb-article .sb-content h6{font-size:14px;line-height:18px;font-weight:500}.sb-article .sb-content p{font-weight:400;font-size:13px;line-height:25px;overflow:hidden;text-overflow:ellipsis;color:#566069;margin:5px 0;letter-spacing:.3px}.sb-article .sb-content p:empty{display:none}.sb-article .sb-content b{font-weight:500}.sb-article .sb-content code{background:#f5f7fa;border:1px solid #d4d4d4;display:block;border-radius:4px;padding:10px;white-space:pre;overflow-x:scroll}.sb-article .sb-content .sb-info-box{border-width:1px;border-style:solid;border-radius:4px;padding:10px 15px;margin:30px 0}.sb-article .sb-content .ce-yellow{background:#fff6d3;border-color:#f7edc4;color:#38362a}.sb-article .sb-content .ce-green{background:#eaf9e1;border-color:#d0eed0;color:#2c3a2c}.sb-article .sb-content .ce-red{background:#ffe9de;border-color:#f0ddd4;color:#470e00}.sb-article .sb-content .ce-gray{background:#f2f2f2;border-color:#ececec;color:#313131}.sb-article .sb-content .ce-blue{background:#ebf3fa;border-color:#e0ebf5;color:#053463}.sb-article .sb-content .ce-black{background:#404040;border-color:#404040;color:#e9e9e9}.sb-article .sb-content .sb-divider{background:#d4d4d4;border:none;margin:30px 0;height:1px}.sb-article .sb-content>*:first-child{margin-top:0}.sb-article .sb-btn-text{margin-top:25px;text-decoration:none}.sb-article ul{padding-left:15px}.sb-article ul li{list-style:disc}.sb-article ul.sb-ul-ordered,.sb-article ul.sb-ul-unordered{padding-left:35px}.sb-article ul.sb-ul-ordered li{list-style:decimal}.sb-article ul.sb-ul-unordered li{list-style:disc}.sb-article a,.sb-article ul a{color:#24272a;text-decoration:underline}.sb-article .sb-rating,.sb-article .sb-btn-text+.sb-article-category-links,.sb-article .sb-read-more-cnt,.sb-article .sb-rating-ext,.sb-article .sb-button-cnt{display:flex;padding-top:30px;margin-top:30px;margin-bottom:0;height:20px;border-top:1px solid #d4d4d4}.sb-article .sb-read-more-cnt,.sb-article .sb-button-cnt{display:block;text-align:center;height:auto;line-height:16px}.sb-article .sb-button-cnt span,.sb-article .sb-button-cnt a{font-weight:500;font-size:13px !important;letter-spacing:.3px}.sb-article .sb-button-cnt a{margin:0 0 0 15px;text-decoration:underline}.sb-article .sb-rating{color:#24272a}.sb-article[data-user-rating="1"] [data-rating="positive"]{color:#1a9260;cursor:default}.sb-article[data-user-rating="1"] [data-rating="negative"]{display:none}.sb-article[data-user-rating="-1"] [data-rating="positive"]{display:none}.sb-article[data-user-rating="-1"] [data-rating="negative"]{color:#ca3434;cursor:default}.ce-block b{font-weight:500}.sb-chat .sb-article>.sb-title:first-child{border-bottom:1px solid #d4d4d4;padding-bottom:30px;margin-bottom:30px}.sb-chat .sb-article h2{font-size:17px}.sb-chat .sb-article h3,.sb-chat .sb-article h4,.sb-chat .sb-article h5,.sb-chat .sb-article h6{font-size:15px}.sb-chat .sb-list [data-id="typing"]{padding:0;width:40px;height:30px}.sb-chat .sb-list [data-id="typing"] .sb-message{text-indent:-9999px}.sb-chat .sb-list [data-id="typing"] .sb-message:after{left:10px !important;bottom:8px !important;font-size:18px;text-indent:0}.sb-chat .sb-list [data-id="typing"] .sb-time{display:none}.sb-panel-articles{animation:sb-fade-animation .5s}.sb-panel-articles .sb-title .sb-icon-close{display:none}.sb-article-category-links{display:flex;flex-wrap:nowrap;overflow:hidden;margin:15px 0 15px 0;height:auto !important}.sb-article-category-links>span{position:relative;display:block;font-weight:500;font-size:13px;margin-right:20px;letter-spacing:.3px;transition:all 0.4s}.sb-article-category-links>span+span:before{content:"";position:absolute;left:-10px;top:50%;margin-top:-6px;height:12px;width:1px;background:#028be5}.sb-raw-html>img{max-width:100%}@keyframes sb-loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.sb-loading{position:relative;text-indent:-999995px;overflow:hidden}.sb-loading i{display:none}.sb-loading div,.sb-loading ul,.sb-loading h1,.sb-loading h2,.sb-loading h3,.sb-loading h4,.sb-loading p,.sb-loading span,.sb-loading table,.sb-loading a,.sb-loading hr{opacity:0}.sb-loading:before,.sb-loader:before{content:"\76";font-family:"Support Board Icons";font-style:normal;font-weight:normal;text-transform:none;text-indent:0;animation:sb-loading 0.6s linear infinite;display:block;width:30px;height:30px;line-height:29px;font-size:21px;text-align:center;position:absolute;left:50%;top:50%;margin-top:-15px;margin-left:-15px;z-index:1;color:#028be5}.sb-btn.sb-loading:hover:before{color:#fff}.sb-btn,a.sb-btn{font-size:13px;letter-spacing:0.3px;font-weight:500;min-width:0;background-color:#fff;text-decoration:none;color:#566069;box-shadow:rgba(16,22,26,0.17) 0 1px 1px 0,#d7dee4 0 0 0 1px,transparent 0 0 0 0,transparent 0 0 0 0;padding:0 10px;position:relative;display:inline-block;text-align:center;cursor:pointer;outline:none;transition:all 0.4s;user-select:none;white-space:nowrap;border-radius:4px;height:33px;line-height:33px;border:none}.sb-btn.sb-icon,a.sb-btn.sb-icon{display:inline-flex;align-items:center;justify-content:center}.sb-btn.sb-icon>i,a.sb-btn.sb-icon>i{line-height:13px;font-size:13px}.sb-btn.sb-icon>i:before,a.sb-btn.sb-icon>i:before{line-height:33px}.sb-btn.sb-icon>i .sb-icon-next,a.sb-btn.sb-icon>i .sb-icon-next{font-size:13px;left:6px}.sb-btn.sb-icon:not(.sb-icon-only)>i,a.sb-btn.sb-icon:not(.sb-icon-only)>i{margin-right:10px}.sb-btn:hover,.sb-btn:active,a.sb-btn:hover,a.sb-btn:active{background-color:#028be5;border-color:#028be5;color:#fff}.sb-btn:not(.sb-loading):hover,.sb-btn:not(.sb-loading):active,a.sb-btn:not(.sb-loading):hover,a.sb-btn:not(.sb-loading):active{box-shadow:rgba(16,17,26,0.17) 0 1px 1px 0,transparent 0 0 0 0,transparent 0 0 0 0,transparent 0 0 0 0}.sb-btn:before,a.sb-btn:before{color:#028be5}.sb-btn:not(.sb-hide)+a,.sb-btn:not(.sb-hide)+a.sb-hide+a,a.sb-btn:not(.sb-hide)+a,a.sb-btn:not(.sb-hide)+a.sb-hide+a{margin-left:15px}.sb-btn.sb-rich-btn,a.sb-btn.sb-rich-btn{line-height:35px !important}.sb-btn.sb-icon-check:not(.sb-loading):before,a.sb-btn.sb-icon-check:not(.sb-loading):before{margin-right:15px;transform:translateY(2px);display:inline-block}.sb-btn.sb-loading,a.sb-btn.sb-loading{width:15px;background:#fff;color:#028be5;cursor:default}.sb-btn.sb-loading:before,.sb-btn.sb-loading:hover:before,a.sb-btn.sb-loading:before,a.sb-btn.sb-loading:hover:before{color:#26435c}.sb-btn.sb-btn-black{background-color:#24272a;color:#FFF}.sb-btn.sb-btn-black:hover{background-color:#566069}.sb-btn.sb-btn-red{background-color:#ca3434;box-shadow:rgba(2,2,2,0.14) 0 1px 1px 0,#e0d6d6 0 0 0 1px,transparent 0 0 0 0,transparent 0 0 0 0;color:#fff}.sb-btn.sb-btn-red:hover{background-color:#24272a}.sb-btn-icon{position:relative;cursor:pointer;width:33px;height:33px;border:1px solid rgba(255,255,255,0);opacity:0.8;border-radius:5px;display:inline-block;text-align:center;transition:all 0.4s;text-decoration:none !important;overflow:hidden;color:#24272a}.sb-btn-icon i{line-height:40px;font-size:18px;width:33px}.sb-btn-icon i:before{font-size:18px;line-height:35px}.sb-btn-icon i.sb-icon-file:before{font-size:19px;display:block;transform:translateY(1px)}.sb-btn-icon i.sb-icon-social-wa:before{font-size:17px}.sb-btn-icon:before{font-size:23px;line-height:35px}.sb-btn-icon:hover{opacity:1;border-color:#028be5;color:#028be5;background-color:rgba(39,156,255,0.08)}.sb-btn-icon.sb-btn-red:hover{border-color:#ca3434;color:#ca3434;background-color:rgba(202,52,52,0.1)}.sb-btn-icon.sb-btn-red:hover i{color:#ca3434 !important}.sb-btn-icon.sb-loading{background:none !important;border:none !important;cursor:default !important;transition:none !important}.sb-btn-icon.sb-loading:before{line-height:30px}.sb-btn-text{color:#566069;font-weight:500;font-size:13px;line-height:17px;position:relative;background:none !important;cursor:pointer;display:inline-block;vertical-align:top;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all 0.4s}.sb-btn-text i{margin-right:15px;margin-left:1px;transform:translateY(2px);display:inline-block}.sb-btn-text:hover{color:#028be5}.sb-btn-text.sb-btn-red:hover{color:#ca3434}.sb-input{display:flex;justify-content:space-between;align-items:center}.sb-input>span{display:inline-block;width:150px;min-width:150px;flex-grow:1;font-weight:500;font-size:13.5px;letter-spacing:0.3px;color:#566069}.sb-input>input,.sb-input>select,.sb-input>textarea{position:static;color:#24272a;font-size:13px;line-height:35px;font-weight:400;border:1px solid #d4d4d4;outline:none;height:42px;min-height:42px;padding:0 10px;transition:all 0.4s;width:100%;margin:0 !important;box-sizing:border-box;box-shadow:none}.sb-input>input:focus,.sb-input>input.sb-focus,.sb-input>select:focus,.sb-input>select.sb-focus,.sb-input>textarea:focus,.sb-input>textarea.sb-focus{border:1px solid #028be5;box-shadow:0 0 5px rgba(39,156,255,0.2);background:#fff;color:#24272a;outline:none !important}.sb-input>input.sb-error,.sb-input>select.sb-error,.sb-input>textarea.sb-error{border:1px solid #ca3434;box-shadow:0 0 5px rgba(202,52,52,0.25)}.sb-input>select{min-height:37px}.sb-input>textarea{line-height:20px;min-height:75px;padding:8px 10px}.sb-input>input[type=date]::-webkit-clear-button{-webkit-appearance:none;display:none}.sb-input>input[type="checkbox"]{background:#fff;clear:none;cursor:pointer;display:inline-block;line-height:0;height:35px;min-height:35px;outline:0;padding:0;margin:0;text-align:center;vertical-align:middle;width:35px;min-width:35px !important;outline:none;box-shadow:none;-webkit-appearance:none}.sb-input>input[type="checkbox"]:checked:before{content:"\77" !important;font-family:"Support Board Icons" !important;font-style:normal !important;font-weight:normal !important;font-variant:normal !important;text-transform:none !important;line-height:35px;font-size:15px;color:#028be5;margin:0;width:100%;height:100%}.sb-input>div{padding-right:30px;max-width:800px}.sb-input>div span{font-weight:500;font-size:15px;line-height:25px;display:block}.sb-input>div p{font-size:13px;line-height:22px;letter-spacing:0.3px;margin:5px 0 0 0;color:#566069}.sb-input>input[type="date"]::-webkit-inner-spin-button{-webkit-appearance:none;display:none}.sb-input+.sb-input{margin-top:10px}.sb-input.sb-input-btn input:first-child,.sb-input.sb-input-btn>span+input{line-height:40px;border-top-right-radius:0;border-bottom-right-radius:0}.sb-input.sb-input-btn>div{background-color:#028be5;color:#fff;height:42px;line-height:47px;margin-left:-3px;text-align:center;padding:0;width:50px;cursor:pointer;z-index:1;transition:all 0.4s}.sb-input.sb-input-btn>div:hover{background-color:#004c7d}.sb-input.sb-input-btn>div.sb-loading:before{color:#fff}.sb-input.sb-input-btn>div:not(.sb-loading):before{line-height:42px}.sb-input.sb-loading select{color:#f8f8f9}.sb-input-image .image{border-radius:4px;border:1px solid #d4d4d4;width:100%;height:100px;padding:0;position:relative;cursor:pointer;background-color:#f8f8f9;background-size:cover;background-position:center;background-repeat:no-repeat;transition:border-color 0.4s, background-color 0.4s, box-shadow 0.4s}.sb-input-image .image:before{content:"\70";font-family:"Support Board Icons" !important;position:absolute;left:50%;top:50%;font-size:9px;color:#566069;width:30px;height:30px;line-height:30px;margin:-15px 0 0 -15px;text-align:center;transform:rotate(45deg)}.sb-input-image .image:hover{border:1px solid #028be5;box-shadow:0 0 5px rgba(39,156,255,0.2);background-color:#fff}.sb-input-image .image:hover:before{color:#028be5}.sb-input-image .image>.sb-icon-close{position:absolute;z-index:9;right:10px;top:10px;height:21px;width:21px;font-size:7px;text-align:center;line-height:23px;cursor:pointer;background:#566069;color:#fff;border-radius:50%;display:none}.sb-input-image .image[data-value]:before{display:none}.sb-input-image .image[data-value]>.sb-icon-close{display:block}.sb-input-image .image[data-value]>.sb-icon-close:hover{background-color:#ca3434}.sb-input-image.sb-profile-image{justify-content:flex-start}.sb-input-image.sb-profile-image span{flex-grow:0}.sb-input-image.sb-profile-image .image{width:65px;height:65px;padding:0}.sb-input-image.sb-profile-image .image .sb-icon-close{right:-5px;top:-5px}.sb-input-image.sb-profile-image .image .sb-icon-close:before{line-height:21px}.sb-input-select-input>div{position:absolute;background:none;left:6px;top:13px;opacity:0;padding:0;color:#24272a;font-size:13px;line-height:22px;padding-left:5px;font-weight:400}.sb-input-select-input select{background:none !important;border:none !important;max-width:50px;margin:0 !important;transform:none !important;height:auto !important;padding:0 !important;box-shadow:none !important;visibility:visible !important}.sb-input-select-input input{padding:5px 0 0 60px}.sb-input-select-input input[disabled]{padding:0 5px !important;border:none;background:none;box-shadow:none;width:35px}.sb-input-select-input [type="number"]::-webkit-outer-spin-button,.sb-input-select-input [type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:textfield}.sb-input-select-input .sb-active+div{opacity:1}.sb-select-phone{z-index:9}.sb-select-phone li{display:flex;align-items:center;white-space:nowrap}.sb-select-phone img{border-radius:2px;height:15px;width:23px;margin:0 10px 0 0}.sb-select-phone>div>p{display:flex;align-items:center;white-space:nowrap}.sb-select-phone .sb-select{top:-8px;z-index:8}.sb-select-phone.sb-single-prefix+input{padding-left:50px}.sb-input-select-input>div.sb-select-phone+input{padding:5px 0 0 100px}.sb-input-select-input>div.sb-select-phone .sb-select-search input{padding:0 10px}.sb-input-select-input>div.sb-select-phone ul{width:110px;max-height:150px;min-height:0 !important;background:#fff !important;margin-left:-10px}.sb-select-search{position:absolute;border-radius:4px;display:none;z-index:9}.sb-select-search input{padding:0 10px;min-height:28px;height:28px;border:none;margin:0 -10px !important;width:85px;display:block;background:#fff;color:#24272a;font-size:13px;border-top-left-radius:4px;border-top-right-radius:4px}.sb-select-search+.sb-scroll-area{padding-top:28px !important}.sb-select-search.sb-active{display:block}.sb-lightbox-media{position:static;box-shadow:none !important;background:none !important;animation:none}.sb-lightbox-media>div>img{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);max-height:calc(100% - 30px);max-width:calc(100% - 30px);width:auto;box-shadow:0 4px 14px 0 rgba(0,0,0,0.2),0 0 0 1px rgba(0,0,0,0.05);animation:sb-fade-animation 0.5s;z-index:9999999995}.sb-lightbox-media i{position:fixed;color:#fff;width:30px;height:30px;display:block;top:10px;right:10px;text-align:center;line-height:35px;font-size:16px;cursor:pointer;transition:all 0.4s;z-index:9999999995}.sb-lightbox-media i:hover{color:#ca3434}.sb-lightbox-media:not(.sb-active){display:none}.sb-lightbox-media.sb-active+.sb-lightbox-overlay{display:block}.sb-lightbox-overlay{position:fixed;width:100%;height:100%;top:0;right:0;left:0;bottom:0;z-index:9999995;background-color:rgba(0,0,0,0.6);display:none;animation:sb-fade-animation 0.3s}.sb-overlay-panel{position:absolute;height:0;background:#fff;left:0;right:0;bottom:0;border-top-right-radius:19px;border-top-left-radius:19px;box-shadow:0px -3px 6px 0px rgba(0,0,0,0.15);overflow:hidden;transition:height .5s}.sb-overlay-panel>div:first-child{display:none;justify-content:center;font-size:14px;font-weight:500;letter-spacing:.3px;padding:15px 25px;height:35px}.sb-overlay-panel>div:first-child .sb-btn-icon{margin-right:-10px}.sb-overlay-panel>div:first-child .sb-btn-icon:before{font-size:12px}.sb-overlay-panel>div:last-child{height:calc(100% - 45px)}.sb-overlay-panel iframe{opacity:0}.sb-overlay-panel .sb-scroll-area{height:100%}.sb-overlay-panel.sb-active{height:100%;z-index:11}.sb-overlay-panel.sb-active>div:first-child{display:flex;justify-content:space-between;align-items:center}.sb-overlay-panel.sb-active iframe{opacity:1;transition:opacity .5s;transition-delay:.5s}.sb-overlay-panel.sb-active[data-id="rating"]{height:auto;padding-bottom:25px}.sb-image{max-width:250px}.sb-image>img{max-width:100%;border-radius:3px;display:block;cursor:pointer;transition:all 0.4s}.sb-image>img:hover{opacity:0.8}.sb-image.sb-image-png{background:none}.sb-image.sb-image-sticker{background:none;max-width:150px !important}.sb-upload-form-admin{visibility:hidden;position:absolute;height:0;width:0;top:0;left:0}.sb-search-btn,.sb-filter-btn{position:relative;width:48px;height:40px}.sb-search-btn>i,.sb-filter-btn>i{position:absolute;width:20px;height:20px;font-size:19px;line-height:14px;top:10px;right:0;cursor:pointer;transition:color 0.4s;z-index:3}.sb-search-btn i:hover,.sb-search-btn.sb-active i,.sb-filter-btn i:hover,.sb-filter-btn.sb-active i{color:#028be5}.sb-search-btn>input{position:absolute !important;right:0;height:auto;font-size:15px;line-height:39px;min-width:294px;padding:0 50px 0 15px !important;display:none;background-color:#fff !important;border-radius:6px;border:1px solid #028be5;box-shadow:0 0 5px rgba(39,156,255,0.2);z-index:2}.sb-search-btn.sb-active input{display:block}.sb-search-btn.sb-active i{right:15px}.sb-popup{width:340px;height:360px;position:fixed;transform:translateX(-50%);bottom:0;left:0;display:none}.sb-popup:before{content:"";background:url(../media/triangle.svg) no-repeat center center;background-size:contain;position:absolute;width:20px;height:15px;bottom:-11px;left:50%;transform:translateX(-50%);margin-left:1px;z-index:0}.sb-popup:after{content:"";position:absolute;height:10px;bottom:0;left:10px;right:10px;background-color:#fff;z-index:1}.sb-popup.sb-active{display:block}.sb-popup .sb-header{display:flex;justify-content:space-between;padding:10px 25px 15px 25px;line-height:35px;height:35px}.sb-popup .sb-header .sb-search-btn>input{min-width:225px}.sb-popup .sb-header .sb-title{font-weight:500}.sb-popup .sb-header .sb-search-btn{height:40px}.sb-popup .sb-header .sb-search-btn>i{top:7px}.sb-popup .sb-header .sb-search-btn.sb-active{margin-top:-5px}.sb-popup .sb-header .sb-search-btn.sb-active>i{top:11px}.sb-popup-active .sb-tooltip{visibility:hidden}.sb-popup.sb-emoji{bottom:80px;left:28px;height:285px}.sb-popup.sb-emoji .sb-emoji-list{height:calc(100% - 80px);padding-right:10px;margin:0 0 15px 23px}.sb-popup.sb-emoji .sb-emoji-list>ul{list-style:none;padding:0;margin:0 15px 0 0;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-gap:8px}.sb-popup.sb-emoji .sb-emoji-list>ul>li{overflow:hidden;min-width:0;text-align:center;cursor:pointer;font-size:23px;line-height:28px;margin:0;padding:0;transition:all 0.2s}.sb-popup.sb-emoji .sb-emoji-list>ul>li:hover{transform:scale(1.2)}.sb-popup.sb-emoji .sb-emoji-list>ul>li.sb-emoji-title{grid-column:1 / 9;text-align:left}.sb-popup.sb-emoji .sb-emoji-bar{position:absolute;top:65px;bottom:15px;right:0;display:flex;flex-direction:column;justify-content:space-between;border-radius:5px;overflow:hidden}.sb-popup.sb-emoji .sb-emoji-bar>div{width:4px;height:100%;background:#ececec;margin:0;cursor:pointer}.sb-popup.sb-emoji .sb-emoji-bar>div.sb-active,.sb-popup.sb-emoji .sb-emoji-bar>div:hover{background:#028be5;border-radius:5px}.sb-popup.sb-emoji img+img{display:none !important}.sb-select{position:relative;color:#24272a;font-size:14px;height:35px;line-height:35px;display:inline-block}.sb-select p{position:relative;padding:0 20px 0 0;margin:0 !important;cursor:pointer;font-weight:500;letter-spacing:.3px;font-size:13px !important;line-height:35px !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;user-select:none;transition:all 0.4s}.sb-select p span{font-weight:400;opacity:0.7}.sb-select p:after{content:"\61";font-family:"Support Board Icons";position:absolute;top:0;right:1px;font-size:9px;font-style:normal;font-weight:normal;line-height:35px}.sb-select p.sb-error{color:#ca3434}.sb-select ul{padding:10px 0 !important;display:none;overflow:hidden}.sb-select.sb-loading{overflow:visible}.sb-select:not(.sb-hide)+.sb-select{margin-left:15px}.sb-select:not(.sb-disabled) p:hover{color:#028be5}.sb-select.sb-disabled>p{cursor:default !important}.sb-select.sb-disabled>p:after,.sb-select.sb-disabled>ul{display:none !important}div ul.sb-menu,.sb-select ul{position:absolute;margin:0;z-index:5}div ul.sb-menu.sb-active,.sb-select ul.sb-active{display:block;margin-bottom:15px}div ul.sb-menu.sb-scroll-area,.sb-select ul.sb-scroll-area{height:auto;max-height:300px;overflow-y:scroll}div ul.sb-menu li,.sb-select ul li{cursor:pointer;padding:6px 25px 6px 12px;margin:0;font-weight:500;font-size:13px;letter-spacing:.3px;line-height:20px;white-space:nowrap;list-style:none;user-select:none;transition:all 0.1s}div ul.sb-menu li.sb-active,.sb-select ul li.sb-active{color:#028be5}div ul.sb-menu li:hover,.sb-select ul li:hover{background-color:#f5f7fa;color:#028be5}.sb-rich-message{letter-spacing:0.3px}.sb-rich-message .sb-top,.sb-rich-message .sb-title{font-weight:500;font-size:15px;line-height:25px;margin-bottom:10px}.sb-rich-message .sb-text{color:#566069;font-size:13px;line-height:21px}.sb-rich-message .sb-text+div{margin-top:20px}.sb-rich-message .sb-content:empty{display:none}.sb-rich-message img{max-width:100%}.sb-rich-message .sb-input{position:relative;box-sizing:content-box}.sb-rich-message .sb-input>span{position:absolute;top:0;left:0;bottom:0;border-radius:5px;font-size:13px;line-height:44px;font-weight:400;width:100%;cursor:text;padding:0 10px;box-sizing:border-box;z-index:8;transition:top 0.2s}.sb-rich-message .sb-input>span.sb-active{font-size:12px;line-height:10px;height:10px;top:-3px;left:5px;right:auto;background:linear-gradient(180deg, #f5f5f5 0%, #f5f5f5 40%, #fff 100%) !important;color:#028be5;width:auto;min-width:0;padding:0 5px}.sb-rich-message .sb-input>span.sb-filled{color:#8f8f8f}.sb-rich-message .sb-input>span+input,.sb-rich-message .sb-input>span+select{padding-top:5px}.sb-rich-message .sb-input>input,.sb-rich-message .sb-input select,.sb-rich-message .sb-input textarea{background:#fff}.sb-rich-message .sb-input[data-type=select] select{padding-left:6px}.sb-rich-message .sb-input[data-type=select]>span{cursor:default}.sb-rich-message .sb-input[data-type=select]>span:not(.sb-filled):not(.sb-active)+select{background:none;z-index:2}.sb-rich-message .sb-input iframe{max-width:100%;border-radius:4px}.sb-rich-message .sb-input-image{background:#fff;border:1px solid #d4d4d4;border-radius:4px}.sb-rich-message .sb-input-image>span,.sb-rich-message .sb-input-image>span.sb-active{position:relative;min-width:50px;top:0;left:0;font-size:13px;line-height:42px;background:none !important;height:auto;padding:0 10px;color:#566069;width:calc(100% - 20px)}.sb-rich-message .sb-input-image>.image{background-color:#fff;min-width:65px;border:1px solid #fff}.sb-rich-message .sb-input-btn>span{width:calc(100% - 42px)}.sb-rich-message .sb-info{margin:15px 0 0 0;font-size:13px;line-height:23px;letter-spacing:0.5px;font-weight:500;color:#ca3434}.sb-rich-message .sb-info:empty{display:none}.sb-rich-message .sb-buttons .sb-btn{margin-bottom:10px}.sb-rich-message .sb-buttons .sb-btn:last-child{margin-bottom:0}.sb-rich-message.sb-success .sb-top{display:none}.sb-rich-message .sb-link-area{font-size:12px;line-height:20px;color:gray;padding:15px 0}.sb-rich-message .sb-link-area a{color:gray;text-decoration:underline}.sb-rich-message .sb-form+.sb-buttons{margin-top:15px}.sb-rich-message .sb-card .sb-card-img,.sb-rich-message .sb-slider .sb-card-img{height:175px;background-size:cover;background-position:center center;margin:-12px -12px 20px -12px;display:block}.sb-rich-message .sb-card .sb-card-header,.sb-rich-message .sb-slider .sb-card-header{font-weight:500;font-size:15px;line-height:25px;color:#24272a}.sb-rich-message .sb-card .sb-card-extra,.sb-rich-message .sb-slider .sb-card-extra{display:inline-block;background:rgba(0,0,0,0.59);color:#fff;font-size:12px;line-height:13px;padding:5px 7px;border-radius:6px;margin-top:15px}.sb-rich-message .sb-card .sb-card-img+div+.sb-card-extra,.sb-rich-message .sb-slider .sb-card-img+div+.sb-card-extra{position:absolute;top:15px;left:15px;margin:0}.sb-rich-message .sb-card .sb-card-description,.sb-rich-message .sb-slider .sb-card-description{margin-top:15px}.sb-rich-message .sb-card .sb-card-btn,.sb-rich-message .sb-slider .sb-card-btn{color:#028be5;display:block;text-decoration:none;margin:20px -15px 0 -15px;padding:0 15px 7px 15px;font-weight:500;transition:all 0.4s;position:relative;background:none}.sb-rich-message .sb-card .sb-card-btn:hover,.sb-rich-message .sb-slider .sb-card-btn:hover{color:#004c7d;background:none !important}.sb-rich-message .sb-card .sb-card-btn.sb-loading:before,.sb-rich-message .sb-slider .sb-card-btn.sb-loading:before{margin-top:-9px}.sb-rich-message .sb-card .sb-card-btn[class*="sb-icon-"]:before,.sb-rich-message .sb-slider .sb-card-btn[class*="sb-icon-"]:before{top:19px;right:15px;position:absolute}.sb-rich-message .sb-slider{margin:-13px -12px 0 -12px;overflow:hidden}.sb-rich-message .sb-slider>div{display:flex}.sb-rich-message .sb-slider>div>div{position:relative;min-width:100%;transition:margin-left 1s}.sb-rich-message .sb-slider .sb-card-img{margin:0 0 20px 0;border-bottom-left-radius:0;border-bottom-right-radius:0}.sb-rich-message .sb-slider .sb-card-header,.sb-rich-message .sb-slider .sb-card-description{margin-left:15px;margin-right:15px}.sb-rich-message .sb-slider .sb-card-description{height:63px;overflow:hidden}.sb-rich-message .sb-slider .sb-card-description:empty{display:none}.sb-rich-message .sb-slider .sb-card-btn{margin:20px 0 -3px 0}.sb-rich-message .sb-slider-images{margin:-12px;cursor:pointer}.sb-rich-message .sb-slider-images .sb-card-img{margin:0;transition:all 0.4s}.sb-rich-message .sb-slider-images .sb-card-img:hover{opacity:0.8}.sb-rich-message[data-type="slider-images"] .sb-slider-arrow{top:calc(50% - 15px)}.sb-rich-message .sb-slider-arrow{position:absolute;top:160px;left:-10px;margin:0;background:#fff;width:30px;height:30px;border-radius:50%;text-align:center;line-height:35px;font-size:11px;box-shadow:rgba(16,22,26,0.17) 0 1px 1px 0,#d7dee4 0 0 0 1px,transparent 0 0 0 0,transparent 0 0 0 0;cursor:pointer;transition:all 0.4s;display:none}.sb-rich-message .sb-slider-arrow:hover{color:#028be5}.sb-rich-message .sb-slider-arrow.sb-active{display:block}.sb-rich-message .sb-slider-arrow:before{line-height:30px}.sb-rich-message .sb-slider-arrow.sb-icon-arrow-right{left:auto;right:-10px}.sb-rich-message .sb-btn{width:auto;display:block}.sb-rich-message[disabled] .sb-buttons .sb-btn{background:none;border:1px solid #d4d4d4;color:#24272a !important;font-weight:400;cursor:default}.sb-rich-message[disabled] .sb-input-text{border:1px solid #d4d4d4 !important;border-radius:4px}.sb-rich-message[disabled] .sb-input-text span{color:#24272a;position:static;height:auto;padding:0 10px;background:none !important;font-size:13px;line-height:44px}.sb-rich-message[disabled] .sb-input-text input{display:none}.sb-rich-message[disabled] .sb-select p{display:none}.sb-rich-message[disabled] .sb-select ul{display:block;box-shadow:none;padding:0 !important;margin:0;background:none;border:1px solid #d4d4d4 !important;border-radius:4px;position:static}.sb-rich-message[disabled] .sb-select li{font-weight:400;font-size:13px;line-height:25px;background:none !important;color:#24272a !important}.sb-rich-message[disabled].sb-rich-inputs .sb-submit{display:none}.sb-rich-message[disabled][data-type="chips"] .sb-content{display:none}.sb-rich-message.sb-rich-card{padding:0}.sb-rich-video iframe{height:130px}.sb-chat-large .sb-rich-video iframe{height:170px}.sb-rich-email #otp:not(.sb-active){display:none}.sb-list .sb-rich-registration .sb-buttons,.sb-list .sb-rich-login .sb-buttons{text-align:center}.sb-rich-success{display:block}.sb-rich-success+.sb-rich-success{padding-top:10px}.sb-rich-success>span+div{padding-top:12px}.sb-rich-loading{width:30px;height:30px}.sb-list .sb-rich-select p{height:35px;line-height:35px;min-width:100px;border-radius:4px;border:1px solid #cfcfcf;background:#fff;padding:0 25px 0 15px}.sb-list .sb-rich-select p:after{right:8px}.sb-list .sb-rich-select p:hover{border:1px solid #028be5;box-shadow:0 0 5px rgba(39,156,255,0.2)}.sb-list .sb-rich-select ul{margin-bottom:25px;min-width:140px}.sb-list .sb-rich-table{overflow:hidden}.sb-list .sb-rich-table .sb-content{overflow-x:scroll}.sb-timetable>div{margin-bottom:10px}.sb-timetable>div>div:first-child{font-weight:500}.sb-timetable>div>div[data-time]{display:block}.sb-timetable>div>div:last-child span{padding:0 5px}.sb-timetable>span{position:relative;padding-left:20px;white-space:nowrap;overflow:hidden;line-height:13px;font-size:11px;margin-top:20px;display:block}.sb-timetable>span i{position:absolute;left:0;top:0;font-size:12px;line-height:12px}[data-id="rating"] .sb-input-textarea{margin:0 25px 25px 25px}[data-id="rating"] .sb-text{color:#566069;font-size:13px;line-height:21px;letter-spacing:0.3px;padding:0 25px 25px 25px}.sb-rating{display:flex;align-items:center;justify-content:center}.sb-rating>span{font-weight:500;font-size:13px;letter-spacing:.3px}.sb-rating>div{display:flex;padding-left:10px}.sb-rating .sb-input-textarea{display:none}.sb-rating .sb-input-textarea+div{padding:0}.sb-rating i{position:relative;overflow:visible;margin:0 10px;font-size:15px;line-height:14px}.sb-rating i span{position:absolute;opacity:0;white-space:nowrap;font-style:normal;background:#24272a;color:#fff;font-size:13px;letter-spacing:.3px;padding:7px 10px;top:-40px;left:50%;border-radius:4px;transform:translate(-50%, -20px)}.sb-rating i:hover span{opacity:1;transform:translate(-50%, 0);transition:all .5s}.sb-rating i.sb-loading span{display:none}.sb-rating .sb-loading{width:20px;height:20px}.sb-rating [data-rating] i{margin-left:0}.sb-rating div.sb-submit+.sb-submit{margin-left:15px}.sb-rating [data-rating="positive"]{cursor:pointer}.sb-rating [data-rating="positive"] span{background-color:#1a9260}.sb-rating [data-rating="positive"]:hover{color:#1a9260}.sb-rating [data-rating="negative"]{cursor:pointer}.sb-rating [data-rating="negative"] span{background-color:#ca3434}.sb-rating [data-rating="negative"]:hover{color:#ca3434}.sb-rating-message>div:first-child{color:#ca3434;font-size:13px;letter-spacing:.3px;font-weight:500}.sb-rating-message>div:first-child i{font-size:15px;margin-right:10px;transform:translateY(3px);display:inline-block}.sb-rating-message>div:first-child+div{margin-top:10px}.sb-rating-message.sb-rating-positive>div:first-child{color:#1a9260}.sb-articles{text-align:left}.sb-articles>div{letter-spacing:.3px;cursor:pointer}.sb-articles>div>div{line-height:25px;max-height:50px;font-weight:500;font-size:13px;overflow:hidden;transition:all 0.4s}.sb-articles>div>span{font-weight:400;padding-top:5px;display:block;height:17px;font-size:13px;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:0.3px;color:#566069}.sb-articles>div>span:empty{display:none}.sb-articles>div:hover>div{color:#028be5}.sb-articles>div+div{margin-top:18px;padding-top:15px;border-top:1px solid #d5d5d5}.sb-articles>div+.sb-title{border-top:none}.sb-articles>div.sb-title{font-weight:500;font-size:17px;color:#028be5;cursor:default}.sb-articles>div.sb-title+div{border-top:none;padding-top:0}.sb-articles>p{font-size:14px;letter-spacing:0.3px;color:#566069}.sb-rich-articles .sb-articles{margin:25px 0}.sb-rich-cnt[data-type="chips"]{box-shadow:none !important;border:none !important;background:none !important;padding:0}.sb-rich-cnt[data-type="chips"] .sb-top{margin-bottom:6px}.sb-rich-cnt[data-type="chips"] .sb-text{background-color:#f5f5f5;padding:13px 15px}.sb-rich-cnt[data-type="chips"] .sb-content{margin-top:11px}.sb-rich-cnt[data-type="chips"] .sb-buttons{margin-bottom:-8px;display:flex;flex-wrap:wrap}.sb-rich-cnt[data-type="chips"] .sb-buttons .sb-btn{overflow:hidden;margin:0 10px 10px 0}.sb-rich-cnt[data-type="chips"] .sb-time{margin-top:5px !important}.sb-rich-cnt[data-type="video"] .sb-text{background:none;margin:10px 10px -10px 10px}.sb-rich-cnt[data-type="video"] iframe{display:block}.sb-rich-cnt[data-type="video"] .sb-time{margin-top:10px !important}.sb-rich-cnt[data-type="video"],.sb-rich-cnt[data-type="image"]{padding:0}.sb-list>div.sb-rich-cnt[data-type="video"],.sb-list>div.sb-rich-cnt[data-type="image"]{max-width:calc(90% - 92px)}.sb-rich-chips .sb-btn,.sb-rich-buttons .sb-btn{height:auto;line-height:19px;padding:8px 15px}.sb-social-buttons{margin:-5px}.sb-social-buttons div{top:0;position:relative;color:#FFF;font-size:12px;font-weight:400;line-height:30px;height:26px;width:60px;min-width:60px;margin:5px;text-align:center;display:inline-block;background:#000;border-radius:3px;cursor:pointer;transition:all 0.4s}.sb-social-buttons div:hover{opacity:.8;top:-4px}.sb-social-buttons .sb-icon-social-fb{background:#4267B2}.sb-social-buttons .sb-icon-social-tw{background:#55ACEE}.sb-social-buttons .sb-icon-social-li{background:#0077B5}.sb-social-buttons .sb-icon-social-pi{background:#CB2027}.sb-social-buttons .sb-icon-social-wa{background:#25D366}.sb-grid{display:grid !important;grid-template-columns:1fr 1fr;grid-gap:30px}.sb-grid>div{margin:0 !important;min-width:0}.sb-grid-3{grid-template-columns:1fr 1fr 1fr}@keyframes sb-fade-out{0%{opacity:1}90%{opacity:1}100%{opacity:0}}@keyframes sb-fade-in-out{0%{opacity:0}20%{opacity:1}80%{opacity:1}100%{opacity:0}}.sb-fade-out{opacity:0;animation:sb-fade-out .5s}body,html{margin:0;padding:0;min-height:100%;background:#f5f7fa}.sb-admin,.sb-admin input,.sb-admin textarea,.sb-admin select,.sb-title,.daterangepicker,.ct__content{font-family:"Support Board Font", "Helvetica Neue", "Apple Color Emoji", Helvetica, Arial, sans-serif;color:#24272a}.sb-admin,.sb-admin *{box-sizing:content-box}.sb-admin ul{padding:0;margin:0;list-style:none}.sb-admin .sb-select ul{margin-left:-10px}.sb-admin li{margin:0}.sb-title{font-size:15px;font-weight:500;letter-spacing:.3px}.sb-title.sb-title-search{position:relative}.sb-title.sb-title-search .sb-search-btn{position:absolute;right:0;top:-12px;width:30px}.cp-color-picker{z-index:9}.sb-tooltip>div,.sb-admin>.sb-header>.sb-admin-nav>div>a>span,.sb-admin>.sb-header>.sb-admin-nav-right .sb-account>div,.sb-lightbox,.sb-color-palette ul,.sb-flows-blocks-nav-box .sb-close{background:#fff;border-radius:6px;padding:10px 0;box-shadow:0 4px 14px 0 rgba(0,0,0,0.2),0 0 0 1px rgba(0,0,0,0.05);z-index:99995;list-style:none}hr{background:#e6e6e6;height:1px;border:none;margin:30px 0}.sb-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:20px}.sb-grid[data-columns="2"]{grid-template-columns:1fr 1fr}.sb-grid[data-columns="4"]{grid-template-columns:1fr 1fr 1fr 1fr}.sb-admin-nav-right [data-value="status"],td.sb-online,td.sb-offline{position:relative}.sb-admin-nav-right [data-value="status"]:before,td.sb-online:before,td.sb-offline:before{content:"";width:8px;height:8px;position:absolute;border-radius:50%;margin-top:-4px;top:50%;right:3px;background:#13ca7e}.sb-admin-nav-right [data-value="status"]:after,td.sb-online:after,td.sb-offline:after{content:"";width:14px;height:14px;position:absolute;border-radius:50%;margin-top:-7px;top:50%;right:0;background:rgba(19,202,126,0.2)}.sb-admin-nav-right [data-value="status"].sb-offline:after,td.sb-online.sb-offline:after,td.sb-offline.sb-offline:after{display:none !important}td.sb-offline:after{display:none !important}.sb-offline:before{background:#d6d6d6 !important}.sb-flex{display:flex;align-items:center;align-content:center}.sb-flex .sb-btn+.sb-btn,.sb-flex .sb-btn+.sb-btn-icon{margin-left:15px}.sb-menu-wide ul,.sb-tab>.sb-nav>ul{display:flex}.sb-menu-wide ul li,.sb-tab>.sb-nav>ul li{font-weight:500;color:#24272a;font-size:13.5px;line-height:38px;margin:0 30px 0 0;transition:all 0.4s;letter-spacing:0.5px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;user-select:none}.sb-menu-wide ul li span,.sb-tab>.sb-nav>ul li span{font-weight:400;opacity:0.7;font-size:12px;display:inline-block;letter-spacing:1px;transform:translateY(-2px)}.sb-menu-wide ul li.sb-active,.sb-menu-wide ul li:hover,.sb-tab>.sb-nav>ul li.sb-active,.sb-tab>.sb-nav>ul li:hover{color:#028be5}.sb-menu-wide ul li.sb-active,.sb-tab>.sb-nav>ul li.sb-active{border-bottom:2px solid #028be5;transition:none}.sb-menu-wide ul li.sb-tab-nav-title,.sb-tab>.sb-nav>ul li.sb-tab-nav-title{font-size:16px;font-weight:500;cursor:default;color:#24272a}.sb-menu-wide ul li+li.sb-tab-nav-title,.sb-tab>.sb-nav>ul li+li.sb-tab-nav-title{margin-top:10px;padding-top:10px;border-top:1px solid #e1e1e1}.sb-menu-wide>div{display:none}.sb-menu li ul{position:absolute;left:100%;margin-top:-36px;display:none}.sb-menu li ul li{color:#24272a}.sb-menu li:hover ul{display:block;animation:sb-fade-animation 0.4s}.sb-tab{display:flex}.sb-tab>div>div,.sb-tab>div .sb-nav>div{display:none}.sb-tab>div>div.sb-active,.sb-tab>div>div.sb-menu-wide,.sb-tab>div .sb-nav>div.sb-active,.sb-tab>div .sb-nav>div.sb-menu-wide{display:block}.sb-tab>div.sb-nav-only+div>div{display:block}.sb-tab>div.sb-nav-only+div>div.sb-tab{display:flex}.sb-tab>.sb-nav{min-width:200px;border-right:1px solid #d4d4d4;padding:15px 20px 20px 20px}.sb-tab>.sb-nav>ul{display:block;max-width:200px}.sb-tab>.sb-nav>ul li{margin-right:0}.sb-tab>.sb-nav>ul li.sb-active{border-bottom:none}.sb-tab>.sb-nav.sb-scroll-area{border-right:none}.sb-tab .sb-content{width:100%;padding:20px 15px 30px 30px}.sb-tab .sb-content>.sb-active{animation:sb-fade-animation 0.4s}.sb-tab .sb-content>div:last-child{margin-bottom:0}.sb-tab h2{font-size:15px;letter-spacing:.3px;line-height:27px;margin:2px 0 15px;font-weight:500;display:flex;justify-content:space-between;align-items:center}.sb-tab>.sb-nav>.sb-menu-wide{margin-bottom:15px}#sb-table-chatbot-files:empty,#sb-table-chatbot-files:empty+hr,#sb-table-chatbot-website:empty,#sb-table-chatbot-website:empty+hr{display:none}#sb-table-chatbot-website.sb-hide+hr{display:none}#sb-table-chatbot-files td:last-child i,#sb-table-chatbot-website td:last-child i,.sb-inner-tab .sb-nav>ul li i{width:30px;height:30px;line-height:35px;font-size:15px;text-align:center;color:#ca3434;position:absolute;display:none;cursor:pointer;right:-5px;top:4px}#sb-table-chatbot-files tr:hover td:last-child i,#sb-table-chatbot-website tr:hover td:last-child i,.sb-inner-tab .sb-nav>ul li:hover i{display:block;animation:sb-fade-animation 0.5s}#sb-table-chatbot-files td:last-child i.sb-loading,#sb-table-chatbot-website td:last-child i.sb-loading,.sb-inner-tab .sb-nav>ul li i.sb-loading{display:block}.sb-inner-tab .sb-nav>ul li{position:relative;padding-right:25px;font-weight:500;font-size:13px;color:#566069}.sb-inner-tab .sb-nav>ul li span{position:absolute;right:32px;top:2px;padding-left:10px;background:#fff;opacity:1}.sb-inner-tab .sb-nav>ul li i{background:#fff}.sb-inner-tab .sb-nav>ul>.sb-no-results{opacity:0.6;font-weight:400;font-size:13px;cursor:default;color:#24272a !important;cursor:default !important}.sb-inner-tab .sb-nav .sb-btn{display:inline-flex;margin-top:15px}.sb-menu-mobile>ul{display:flex}.sb-menu-mobile>ul li a{margin:0 3px}.sb-menu-mobile>ul li:empty{display:none}.sb-menu-mobile>ul .sb-loading:before{line-height:30px}.sb-menu-mobile>i,.sb-menu-mobile .sb-mobile{display:none}.sb-menu-mobile [data-value="panel"]:not(.sb-active){display:none}.sb-list-thumbs li{display:flex;cursor:pointer;transition:all 0.4s;padding:5px 15px}.sb-list-thumbs li>div.sb-image{background-size:cover;width:40px;min-width:40px;height:40px;margin-right:15px;background-position:center center;border:1px solid #d4d4d4}.sb-list-thumbs li>div{min-width:0}.sb-list-thumbs li>div span{display:block;font-weight:500;font-size:13px;line-height:20px;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;transition:all 0.4s}.sb-list-thumbs li>div span:last-child{color:#566069;font-weight:400}.sb-list-thumbs li:hover{background-color:#f5f7fa}.sb-list-thumbs li:hover span:first-child{color:#028be5}.sb-table{margin:0 0 20px 0;width:100%;max-width:100%;border-collapse:collapse;table-layout:fixed}.sb-table th{white-space:nowrap;padding:9px 15px;text-align:left;border-bottom:1px solid #d4d4d4;font-weight:500;color:#24272a}.sb-table td{white-space:nowrap;padding:9px 15px;text-align:left;border-bottom:1px solid #d4d4d4;transition:all 0.4s}.sb-table td a{position:relative;text-decoration:none;color:#24272a}.sb-table td .sb-profile span{font-size:13.5px;padding-top:2px}.sb-table td.sb-td-ut{text-transform:uppercase;font-size:13px}.sb-table td.sb-td-language{text-transform:uppercase}.sb-table tr:last-child td{border-bottom:none}.sb-table tr:hover td{cursor:pointer;background-color:#f5f7fa}.sb-table td,.sb-table th{color:#24272a;font-size:13px;letter-spacing:.3px}.sb-table td:first-child,.sb-table th:first-child{padding-left:0}.sb-table td:last-child,.sb-table th:last-child{padding-right:0}.sb-table input[type="checkbox"]{background:#fff;clear:none;cursor:pointer;display:inline-block;line-height:0;outline:0;padding:0;margin:8px 0;text-align:center;vertical-align:middle;width:20px;height:20px;border:1px solid #d4d4d4;border-radius:3px;outline:none;box-shadow:none;-webkit-appearance:none}.sb-table input[type="checkbox"]:checked,.sb-table input[type="checkbox"]:hover{border-color:#028be5}.sb-table input[type="checkbox"]:checked:before{content:"\77";font-family:"Support Board Icons" !important;font-style:normal !important;font-weight:normal !important;font-variant:normal !important;text-transform:none !important;line-height:22px;font-size:10px;margin:0;width:100%;height:100%;color:#028be5}.sb-table .sb-no-results{position:absolute;white-space:nowrap;margin:30px 15px}.sb-table tr+p{display:none}.sb-table.sb-loading{text-indent:unset;height:175px}.sb-table.sb-loading tbody:empty,.sb-table.sb-loading thead{display:none}.sb-profile{position:relative;color:#24272a;line-height:30px;padding-left:45px;text-decoration:none;display:flex;align-items:center}.sb-profile img{position:absolute;width:30px;height:30px;border-radius:50%;left:0;top:50%;transform:translateY(-50%)}.sb-profile>span{font-size:16px;font-weight:500;letter-spacing:0.3px}.sb-profile-list>ul>li>span,.sb-panel-details .sb-title{font-weight:400;padding-right:10px;font-size:13px;letter-spacing:.3px;color:#88969e;text-transform:capitalize;transition:all 0.4s}.sb-profile-list>ul>li>span span,.sb-panel-details .sb-title span{color:#24272a}.sb-profile-list>ul>li:hover>span,.sb-panel-details .sb-split>div:hover>.sb-title{color:#2a3a43}.sb-profile-list>ul>li,.sb-panel-details .sb-list-items>div,.sb-panel-details .sb-list-items>a{position:relative;font-size:13px;line-height:27px;letter-spacing:0.3px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sb-list-items:not(:empty)+.sb-btn{margin-top:15px}.sb-profile-list{padding:0}.sb-profile-list>ul{margin-top:15px}.sb-profile-list>ul>li{padding-left:30px}.sb-profile-list>ul>li .sb-icon,.sb-profile-list>ul>li>img{position:absolute;left:0;top:6px;font-size:14px;color:#004c7d}.sb-profile-list>ul>li .sb-icon:before,.sb-profile-list>ul>li>img:before{width:16px;height:16px;opacity:0.8;position:absolute}.sb-profile-list>ul>li>img{width:15px;height:15px}.sb-profile-list>ul>li>span{position:relative}.sb-profile-list>ul>li>span:empty{display:none}.sb-profile-list>ul>li label{font-weight:400;margin:0}.sb-profile-list [data-id="wp-id"]:hover,.sb-profile-list [data-id="wp-id"]:hover label,.sb-profile-list [data-id="conversation-source"]:hover,.sb-profile-list [data-id="conversation-source"]:hover label,.sb-profile-list [data-id="location"]:hover,.sb-profile-list [data-id="location"]:hover label,.sb-profile-list [data-id="timezone"]:hover,.sb-profile-list [data-id="timezone"]:hover label,.sb-profile-list [data-id="current_url"]:hover,.sb-profile-list [data-id="current_url"]:hover label,.sb-profile-list [data-id="envato-purchase-code"]:hover,.sb-profile-list [data-id="envato-purchase-code"]:hover label,.sb-profile-list [data-id="instagram-username"]:hover,.sb-profile-list [data-id="instagram-username"]:hover label{color:#028be5;cursor:pointer}.sb-profile-list [data-id="browser_language"] img,.sb-profile-list [data-id="language"] img,.sb-profile-list [data-id="country_code"] img{border-radius:50%}.sb-profile-list [data-id="language"] label{text-transform:uppercase}.sb-profile-list [data-id="rating"]{cursor:pointer}.sb-profile-list [data-id="rating"] .sb-icon-like{color:#1a9260}.sb-profile-list [data-id="rating"] .sb-icon-dislike{color:#ca3434}.sb-profile-list [data-id="rating"] label,.sb-profile-list [data-id="rating"] i,.sb-profile-list [data-id="rating"] span{cursor:pointer}.sb-profile-list>.sb-title{font-weight:500;font-size:13.5px;margin:15px -15px 15px -15px;padding:15px 15px 0 15px;letter-spacing:.5px;border-top:1px solid #d4d4d4}.sb-profile-list>.sb-title:first-child{border-top:none;padding-top:0;margin-top:0}.sb-panel-details{border-top:1px solid #d4d4d4;padding-bottom:15px;position:relative;overflow:hidden;font-size:13.5px;letter-spacing:.5px}.sb-panel-details h3{justify-content:space-between}.sb-panel-details h3 img{height:11px;margin-right:10px}.sb-panel-details h3 .sb-select{padding:0 !important}.sb-panel-details h3 .sb-select p{opacity:.7}.sb-panel-details h3 .sb-select p,.sb-panel-details h3 .sb-select li{font-weight:400}.sb-panel-details h3 .sb-select ul{right:-2px;left:auto}.sb-panel-details h3 .sb-select:hover p{opacity:1}.sb-panel-details>div{position:relative}.sb-panel-details>div>.sb-title{margin:15px 15px 0 15px}.sb-panel-details>div>.sb-title>i{position:absolute;right:12px;font-size:14px;line-height:20px;width:20px;height:20px;cursor:pointer;text-align:center}.sb-panel-details>div>.sb-title>i:hover{color:#028be5}.sb-panel-details>div>.sb-title+.sb-list-items{margin:5px 0 -3px 0}.sb-panel-details>div .sb-list-items:last-child>p{margin-bottom:5px}.sb-panel-details .sb-list-names{margin:-5px 0}.sb-panel-details .sb-list-names>div{padding:5px 15px;display:flex;justify-content:space-between;overflow:hidden}.sb-panel-details .sb-list-names>div>span{white-space:nowrap;font-size:13px;font-weight:500}.sb-panel-details .sb-list-names>div>span:last-child{opacity:.6;font-weight:400}.sb-panel-details .sb-list-names>div.sb-expired>span:last-child{opacity:1;color:#ca3434}.sb-panel-details .sb-list-links>a{padding:0 15px;cursor:pointer;display:block;text-decoration:none;color:#24272a;transition:all 0.4s;line-height:26px;position:relative}.sb-panel-details .sb-list-links>a>span span{display:inline-block}.sb-panel-details .sb-list-links>a>span:last-child{color:#7e8c98}.sb-panel-details .sb-list-links>a i{position:absolute;right:0;width:24px;height:20px;line-height:29px;text-align:left;font-size:10px;opacity:.5;z-index:2}.sb-panel-details .sb-list-links>a i.sb-icon-file{font-size:16px;line-height:23px}.sb-panel-details .sb-list-links>a i.sb-icon-file:hover{color:#028be5}.sb-panel-details .sb-list-links>a i:hover{opacity:1;color:#ca3434}.sb-panel-details .sb-list-links>a i.sb-loading{opacity:1;right:6px;top:4px}.sb-panel-details .sb-list-links>a i.sb-loading:before{width:25px;height:22px;line-height:23px;font-size:14px}.sb-panel-details .sb-list-links>a img{height:17px;transform:translateY(4px);margin-right:15px}.sb-panel-details .sb-list-links>a:hover{color:#028be5}.sb-panel-details .sb-list-links>p{font-size:13px;padding:0 0 0 15px;margin:0;opacity:.5}.sb-panel-details .sb-list-icon>a{padding-right:40px}.sb-panel-details .sb-accordion>div{position:relative;overflow:hidden}.sb-panel-details .sb-accordion>div>span{padding:0 15px;cursor:pointer;white-space:nowrap;display:block;overflow:hidden;text-overflow:ellipsis;transition:all 0.4s}.sb-panel-details .sb-accordion>div>span>span:first-child{opacity:.6}.sb-panel-details .sb-accordion>div>span>span+span{margin-left:15px}.sb-panel-details .sb-accordion>div>span>a{position:absolute;right:15px;line-height:30px;text-decoration:none;font-weight:normal;font-style:normal;color:#24272a;transition:all 0.4s}.sb-panel-details .sb-accordion>div>span>a:hover{color:#028be5}.sb-panel-details .sb-accordion>div>span:hover{color:#028be5}.sb-panel-details .sb-accordion>div>div{height:0;overflow:hidden}.sb-panel-details .sb-accordion>div>div>a{display:block;text-decoration:none;overflow:hidden;text-overflow:ellipsis;color:#24272a;transition:all 0.4s}.sb-panel-details .sb-accordion>div>div>a span:first-child{opacity:.6}.sb-panel-details .sb-accordion>div>div>a span:last-child{opacity:1}.sb-panel-details .sb-accordion>div>div>a:hover{color:#028be5}.sb-panel-details .sb-accordion>div.sb-active>div{padding:15px;height:auto}.sb-panel-details .sb-accordion>div .sb-multiline{line-height:20px;padding:5px 0}.sb-panel-details>i{position:absolute;right:12px;top:22px;font-size:13px;cursor:pointer;opacity:.7;transition:all 0.4s}.sb-panel-details>i:hover{opacity:1;color:#028be5}.sb-panel-details>i.sb-loading{position:static;height:60px;display:block;opacity:1}.sb-panel-details>i+.sb-list-names{padding-top:15px}.sb-panel-details>.sb-title{padding:15px 15px 0 15px;display:block}.sb-panel-details>.sb-title .sb-btn-text{margin-left:15px;float:right;text-transform:none}.sb-panel-details>.sb-title .sb-btn-text i{margin-right:5px}.sb-panel-details .sb-btn{background-color:#fff;color:#566069;border:1px solid #ccd2d5;box-shadow:0 1px 1px rgba(0,0,0,0.12);padding:0 10px;white-space:nowrap;border-radius:4px;height:33px;line-height:33px}.sb-panel-details .sb-btn:hover{color:#fff;border-color:#028be5;background-color:#028be5}.sb-panel-details .sb-btn.sb-loading{width:15px;background-color:#fff !important;border:1px solid #d4d4d4 !important}.sb-panel-details .sb-btn.sb-loading:before{color:#028be5;cursor:default}.sb-panel-details>.sb-btn:first-child{margin:15px 15px 0 15px}.sb-panel-details.sb-collapse>.sb-collapse-btn{margin-left:15px}.sb-panel-details:empty{display:none}.sb-panel-details .sb-split,.sb-lightbox .sb-split{margin:0 15px;display:flex;justify-content:space-between}.sb-panel-details .sb-split>div,.sb-lightbox .sb-split>div{width:50%}.sb-panel-details .sb-split>div+div,.sb-lightbox .sb-split>div+div{border-left:1px solid #d4d4d4;padding-left:15px}.sb-panel-details .sb-split>div span,.sb-lightbox .sb-split>div span{display:block;margin-top:5px;font-size:13px}.sb-panel-attachments{overflow:visible}.sb-panel-calendar .sb-list-links a span{padding:0 30px 0 15px;float:right}.sb-panel-calendar .sb-list-links:empty{margin-bottom:-15px}.sb-panel-calendar h3 img{height:17px;transform:translateY(3px)}.sb-calendar-box .daterangepicker{display:block !important;position:static !important;box-shadow:none !important;margin:0 !important;border:none !important;display:inline-block !important;width:auto !important}.sb-calendar-box .daterangepicker .drp-calendar.left .calendar-table{padding-right:0}.sb-calendar-box .sb-scroll-area{max-height:215px}.sb-calendar-box input,.sb-calendar-box .drp-buttons{display:none !important}.sb-calendar-box .drp-calendar{padding:0 !important;border:none !important}.sb-calendar-box .sb-main{text-align:center}.sb-calendar-box #sb-calendar-cnt{height:215px;max-width:245px}.sb-calendar-box #sb-slot-list{width:100%;margin-left:15px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:5px;grid-auto-rows:min-content;position:relative}.sb-calendar-box #sb-slot-list>div{line-height:31px;height:30px;font-size:12px;letter-spacing:.5px;border-radius:4px;border:1px solid #d4d4d4;transition:all 0.4s;cursor:pointer;text-align:center}.sb-calendar-box #sb-slot-list>div:hover,.sb-calendar-box #sb-slot-list>div.sb-active{border-color:#028be5;color:#028be5}.sb-calendar-box #sb-slot-list .sb-no-results{position:absolute;right:0;left:0;text-align:center}.sb-calendar-box .sb-split{margin:0}.sb-info-card{position:fixed;bottom:15px;left:50%;max-width:calc(100% - 80px);transform:translateX(-50%);border-radius:4px;padding:10px 30px;background:#1a9260;color:#fff;text-align:center;box-shadow:0 4px 14px 0 rgba(0,0,0,0.2),0 0 0 1px rgba(0,0,0,0.05);cursor:pointer;display:none;z-index:9999995}.sb-info-card.sb-active{display:block;animation:sb-fade-bottom-center .5s}.sb-info-card h3{margin:0;padding:0;font-weight:500;font-size:13px;line-height:25px;white-space:nowrap;letter-spacing:0.5px;color:#fff;overflow:hidden;text-overflow:ellipsis}.sb-info-card.sb-info-card-info h3{font-weight:400}.sb-info-card p{margin:5px 0 5px 0;padding:0;font-size:12px;line-height:20px;letter-spacing:0.3px}.sb-info-card p:empty{display:none}.sb-info-card a{color:#fff}.sb-info-card .sb-icon-link{text-decoration:none;font-size:13px;margin-left:5px;display:inline-block;transform:translateY(2px)}.sb-info-card span{text-decoration:underline}.sb-info-card span:hover{text-decoration:none}.sb-info-card.sb-info-card-error{background:#ca3434}.sb-info-card.sb-info-card-info{background:#566069}.sb-panel-notes>div>div{margin:0 15px;background:#ffeab0;padding:15px;border-radius:4px;word-wrap:break-word;overflow-wrap:break-word;overflow:hidden}.sb-panel-notes>div>div>span:first-child{display:block;font-weight:500;position:relative;margin-bottom:10px}.sb-panel-notes>div>div>span:first-child i{position:absolute;right:-5px;font-size:10px;cursor:pointer;opacity:0;z-index:9;text-align:center;width:20px;height:20px;line-height:23px;margin-top:-5px;transition:all .5s}.sb-panel-notes>div>div>span:first-child i:hover{color:#ca3434}.sb-panel-notes>div>div>span:first-child i.sb-edit-note{right:17px;font-size:16px;line-height:26px;background:#ffeab0}.sb-panel-notes>div>div>span:first-child i.sb-edit-note:hover{color:#028be5}.sb-panel-notes>div>div>span:first-child>span{font-weight:400;font-size:12px;float:right;opacity:.7;transition-delay:1s}.sb-panel-notes>div>div>span:first-child.sb-note-hide-info{margin-bottom:0}.sb-panel-notes>div>div>span:first-child.sb-note-hide-info+span{padding-right:35px}.sb-panel-notes>div>div>span:last-child{font-size:13px;line-height:21px;display:block;opacity:.9}.sb-panel-notes>div>div:hover>span i{opacity:1}.sb-panel-notes>div>div:hover>span>span{opacity:0;transition:none}.sb-panel-notes>div>div+div{margin-top:10px}.sb-panel-notes>div:empty{margin-bottom:-15px}.sb-note-text a{color:#24272a;text-decoration:underline}.sb-panel-tags>div:empty{margin-bottom:-15px}.sb-tags-box .sb-main{float:left;width:calc(100% - 40px)}.sb-tags-cnt,.sb-panel-tags>div{margin:-5px}.sb-tags-cnt>span,.sb-panel-tags>div>span{padding:5px 10px;margin:5px;letter-spacing:.3px;font-size:13px;line-height:15px;border-radius:4px;cursor:pointer;display:block;float:left;-webkit-user-select:none;user-select:none;transition:all 0.4s}.sb-tags-cnt>span{border:1px dashed transparent}.sb-tags-cnt>span:not(.sb-active):not(:hover){background:none;color:#24272a;border-color:#566069}.sb-tags-cnt [data-color=""].sb-active,.sb-tags-cnt [data-color=""]:hover{background-color:#028be5;color:#fff !important}.sb-panel-tags>div{margin:10px}.sb-panel-tags>div span{cursor:default;letter-spacing:0.3px;font-size:12px}.sb-panel-tags>div [data-color=""]{background-color:#028be5;color:#FFF}#sb-add-tag{margin:5px;height:25px;width:25px;display:block;float:left}#sb-add-tag:before{font-size:15px;line-height:25px}.sb-popup{bottom:80px}.sb-popup .sb-scroll-area{height:calc(100% - 65px)}.sb-popup .sb-scroll-area>p,.sb-popup .sb-scroll-area ul>p{padding:0 30px 15px 15px}.sb-popup .sb-scroll-area ul.sb-loading{height:100%;text-indent:unset}.sb-popup .sb-scroll-area ul.sb-loading:not(:empty){height:auto}.sb-popup .sb-scroll-area ul.sb-loading:not(:empty):before{top:auto;bottom:0}.sb-popup .sb-popup-close{position:fixed;right:-25px;top:-25px;cursor:pointer;display:none;transition:all 0.4s}.sb-popup .sb-popup-close:hover{color:#ca3434}.sb-popup .sb-setting input,.sb-popup .sb-setting select,.sb-popup .sb-setting textarea{min-width:0}.sb-popup.sb-popup-lightbox{left:50% !important;top:50%;transform:translateY(-50%) translateX(-50%)}.sb-popup.sb-popup-lightbox .sb-popup-close{display:block}.sb-popup.sb-popup-lightbox:after{display:none}.sb-popup.sb-replies .sb-replies-list{height:calc(100% - 117px)}
.sb-popup.sb-replies .sb-replies-footer{height:52px;display:flex;align-items:center;justify-content:center;border-top:1px solid rgb(212,212,212)}
.sb-popup.sb-replies .sb-replies-footer>a{cursor:pointer;font-size:13px;letter-spacing:.3px;color:rgb(86,96,105);transition:all 0.4s}
.sb-popup.sb-replies .sb-replies-footer>a:hover{color:#028be5}
.sb-popup.sb-replies .sb-header .sb-search-btn,.sb-popup.sb-replies .sb-header .sb-add-saved-reply{height:40px;width:40px}.sb-popup.sb-replies .sb-add-saved-reply i{font-size:15px;line-height:36px;display:block;cursor:pointer;text-align:center;transition:all 0.4s}.sb-popup.sb-replies .sb-add-saved-reply:hover i{color:#028be5}.sb-popup.sb-replies .sb-add-saved-reply:hover i.sb-icon-close{color:#ca3434}.sb-popup.sb-replies .sb-header>div+div{display:flex}.sb-popup.sb-replies .sb-replies-list ul li{display:block;white-space:nowrap;font-size:13px;height:55px;line-height:23px;padding-left:25px;padding-right:25px;border-top-right-radius:5px;border-bottom-right-radius:5px;overflow:hidden}.sb-popup.sb-replies .sb-replies-list ul li div{transition:all 0.4s}.sb-popup.sb-replies .sb-replies-list ul li div:first-child{font-weight:500;letter-spacing:.3px;position:relative;padding-left:5px}.sb-popup.sb-replies .sb-replies-list ul li div:first-child:before{content:"#";position:absolute;left:-10px;font-size:12px;line-height:24px;opacity:0.5}.sb-popup.sb-replies .sb-replies-list ul li div:first-child:empty{display:none}.sb-popup.sb-replies .sb-replies-list ul li div:last-child{text-overflow:ellipsis;overflow:hidden;padding-left:5px;letter-spacing:.3px;color:#566069}.sb-popup.sb-replies .sb-replies-list ul li[data-source="ai"]>div:first-child:before{content:none}.sb-popup.sb-replies .sb-replies-list ul li[data-source="ai"]>div:first-child .sb-reply-source{margin-left:0}.sb-popup.sb-replies .sb-replies-list ul li .sb-reply-source{display:inline-block;margin-left:8px;padding:0 5px;border-radius:3px;background:rgb(245,247,250);border:1px solid rgb(212,212,212);color:rgb(86,96,105);font-size:9px;line-height:15px;font-weight:400;letter-spacing:.3px;vertical-align:1px}.sb-popup.sb-replies .sb-replies-list ul li:not(.sb-no-results):hover,.sb-popup.sb-replies .sb-replies-list ul li.sb-active{cursor:pointer}.sb-popup.sb-replies .sb-replies-list ul li:not(.sb-no-results):hover>div,.sb-popup.sb-replies .sb-replies-list ul li.sb-active>div{color:#028be5;opacity:1}.sb-popup.sb-replies .sb-replies-list ul li.sb-active{background:rgba(39,156,255,0.08)}.sb-popup.sb-replies .sb-replies-list ul li.sb-no-results{height:auto;white-space:normal;cursor:default;text-align:center;padding-top:30px;padding-bottom:16px}.sb-popup.sb-replies .sb-replies-list ul li.sb-no-results>div:first-child:before{content:none}.sb-popup.sb-replies .sb-replies-list ul li.sb-no-results>span{display:block}.sb-popup.sb-replies .sb-replies-list ul li.sb-no-results .sb-replies-add-btn{display:inline-flex;margin-top:12px;cursor:pointer}.sb-replies-add-area{position:absolute;padding:15px 25px;background:#fff;z-index:1;left:0;right:0;bottom:0;top:60px;display:flex;flex-direction:column}.sb-replies-add-area>div{margin-bottom:10px}.sb-replies-add-area>.sb-type-textarea{flex:1 1 auto;min-height:80px;display:flex}.sb-replies-add-area>.sb-type-textarea textarea{flex:1 1 auto;resize:none}.sb-replies-add-area>.sb-replies-variables{flex:0 0 auto;font-size:11px;line-height:16px;color:rgb(86,96,105);opacity:.8}.sb-replies-add-area:not(.sb-active){display:none}/* * The dialog grew two rows (fields, detection) and a fixed lightbox height pushed them out * onto the page behind it. It now sizes to its content, up to 80% of the window, and scrolls * in its own body — the header with Save stays put. */.sb-saved-reply-box{width:560px;height:auto;max-height:80vh;display:flex;flex-direction:column}.sb-saved-reply-box>.sb-main{flex:0 1 auto;min-height:0;height:auto;max-height:calc(min(700px,85vh) - 150px);overflow-y:auto}.sb-saved-reply-box .sb-saved-reply-question-row.sb-hide{display:none}.sb-popup.sb-replies .sb-replies-list ul li.sb-replies-more{height:auto;padding:9px 25px;font-size:12px;color:#8c97a3;text-align:center;cursor:default}.sb-popup.sb-replies .sb-replies-list ul li.sb-replies-more:hover{background:none}.sb-saved-reply-box .sb-saved-reply-question-title{display:flex;align-items:center;justify-content:space-between;gap:12px}
/* The labels moved into the placeholders; what they used to cost goes to the text field,
   which is the only one here anybody writes more than a few words into. */
/* Shortcut and "Agents only" are one statement about how this text gets used. */
/* ---- translate button: the long-press language picker ---- */
.sb-translate-langs{position:fixed;z-index:99999;width:280px;max-height:340px;display:flex;flex-direction:column;
    background:#fff;border:1px solid #e3e6ec;border-radius:10px;box-shadow:0 8px 28px rgba(16,26,40,.16);overflow:hidden}
.sb-translate-langs-search{padding:10px 10px 8px;border-bottom:1px solid #eef1f5}
.sb-translate-langs-search input{width:100%;box-sizing:border-box;height:34px;border:1px solid #d4d4d4;
    border-radius:6px;padding:0 10px;font-size:13px;color:#24272a}
.sb-translate-langs ul{margin:0;padding:6px 0;list-style:none;overflow-y:auto}
.sb-translate-langs li{display:flex;align-items:center;justify-content:space-between;gap:10px;
    padding:7px 14px;font-size:13px;color:#24272a;cursor:pointer}
.sb-translate-langs li:hover{background:#e6f2fc;color:#028be5}
.sb-translate-langs li em{font-style:normal;font-size:11px;color:#8f98a3;white-space:nowrap}
.sb-saved-reply-shortcut-row{display:flex;align-items:center;gap:16px}
.sb-saved-reply-shortcut-row>input[type="text"]{flex:1 1 auto;min-width:0}
.sb-saved-reply-shortcut-row .sb-saved-reply-agent-label{flex:0 0 auto;white-space:nowrap;margin:0}
/* Three fields, three separate questions - they need air between them, not a stack. */
.sb-saved-reply-main>.sb-setting{margin-bottom:22px}
.sb-saved-reply-question-field{width:100%}
/* One line at rest, four while it is being written in. The height is animated rather than
   the rows attribute swapped, so the growth is a movement instead of a jump. */
/* Two classes deep on purpose: .sb-setting textarea sets min-height:86px with the same
   specificity as a one-class rule and comes later in this file, so it would win. */
.sb-saved-reply-box .sb-saved-reply-question{width:100%;box-sizing:border-box;height:42px;min-height:42px;
    resize:none;overflow:hidden;transition:height .22s cubic-bezier(.4,0,.2,1)}
.sb-saved-reply-box .sb-saved-reply-question.sb-grow{height:112px;min-height:112px;overflow:auto}
/* The note takes the field's place rather than collapsing the row when "Agents only" is on. */
.sb-saved-reply-question-field .sb-saved-reply-hint{margin:0;padding:11px 12px;min-height:42px;width:100%;
    box-sizing:border-box;border:1px dashed #d4d4d4;border-radius:6px;background:#fafbfc}
/* The label moved inside .sb-setting when the field titles went away, and .sb-setting label
   carries margin:0 30px 15px 0 - which the flex row then centres as part of the margin box,
   lifting the checkbox 8px above the input beside it. */
.sb-saved-reply-question-row .sb-saved-reply-agent-label{flex:0 0 auto;white-space:nowrap;margin:0}
.sb-saved-reply-box .sb-saved-reply-text{min-height:200px;resize:vertical}
@media (max-height:760px){.sb-saved-reply-box .sb-saved-reply-text{min-height:150px}}
@media (max-height:640px){.sb-saved-reply-box .sb-saved-reply-text{min-height:110px}}
.sb-saved-reply-box .sb-saved-reply-agent-label{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:400;letter-spacing:0;text-transform:none;color:#566069;cursor:pointer}.sb-saved-reply-box .sb-saved-reply-agent-label input{margin:0;cursor:pointer}.sb-saved-reply-box .sb-saved-reply-question-row.sb-disabled{opacity:.45;pointer-events:none}.sb-saved-reply-box textarea{min-height:140px}.sb-tooltip{position:absolute;top:0;left:0;z-index:9999995;font-family:"Support Board Font", "Helvetica Neue", "Apple Color Emoji", Helvetica, Arial, sans-serif;display:none}.sb-tooltip:before{content:"";background:url(../media/triangle.svg) no-repeat center center;background-size:contain;position:absolute;width:20px;height:15px;top:-11px;left:50%;transform:translateX(-50%) rotate(180deg);margin-left:1px}.sb-tooltip:after{content:"";position:absolute;height:10px;top:0;left:10px;right:10px;background-color:#fff;z-index:1}.sb-tooltip.n:before{top:auto;bottom:-11px;transform:translateX(-50%)}.sb-tooltip.n:after{top:auto;bottom:0}.sb-tooltip>div{font-size:13px;line-height:20px;padding:8px 12px;max-width:250px;text-align:center;letter-spacing:0.3px;white-space:nowrap;color:#566069}.sb-tooltip.sb-tooltip-large>div{white-space:normal;text-align:left}.sb-collapse>div:not([style=""]):after{content:"";background:linear-gradient(to bottom, rgba(255,255,255,0) 0%, #fff 100%);position:absolute;left:0;right:0;bottom:0;height:30px}.sb-collapse>div,.sb-collapse>ul{overflow:hidden;position:relative}.sb-collapse>.sb-collapse-btn{margin:15px 0 -5px 0;text-transform:uppercase;font-weight:500;font-size:11px;letter-spacing:.3px;padding-right:20px}.sb-collapse>.sb-collapse-btn:after{content:"\61";font-family:"Support Board Icons";position:absolute;right:1px;font-size:9px;font-style:normal;font-weight:normal;line-height:16px;text-transform:none}.sb-collapse>.sb-collapse-btn.sb-active:after{transform:rotate(180deg)}.sb-collapse .sb-btn+.sb-collapse-btn{transform:translateY(10px)}.sb-filter-btn i{z-index:0}.sb-filter-btn>div{display:none;position:absolute;right:0;left:0;top:0;background:#FFF;z-index:4;padding:15px;border-bottom-right-radius:10px;border-bottom-left-radius:10px}.sb-filter-btn .sb-select{display:block;margin:0 !important}.sb-filter-btn .sb-select ul{width:calc(100% + 20px);margin-top:0}.sb-filter-btn.sb-active{position:static}.sb-filter-btn.sb-active>div{display:block;border-bottom:1px solid #d4d4d4}.sb-filter-btn.sb-active:after{display:none}.sb-filter-btn[data-badge]:after{content:attr(data-badge);position:absolute;right:-17px;top:5px;background:#ca3434;color:#fff;font-size:10px;line-height:15px;height:15px;width:15px;text-align:center;border-radius:50%;font-weight:500}.sb-filter-btn[data-badge="0"]:after{display:none}#sb-close-filters-btn{text-align:center;padding-top:7px;cursor:pointer;display:none}#sb-close-filters-btn i{display:block;font-size:9px;color:#566069;transition:all 0.4s}#sb-close-filters-btn:hover i{color:#ca3434}.sb-area-conversations .sb-filter-btn .sb-filter-btn.sb-active i{display:none}.sb-area-conversations #sb-close-filters-btn{display:block}.sb-filter-star{cursor:pointer;font-size:20px;height:20px;transition:all 0.4s}.sb-filter-star:not(:hover):not(.sb-active){color:#24272a}.sb-admin>.sb-header{position:fixed;width:65px;top:0;left:0;bottom:0;z-index:9}.sb-admin>.sb-header>.sb-admin-nav>img{height:35px;margin:18px 15px}.sb-admin>.sb-header>.sb-admin-nav>div{padding:5px 0}.sb-admin>.sb-header>.sb-admin-nav>div>a{height:50px;display:block;cursor:pointer;position:relative;transition:all 0.4s;color:#24272a}.sb-admin>.sb-header>.sb-admin-nav>div>a:before{content:"";position:absolute;left:22px;font-size:20px;line-height:50px;opacity:0.6;background-size:contain;background-repeat:no-repeat;font-family:"Support Board Icons";font-style:normal !important;font-weight:normal !important;font-variant:normal !important;text-transform:none !important}.sb-admin>.sb-header>.sb-admin-nav>div>a:hover,.sb-admin>.sb-header>.sb-admin-nav>div>a.sb-active{color:#028be5}.sb-admin>.sb-header>.sb-admin-nav>div>a:hover span{transition-delay:1s;visibility:visible;opacity:1;left:65px}.sb-admin>.sb-header>.sb-admin-nav>div>a>span,.sb-admin>.sb-header>.sb-admin-nav-right .sb-account>div{margin:8px 0px;font-size:13px;line-height:20px;font-weight:500;padding:8px 12px;text-align:center;letter-spacing:0.5px;color:#282828;position:absolute;left:75px;z-index:9999995;opacity:0;visibility:hidden;transition:all 0.4s}.sb-admin>.sb-header>.sb-admin-nav>div>a>span:before,.sb-admin>.sb-header>.sb-admin-nav-right .sb-account>div:before{content:"";background:url(../media/triangle.svg) no-repeat center center;background-size:contain;position:absolute;width:20px;height:15px;top:10px;left:-13px;transform:rotate(90deg)}.sb-admin>.sb-header>.sb-admin-nav>div>a>span:after,.sb-admin>.sb-header>.sb-admin-nav-right .sb-account>div:after{content:"";position:absolute;width:10px;top:5px;bottom:5px;left:0px;background-color:#fff}.sb-admin>.sb-header>.sb-admin-nav-right{align-items:center;padding:15px 0;width:65px;bottom:0;left:0;position:fixed;text-align:center}.sb-admin>.sb-header>.sb-admin-nav-right>div a{font-size:13px;line-height:20px;cursor:pointer;text-decoration:none;display:block;transition:all 0.4s;color:#566069}.sb-admin>.sb-header>.sb-admin-nav-right>div a:hover{color:#028be5}.sb-admin>.sb-header>.sb-admin-nav-right>div a.sb-profile{padding-left:35px}.sb-admin>.sb-header>.sb-admin-nav-right>div a.sb-profile img{width:25px;height:25px}.sb-admin>.sb-header>.sb-admin-nav-right>div a>i{font-size:16px;opacity:0.8}.sb-admin>.sb-header>.sb-admin-nav-right>div a>i:hover{opacity:1}.sb-admin>.sb-header>.sb-admin-nav-right .sb-account{padding:10px 0 5px 0;cursor:pointer;text-align:center}.sb-admin>.sb-header>.sb-admin-nav-right .sb-account>img{width:35px;height:35px;border-radius:50%;display:block;margin:0 auto}.sb-admin>.sb-header>.sb-admin-nav-right .sb-account>div{position:absolute;bottom:30px;text-align:left;min-width:200px;padding:0;transition-delay:0.5s;transition-property:opacity, left, visibility}.sb-admin>.sb-header>.sb-admin-nav-right .sb-account>div:before{top:auto;bottom:23px}.sb-admin>.sb-header>.sb-admin-nav-right .sb-account .sb-profile{padding:20px 20px 20px 65px;border-bottom:1px solid #d7d7d7;background:#fff;text-decoration:none;border-top-left-radius:6px;border-top-right-radius:6px;transition:none;z-index:9}.sb-admin>.sb-header>.sb-admin-nav-right .sb-account .sb-profile img{left:20px}.sb-admin>.sb-header>.sb-admin-nav-right .sb-account .sb-profile span{white-space:nowrap}.sb-admin>.sb-header>.sb-admin-nav-right .sb-account:hover>div{visibility:visible;opacity:1;left:65px}.sb-admin>.sb-header>.sb-admin-nav-right .sb-account .sb-menu{position:relative;box-shadow:none;padding:20px;margin:0;z-index:9}.sb-admin>.sb-header>.sb-admin-nav-right .sb-account .sb-menu li{padding:6px 0;position:relative}.sb-admin>.sb-header>.sb-admin-nav-right .sb-account .sb-menu li.sb-active{color:#24272a}.sb-admin>.sb-header>.sb-admin-nav-right .sb-account .sb-menu li:hover,.sb-admin>.sb-header>.sb-admin-nav-right .sb-account .sb-menu li.sb-active:hover{background:none;color:#028be5}.sb-admin>.sb-header>.sb-admin-nav-right .sb-account .sb-menu a{text-decoration:none;color:#24272a}.sb-admin>.sb-header>.sb-admin-nav-right .sb-account .sb-menu a:hover{color:#028be5}.sb-admin>.sb-header>.sb-admin-nav-right>div>a+a,.sb-admin>.sb-header>.sb-admin-nav-right>div>div+a{margin-top:10px}.sb-admin #sb-conversations:before{content:"\64"}.sb-admin #sb-users:before{content:"\6e"}.sb-admin #sb-automations:before{content:"\e915"}.sb-admin #sb-reports:before{content:"\59"}.sb-admin #sb-mcp:before{content:"\e903"}.sb-admin #sb-calendar:before{content:"\62"}.sb-admin #sb-articles:before{content:"\e908"}.sb-admin #sb-chatbot:before{content:"\e90a"}#sb-settings.sb-active{color:#028be5}@media (min-width: 465px) and (max-height: 475px){.sb-admin>.sb-header>.sb-admin-nav>div>a{height:35px}.sb-admin>.sb-header>.sb-admin-nav>div>a:before{line-height:35px}}.sb-enlarger:not(.sb-active){cursor:pointer;position:relative}.sb-enlarger:not(.sb-active)>div{display:none !important}.sb-enlarger:not(.sb-active):before{content:"\4d";font-family:"Support Board Icons";position:absolute;left:1px;font-size:9px;font-style:normal;font-weight:normal;line-height:16px;text-transform:none}.sb-admin{height:100%;width:calc(100% - 65px);padding-left:65px;position:fixed;font-size:14px;line-height:17px;background:#f5f7fa;top:0;z-index:9}.sb-admin.sb-pwa{border-top:1px solid #d4d4d4}.sb-admin.sb-admin-start{width:auto;padding:30px;position:static}.sb-admin>main{padding:0;background:#f5f7fa;height:100%;overflow:hidden}.sb-admin>main>div:not(.sb-active){display:none}.sb-admin>main>div{height:100%}.sb-admin>main>div.sb-active{animation:sb-fade-animation 0.4s}.sb-admin>main>div:not(.sb-area-conversations){height:calc(100% - 16px);border-radius:10px;border:1px solid #d4d4d4;background:#fff;margin:7px 7px 7px 0;padding-bottom:1px}.sb-admin>main>div>.sb-top-bar{height:40px;margin:0;padding:15px 20px;align-items:center;display:flex;justify-content:space-between;border-bottom:1px solid #d4d4d4}.sb-admin>main>div>.sb-top-bar h2{margin:0;font-size:18px;line-height:35px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-admin>main>div>.sb-top-bar>div{display:flex;align-items:center}.sb-admin>main>div>.sb-top-bar>div h2{margin-right:60px}.sb-admin>main>div>.sb-top-bar>div h3+.sb-setting{margin-left:15px}.sb-admin>main>div>.sb-top-bar>div:first-child{overflow:hidden;padding-right:30px}.sb-admin>main>div>.sb-top-bar>div:first-child>ul li{flex-shrink:0}.sb-admin>main>div>.sb-top-bar>div:last-child .sb-search-btn{margin-right:30px}.sb-admin>main>div>.sb-top-bar>div:last-child .sb-btn+.sb-btn,.sb-admin>main>div>.sb-top-bar>div:last-child .sb-btn-icon+.sb-btn,.sb-admin>main>div>.sb-top-bar>div:last-child .sb-btn+.sb-btn-icon{margin-left:15px}.sb-admin>main>div>.sb-tab{height:calc(100% - 70px)}.sb-search-dropdown{min-width:391px;position:relative;text-align:right}.sb-search-dropdown .sb-search-btn{margin-left:auto}.sb-search-dropdown .sb-search-dropdown-items{position:absolute;right:30px;left:0;top:30px;padding:15px;background:#fff;border-radius:4px;border-top-right-radius:0;border-top-left-radius:0;border:1px solid #028be5;box-shadow:0 0 5px rgba(39,156,255,0.2);clip-path:inset(0px -10px -10px -10px);border-top:none;text-align:left;display:none;z-index:4}.sb-search-dropdown .sb-search-dropdown-items div{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:25px;cursor:pointer;font-size:13px;letter-spacing:0.3px;transition:all 0.4s}.sb-search-dropdown .sb-search-dropdown-items div:hover{color:#028be5}.sb-search-dropdown .sb-search-dropdown-items:empty{display:none !important}.sb-search-dropdown .sb-active+.sb-search-dropdown-items{display:block}.sb-board{display:flex;justify-content:space-between;height:100%}.sb-board>div>.sb-top{border-bottom:1px solid #d4d4d4;padding:15px 20px;height:70px;min-height:70px;box-sizing:border-box}.sb-board>div>.sb-top .sb-flex{justify-content:flex-end}.sb-board>div>.sb-top .sb-search-btn>input{min-width:300px}.sb-board>.sb-admin-list{max-width:400px;min-width:400px;border:1px solid #d4d4d4;position:relative;border-top-left-radius:10px;border-bottom-left-radius:10px;background:#fff;margin:7px 0;overflow:hidden}.sb-board>.sb-admin-list>.sb-top{display:flex;align-items:center;justify-content:space-between}.sb-board>.sb-admin-list>.sb-top>.sb-select>p span{padding-left:5px}.sb-board>.sb-admin-list .sb-scroll-bar{opacity:0.2 !important}.sb-board>.sb-admin-list>.sb-loading{position:absolute;bottom:10px;left:50%;z-index:9}.sb-board>.sb-admin-list>.sb-scroll-area{height:calc(100% - 90px);padding:10px 0}.sb-board>.sb-admin-list>.sb-scroll-area li{position:relative;padding:18px 20px 15px 20px;max-height:85px;opacity:0.8;cursor:pointer;margin:0 10px;border-radius:6px;z-index:3;background:transparent;transition:all 0.4s}.sb-board>.sb-admin-list>.sb-scroll-area li>.sb-notification-counter{position:absolute;right:19px;bottom:17px;height:21px;width:21px;line-height:21px;font-size:12px;border-radius:50%;text-align:center;background:#028be5;color:#fff;z-index:9;letter-spacing:0.3px;animation:sb-fade-animation .3s}.sb-board>.sb-admin-list>.sb-scroll-area li:hover{background-color:#f5f7fa !important}.sb-board>.sb-admin-list>.sb-scroll-area li:hover:after{opacity:0}.sb-board>.sb-admin-list>.sb-scroll-area li.sb-active{opacity:1;background-color:#f0f4f9 !important}.sb-board>.sb-admin-list>.sb-scroll-area li.sb-active .sb-name{color:#002b49}.sb-board>.sb-admin-list>.sb-scroll-area li.sb-active:before{background-color:#028be5}.sb-board>.sb-admin-list>.sb-scroll-area li.sb-active:after{opacity:0}.sb-board>.sb-admin-list>.sb-scroll-area li:before{content:"";position:absolute;left:0;bottom:10px;top:10px;width:2px;background-color:transparent;border-radius:3px;transition:all 0.4s;z-index:2}.sb-board>.sb-admin-list>.sb-scroll-area li:after{content:"";position:absolute;left:20px;right:20px;bottom:-1px;height:1px;background-color:#d4d4d4;transition:all 0.4s;z-index:2}.sb-board>.sb-admin-list>.sb-scroll-area li:last-child:after{display:none}.sb-board>.sb-admin-list>.sb-scroll-area li .sb-profile{align-items:flex-start;padding-left:40px}.sb-board>.sb-admin-list>.sb-scroll-area li .sb-profile img{width:25px;height:25px;transform:none;top:0}.sb-board>.sb-admin-list>.sb-scroll-area li .sb-profile .sb-name{height:23px;line-height:23px;padding-right:10px;font-size:15px;font-weight:400;white-space:nowrap;letter-spacing:0.3px;overflow:hidden;text-overflow:ellipsis}.sb-board>.sb-admin-list>.sb-scroll-area li .sb-profile .sb-time{margin-left:auto;font-size:11px;line-height:13px;font-weight:400;white-space:nowrap;opacity:0.8}.sb-board>.sb-admin-list>.sb-scroll-area li p{font-size:13px;line-height:22px;opacity:0.8;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;letter-spacing:0.3px;padding-left:40px;padding-top:3px;margin:0;color:#24272a}.sb-board>.sb-admin-list>.sb-scroll-area li p>i{height:15px;display:inline-block;margin-right:5px;transform:translateY(1px);font-size:12px}.sb-board>.sb-admin-list>.sb-scroll-area li p>i.sb-icon-phone:before{display:inline-block;animation:sb-pulse alternate 1s infinite;box-shadow:none !important}.sb-board>.sb-admin-list>.sb-scroll-area li b{font-weight:400}.sb-board>.sb-admin-list>.sb-scroll-area li .sb-notification-counter+div+p{margin-right:30px}.sb-board>.sb-admin-list>.sb-scroll-area li[data-conversation-status="2"]{opacity:1;font-weight:500}.sb-board>.sb-admin-list>.sb-scroll-area li[data-conversation-status="2"]:not(.sb-active){background-color:transparent}.sb-board>.sb-admin-list>.sb-scroll-area li[data-conversation-status="2"] .sb-name{font-weight:500}.sb-board>.sb-admin-list>.sb-scroll-area li[data-conversation-status="2"] .sb-time{font-weight:500;color:#028be5}.sb-board>.sb-admin-list>.sb-scroll-area li[data-conversation-status="-1"] .sb-name{font-weight:500}.sb-board>.sb-admin-list>.sb-scroll-area>ul>p{margin:20px}.sb-board>.sb-admin-list>.sb-scroll-area>ul>li+p{display:none}.sb-board>.sb-admin-list>.sb-scroll-area.sb-loading{position:relative;left:auto;bottom:auto;z-index:0;text-indent:initial;overflow:hidden;overflow-y:scroll}.sb-board>.sb-admin-list>.sb-scroll-area.sb-loading>ul{opacity:0}.sb-board>.sb-admin-list.sb-departments-show li.sb-active:before{background-color:#028be5 !important}.sb-board .sb-conversation{width:100%;min-width:0;position:relative;display:flex;flex-direction:column;border-top-right-radius:10px;border-bottom-right-radius:10px;border:1px solid #d4d4d4;background:#fff;margin:7px 7px 7px 0;border-left:none}.sb-board .sb-conversation>.sb-top{width:auto;display:flex;align-items:center;flex-grow:0;justify-content:flex-start}.sb-board .sb-conversation>.sb-top .sb-menu-mobile{position:absolute;right:15px}.sb-board .sb-conversation>.sb-top>.sb-btn-back{display:none}.sb-board .sb-conversation>.sb-top>a{font-weight:500;position:relative;padding:0 15px 0 0;margin:0;cursor:pointer;text-decoration:none;line-height:40px;color:#24272a;font-size:18px;transition:all 0.4s;position:relative;white-space:nowrap;display:flex;align-items:center}.sb-board .sb-conversation>.sb-top>a>img{width:35px;height:35px;border-radius:4px;margin:0 15px 0 0;display:block}.sb-board .sb-conversation>.sb-top>a:hover{color:#028be5}.sb-board .sb-conversation>.sb-top i{color:#566069;transition:color 0.5s}.sb-board .sb-conversation>.sb-top a:hover i{color:#028be5}.sb-board .sb-conversation .sb-list{height:100%;padding:10px 0 5px 0;overflow-y:scroll}.sb-board .sb-conversation .sb-list>div{max-width:calc(100% - 275px)}.sb-board .sb-conversation .sb-list>div .sb-menu{width:170px;right:-183px;top:0;display:none;margin-bottom:15px;z-index:9}.sb-board .sb-conversation .sb-list>div .sb-menu li{overflow:hidden;text-overflow:ellipsis}.sb-board .sb-conversation .sb-list>div .sb-menu.sb-active{display:block}.sb-board .sb-conversation .sb-list>div .sb-menu:empty{display:none}.sb-board .sb-conversation .sb-list>div .sb-menu-btn{display:block;height:15px;width:30px;position:absolute;right:-24px;text-align:right;top:11px;color:#566069;cursor:pointer;transition:all 0.4s;opacity:0;z-index:9}.sb-board .sb-conversation .sb-list>div .sb-menu-btn:hover{color:#028be5}.sb-board .sb-conversation .sb-list>div[data-type="slider"],.sb-board .sb-conversation .sb-list>div[data-type="card"]{max-width:380px}.sb-board .sb-conversation .sb-list>div[data-type="slider-images"]{max-width:475px}.sb-board .sb-conversation .sb-list>div:hover .sb-menu-btn{opacity:1}.sb-board .sb-conversation .sb-list>div.sb-right .sb-menu-btn{right:auto;left:-24px;text-align:left}.sb-board .sb-conversation .sb-list>div.sb-right .sb-menu{right:auto;left:-181px}.sb-board .sb-conversation .sb-list>div.sb-right .sb-menu:empty{display:none}.sb-board .sb-conversation .sb-list>div img{max-width:600px}.sb-board .sb-conversation .sb-list>div .sb-message img{max-width:100%}.sb-board .sb-conversation .sb-list>div .sb-image{max-width:500px}.sb-board .sb-conversation .sb-list>div:last-child{animation:none}.sb-board .sb-conversation .sb-list .sb-highlight{text-decoration:underline}.sb-board .sb-conversation .sb-list .sb-highlight:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0000002b;border-radius:6px;opacity:0;animation:sb-fade-in-out 3s linear .5s}.sb-board .sb-conversation .sb-list .sb-rich-message:not(.sb-rich-list){position:relative;z-index:1}.sb-board .sb-conversation .sb-list .sb-rich-message:not(.sb-rich-list):before{content:"";position:absolute;bottom:-15px;left:-15px;right:-15px;top:-15px;z-index:995;transition:all 0.4s}.sb-board .sb-conversation .sb-list .sb-rich-message:not(.sb-rich-list):hover>div{opacity:.5;transition:all 0.4s}.sb-board .sb-conversation .sb-list .sb-rich-message:not(.sb-rich-list) .sb-card-img+div+.sb-card-extra{left:0}.sb-board .sb-conversation .sb-list .sb-rich-message:not(.sb-rich-list) .sb-slider .sb-card-img+div+.sb-card-extra{left:15px;top:15px}.sb-board .sb-conversation .sb-list .sb-rich-message:not(.sb-rich-list) .sb-input-btn>div,.sb-board .sb-conversation .sb-list .sb-rich-message:not(.sb-rich-list) .sb-btn,.sb-board .sb-conversation .sb-list .sb-rich-message:not(.sb-rich-list) .sb-select p{transition:none}.sb-board .sb-conversation .sb-list .sb-rich-message:not(.sb-rich-list) input,.sb-board .sb-conversation .sb-list .sb-rich-message:not(.sb-rich-list) textarea,.sb-board .sb-conversation .sb-list .sb-rich-message:not(.sb-rich-list) select{color:#E6F2FC;background-color:#E6F2FC}.sb-board .sb-conversation .sb-list .sb-rich-message:not(.sb-rich-list) .sb-input>span.sb-active{background:transparent !important;top:0;left:0;bottom:0;padding:0 10px;border-radius:5px;font-size:13px;line-height:44px;color:#566069}.sb-board .sb-conversation .sb-list .sb-delivery-failed{font-size:14px;transform:translateY(2px);margin-right:5px;display:inline-block;cursor:help;position:relative;z-index:2}.sb-board .sb-conversation .sb-list .sb-info-message{max-width:100%;width:calc(100% - 60px);text-align:center;background:none !important;margin-bottom:0}.sb-board .sb-conversation .sb-list .sb-info-message .sb-cnt{width:auto;position:relative;background-color:#f5f7fa;border-radius:6px;padding:5px 10px;display:inline-flex;align-items:center}.sb-board .sb-conversation .sb-list .sb-info-message .sb-cnt .sb-message{font-size:13px;color:#566069;display:inline}.sb-board .sb-conversation .sb-list .sb-info-message .sb-cnt .sb-message i{opacity:.9;font-size:11px;margin-right:7px;transform:translateY(1px);display:inline-block}.sb-board .sb-conversation .sb-list .sb-info-message .sb-cnt .sb-time{position:relative;bottom:auto;line-height:23px;font-size:11px;display:block;padding-left:10px}.sb-board .sb-conversation .sb-list .sb-info-message .sb-cnt .sb-time i{display:none !important}.sb-board .sb-conversation .sb-list .sb-info-message .sb-menu-btn{display:none !important}.sb-board .sb-conversation .sb-list .sb-info-message .sb-info-message-btn{cursor:pointer;transition:all 0.4s}.sb-board .sb-conversation .sb-list .sb-info-message .sb-info-message-btn:hover{color:#028be5}.sb-board .sb-conversation .sb-list iframe:not([height]){height:165px}.sb-board .sb-conversation .sb-list.sb-touchmove{overflow:hidden}.sb-board .sb-conversation .sb-editor{flex-shrink:0;margin:1px 15px 15px 15px}.sb-board .sb-conversation .sb-editor .sb-textarea{border:none;padding:0 !important}.sb-board .sb-conversation .sb-editor .sb-bar{margin-top:10px;position:relative}.sb-board .sb-conversation .sb-editor .sb-bar .sb-btn-attachment{display:block !important}.sb-board .sb-conversation .sb-editor .sb-bar .sb-btn{background-color:#028be5;color:#fff;border-color:#028be5;font-size:12px;line-height:27px;height:25px;transition:all 0.4s}.sb-board .sb-conversation .sb-editor .sb-bar .sb-btn:hover{background-color:#004c7d;border-color:#004c7d}.sb-board .sb-conversation .sb-editor .sb-attachments:not(:empty){padding-top:15px}.sb-board .sb-conversation .sb-editor .sb-suggestions{display:flex;flex-wrap:wrap;margin:10px -5px 0 -5px}.sb-board .sb-conversation .sb-editor .sb-suggestions:empty{display:none}.sb-board .sb-conversation .sb-editor .sb-suggestions span{display:block;max-width:calc(50% - 50px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:7px 15px;background:#eef1f6;border-radius:15px;font-size:13px;letter-spacing:0.3px;margin:5px;cursor:pointer;transition:background-color .5s, color .5s}.sb-board .sb-conversation .sb-editor .sb-suggestions span:hover{color:#fff;background-color:#028be5}.sb-board .sb-conversation .sb-editor .sb-suggestions span.sb-suggestion-full{max-width:100%;white-space:normal}.sb-board .sb-conversation .sb-editor.sb-audio-message-active .sb-textarea,.sb-board .sb-conversation .sb-editor.sb-audio-message-active .sb-bar-icons,.sb-board .sb-conversation .sb-editor.sb-audio-message-active .sb-suggestions,.sb-board .sb-conversation .sb-editor.sb-audio-message-active .sb-attachments,.sb-board .sb-conversation .sb-editor.sb-audio-message-active .sb-clear-text{display:none}.sb-board .sb-conversation .sb-editor.sb-audio-message-active .sb-bar{margin-top:0;justify-content:right}.sb-board .sb-conversation[data-conversation-status="4"] [data-value="delete"],.sb-board .sb-conversation [data-value="inbox"],.sb-board .sb-conversation [data-value="empty-trash"],.sb-board .sb-conversation[data-conversation-status="3"] [data-value="archive"],.sb-board .sb-conversation [data-value="read"]{display:none}.sb-board .sb-conversation[data-conversation-status="3"] [data-value="inbox"],.sb-board .sb-conversation[data-conversation-status="4"] [data-value="inbox"],.sb-board .sb-conversation[data-conversation-status="4"] [data-value="empty-trash"],.sb-board .sb-conversation [data-value="read"].sb-active{display:block}.sb-board .sb-conversation [data-value="archive"]{color:#028be5;margin-right:5px}.sb-board .sb-conversation [data-value="archive"] i{color:#1a9260 !important;font-size:20px}.sb-board .sb-conversation [data-value="archive"]:hover{border-color:#1a9260;background-color:rgba(28,147,97,0.08)}.sb-board .sb-conversation [data-value="delete"]:hover i{color:#ca3434 !important}.sb-board .sb-user-details{min-width:400px;width:400px;border:1px solid #d4d4d4;display:flex;flex-direction:column;height:calc(100% - 16px);overflow:hidden;position:relative;border-radius:10px;background:#fff;margin:7px 7px 7px 0;transition:width .3s}.sb-board .sb-user-details .sb-top{line-height:42px;font-size:18px;font-weight:500;display:flex}.sb-board .sb-user-details h3{margin:15px;font-size:13.5px;line-height:25px;font-weight:500;letter-spacing:0.5px}.sb-board .sb-user-details>div>h3{margin:0;padding:15px;border-top:1px solid #d4d4d4}.sb-board .sb-user-details .sb-profile{margin-left:-10px;cursor:pointer;line-height:17px;transition:opacity .3s}.sb-board .sb-user-details .sb-profile:hover{opacity:.7}.sb-board .sb-user-details .sb-profile-list{padding:15px}.sb-board .sb-user-details .sb-profile-list ul{margin-top:0}.sb-board .sb-user-details .sb-profile-list [data-id="telegram_bcid"],.sb-board .sb-user-details .sb-profile-list [data-id="token"],.sb-board .sb-user-details .sb-profile-list [data-id="woocommerce_session_key"],.sb-board .sb-user-details .sb-profile-list [data-id="perfex-id"],.sb-board .sb-user-details .sb-profile-list [data-id="whmcs-id"],.sb-board .sb-user-details .sb-profile-list [data-id="aecommerce-id"],.sb-board .sb-user-details .sb-profile-list [data-id="facebook-id"],.sb-board .sb-user-details .sb-profile-list [data-id="viber-id"],.sb-board .sb-user-details .sb-profile-list [data-id="zalo-id"],.sb-board .sb-user-details .sb-profile-list [data-id="telegram-id"],.sb-board .sb-user-details .sb-profile-list [data-id="wechat-id"],.sb-board .sb-user-details .sb-profile-list [data-id="martfury-session"],.sb-board .sb-user-details .sb-profile-list [data-id="line-id"],.sb-board .sb-user-details .sb-profile-list [data-id="opencart_id"],.sb-board .sb-user-details .sb-profile-list [data-id="shopify_id"]{display:none}.sb-board .sb-user-details .sb-profile-list [data-id="cc"]{margin-left:15px}.sb-board .sb-user-details .sb-profile-list [data-id="cc"],.sb-board .sb-user-details .sb-profile-list [data-em]{transition:all 0.4s}.sb-board .sb-user-details .sb-profile-list [data-id="cc"] label,.sb-board .sb-user-details .sb-profile-list [data-em] label{cursor:pointer}.sb-board .sb-user-details .sb-profile-list [data-id="cc"]:hover,.sb-board .sb-user-details .sb-profile-list [data-em]:hover{color:#028be5}.sb-board .sb-user-details .sb-user-details-close{position:absolute;right:15px;top:15px}.sb-board .sb-user-details:not(.sb-active){width:0;min-width:0;overflow:hidden;border:none;margin:0}.sb-board .sb-user-details .sb-select{padding:0 15px 15px 15px}.sb-board .sb-user-details .sb-scroll-bar{opacity:0.2 !important}.sb-board .sb-user-details .sb-scroll-area{height:calc(100% - 70px)}.sb-board .sb-user-details .sb-user-conversations{margin:0 0 15px 15px}.sb-board .sb-user-details .sb-user-conversations li{border-left:1px solid #d4d4d4}.sb-board .sb-user-details .sb-user-conversations li>div{padding-left:45px}.sb-board .sb-user-details .sb-user-conversations li>div .sb-message{font-weight:400}.sb-board .sb-user-details .sb-user-conversations li:hover,.sb-board .sb-user-details .sb-user-conversations li.sb-active{background-color:#eef1f6}.sb-board .sb-user-details .sb-user-conversations li:first-child{border-top:1px solid #d4d4d4;border-top-left-radius:6px}.sb-board .sb-user-details .sb-user-conversations li:last-child{border-bottom-left-radius:6px}.sb-board .sb-user-details .sb-user-conversations img{top:6px;width:30px;height:30px}.sb-board .sb-user-details .sb-user-conversations span{line-height:21px}.sb-board .sb-user-details .sb-user-conversations .sb-message{height:20px;line-height:20px}.sb-board .sb-user-details .sb-user-conversations .sb-time span{font-size:11px}.sb-board .sb-user-details .sb-inline{display:flex;align-content:center;align-items:center;padding:15px;border-top:1px solid #d4d4d4}.sb-board .sb-user-details .sb-inline h3{margin-right:15px;line-height:55px;white-space:nowrap}.sb-board .sb-user-details .sb-inline>*{margin:0;padding:0}.sb-board .sb-user-details .sb-inline>.sb-select{width:100%;height:55px}.sb-board .sb-user-details .sb-inline>.sb-select>p{font-weight:400;font-size:13px !important;line-height:55px !important;border-radius:0}.sb-board .sb-user-details .sb-inline>.sb-select>p:after{line-height:55px;right:15px}.sb-board .sb-user-details .sb-inline>.sb-select>ul{width:100%}.sb-board .sb-user-details .sb-inline.sb-inline-departments,.sb-board .sb-user-details .sb-inline.sb-inline-agents{padding:0 0 0 15px}.sb-board .sb-no-conversation-message{position:absolute;left:0;right:0;top:0;bottom:0;justify-content:center;align-items:center;text-align:center;background:#fff;padding:15px;display:none;z-index:9}.sb-board .sb-no-conversation-message>div{max-width:650px}.sb-board .sb-no-conversation-message label{font-weight:500;font-size:20px;line-height:30px}.sb-board .sb-no-conversation-message p{margin:15px 0;font-size:15px;line-height:25px;color:#566069}.sb-board .sb-labels{padding-left:10px;display:flex;align-items:center}.sb-board .sb-labels span{font-size:13.5px;letter-spacing:.5px;line-height:30px;padding:1px 10px 0 10px;border-radius:3px;margin:0 5px;display:block;font-weight:500;white-space:nowrap;cursor:default;position:relative}.sb-board .sb-labels .sb-status-online{background:rgba(19,202,126,0.21);color:#009341}.sb-board .sb-labels .sb-status-warning{background:#f2e37c;color:#625705}.sb-board .sb-labels .sb-status-typing{background-color:#e7f2fc;color:#028be5;padding-right:32px}.sb-board .sb-labels .sb-status-typing:after{content:"...";position:absolute;width:15px;left:calc(100% - 27px);bottom:0;font-weight:500;letter-spacing:1px;overflow:hidden;animation:sb-typing 1s infinite;text-indent:0}.sb-board .sb-editor .sb-labels{position:absolute;left:-15px;top:-45px;z-index:95}.sb-board .sb-editor .sb-labels>span{animation:sb-fade-bottom-animation .5s}.sb-board .sb-list>div:not(.sb-right) .sb-thumb .sb-tooltip{top:40px;left:-10px}.sb-board .sb-list>div:not(.sb-right) .sb-thumb .sb-tooltip:before{top:-11px;left:21px}.sb-board .sb-list>div:not(.sb-right) .sb-thumb:hover .sb-tooltip{display:block;opacity:0;animation:sb-fade-bottom-animation .5s;animation-fill-mode:forwards;animation-delay:1s}.sb-board.sb-no-conversation .sb-no-conversation-message{display:flex}.sb-board .sb-tags-area{display:flex;align-items:center;gap:4px;padding:0 8px 0 6px;min-width:0;overflow:hidden;flex-shrink:1}.sb-panel-conversation-details{padding-bottom:15px}.sb-panel-conversation-details>.sb-collapse-btn{margin-left:15px}.sb-panel-conversation-details .sb-profile-list{padding-bottom:0 !important}.sb-area-conversations>.sb-btn-collapse{display:none;position:fixed;left:70px;top:20px;transition:color 0.4s;cursor:pointer;width:30px;height:30px;line-height:50px;font-size:18px;opacity:.8;text-align:center;z-index:3}#sb-audio-clip{bottom:0;right:auto;left:0;top:0}#sb-audio-clip .sb-icon:before{line-height:50px}.sb-rich-message .sb-slider-images .sb-card-img{height:280px}.sb-notes-box .sb-setting textarea{min-height:200px}#note-ai-scraping{margin-right:15px;max-width:200px}#note-ai-scraping select{min-width:auto}.sb-list .sb-select-phone>div>p{display:none}.sb-cc-box .sb-setting .repeater-item+.repeater-item{border-top:none;padding-top:0;margin-top:10px}.sb-cc-box .sb-setting .repeater-item+.repeater-item i{margin-top:-6px}.sb-shopify-orders>div>span{display:flex !important}.sb-shopify-orders>div>span>span+span+span{margin-right:35px;margin-left:auto !important}.sb-shopify-orders [data-status]{padding:5px 8px;background:#ffeb78;color:#4f4700;font-size:11px;line-height:13px;border-radius:4px}.sb-shopify-orders [data-status="Fulfilled"]{color:#014b40;background:#affebf}.sb-shopify-orders [data-product-id]{cursor:pointer}.sb-shopify-orders [data-product-id]+.sb-title{margin-top:5px}.sb-shopify-cart>a>span:first-child,.sb-shopify-orders [data-product-id]>span:first-child{padding:3px 5px;background:#00000012;font-size:11px;line-height:13px;margin-right:10px;border-radius:4px}.sb-shopify-cart>a>span:last-child{float:right}.sb-editor .sb-bar-icons>.sb-btn-shopify:before{content:"\e900";font-size:25px;left:5px}.sb-area-users{height:100%}.sb-area-users .sb-scroll-area{overflow:hidden;overflow-y:scroll;margin:15px 0 0 15px;padding-right:15px;height:calc(100% - 85px)}.sb-area-users .sb-scroll-area:hover+.sb-scroll-bar{opacity:0.1 !important}.sb-area-users>.sb-loading-pagination{position:absolute;bottom:10px;left:50%}.sb-area-users .sb-filter-btn>div{left:auto;right:0;top:56px;width:auto;padding:15px;z-index:5}.sb-area-users .sb-filter-btn>div .sb-select:last-child{margin-right:0}.sb-area-users .sb-filter-btn.sb-active{position:relative}.sb-area-users .sb-filter-btn.sb-active i{top:10px;right:0}.sb-area-users .sb-filter-star{display:none}.sb-area-users .sb-top-bar>div:first-child{overflow:visible !important}.sb-table-users .sb-profile{font-weight:500;font-size:15px;text-transform:capitalize}.sb-table-users th:first-child{max-width:15px;width:15px;border-bottom-color:#d4d4d4 !important}.sb-table-users th{cursor:pointer;transition:all 0.4s;position:relative}.sb-table-users th.sb-active,.sb-table-users th:hover{border-bottom:1px solid #838383;color:#000}.sb-table-users th.sb-active:after{content:"\61";font-family:"Support Board Icons";font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:25px;font-size:12px;position:absolute;right:15px}.sb-table-users th.sb-order-asc:after{transform:rotate(180deg)}.sb-table-users td:not(:first-child),.sb-table-users th:not(:first-child){overflow:hidden;text-overflow:ellipsis}.sb-table-users.sb-loading tbody,.sb-table-users.sb-loading thead{display:none}.sb-profile-box .sb-profile-list{padding-right:30px}.sb-profile-box .sb-profile-list>.sb-title{margin:15px 0;padding:0;border:none}.sb-profile-box .sb-user-conversations>p{padding:10px 15px 8px 15px}.sb-profile-box .sb-top-bar .sb-profile{font-weight:500}.sb-profile-box .sb-top-bar .sb-profile img{width:35px;height:35px}.sb-profile-box .sb-top-bar .sb-profile span{margin-left:10px;font-size:18px;line-height:45px;white-space:nowrap}.sb-profile-box .sb-top-bar>div>[data-value]+.sb-btn{margin-left:15px}.sb-profile-box .sb-top-bar>div>[data-value]:not(.sb-active){display:none}.sb-profile-box .sb-user-conversations{max-width:600px;border:1px solid #d4d4d4;border-radius:4px}.sb-profile-box .sb-user-conversations>li{padding:15px;border-left:none}.sb-profile-box .sb-user-conversations>li:first-child{border-top:none;border-top-left-radius:4px;border-top-right-radius:4px}.sb-profile-box .sb-user-conversations>li:last-child{border-bottom:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.sb-profile-box .sb-user-conversations .sb-profile{padding:0 0 5px 0}.sb-profile-box .sb-user-conversations .sb-profile .sb-name{font-size:14px}.sb-profile-box .sb-user-conversations .sb-profile img{display:none}.sb-profile-box .sb-user-conversations .sb-profile .sb-time{float:right}.sb-profile-box .sb-agent-area{padding-top:30px}.sb-profile-box .sb-agent-area .sb-title{margin-bottom:30px}.sb-profile-box .sb-agent-area .sb-rating-area{min-height:30px}.sb-profile-box .sb-agent-area .sb-rating-area>div{display:flex;height:35px;align-items:center}.sb-profile-box .sb-agent-area .sb-rating-area>div>div:first-child{font-weight:500;padding-right:10px;font-size:13px;width:80px}.sb-profile-box .sb-agent-area .sb-rating-area>div>span{height:3px;background-color:#1a9260;margin-right:10px}.sb-profile-box .sb-agent-area .sb-rating-area>div>span[data-count="0"]{display:none}.sb-profile-box .sb-agent-area .sb-rating-area>div+div>span{background-color:#ca3434}.sb-profile-box .sb-agent-area .sb-rating-area>div>div:last-child{font-size:13px}.sb-profile-box .sb-agent-area .sb-rating-area .sb-rating-count{font-size:12px;line-height:40px;color:#566069;opacity:0.7}.sb-profile-box .sb-agent-area .sb-rating-area:before{left:10px}.sb-profile-box.sb-type-agent .sb-start-conversation,.sb-profile-box.sb-type-admin .sb-start-conversation,.sb-profile-box .sb-agent-area,.sb-profile-box .sb-hide+.sb-user-conversations{display:none}.sb-profile-box.sb-type-agent .sb-agent-area,.sb-profile-box.sb-type-admin .sb-agent-area{display:block}.sb-profile-edit-box .sb-top-bar .sb-profile{font-weight:500;padding-left:65px;padding-right:15px}.sb-profile-edit-box .sb-top-bar .sb-profile img{width:45px;height:45px}.sb-profile-edit-box .sb-top-bar .sb-profile span{font-size:20px;line-height:45px;white-space:nowrap}.sb-profile-edit-box .sb-main{justify-content:flex-start}.sb-profile-edit-box .sb-main>div{width:50%}.sb-profile-edit-box .sb-main>div+div{margin-left:30px}.sb-profile-edit-box.sb-user-new .sb-top-bar .sb-profile{padding-left:0}.sb-profile-edit-box.sb-user-new .sb-top-bar .sb-profile img{display:none}.sb-profile-edit-box.sb-user-new .sb-delete{display:none}.sb-profile-edit-box .sb-delete{margin-top:60px;font-size:14px;display:none}.sb-profile-edit-box #user_type,.sb-profile-edit-box #department{display:none}.sb-profile-edit-box.sb-agent-admin.sb-type-admin #user_type,.sb-profile-edit-box.sb-agent-admin.sb-type-admin #department,.sb-profile-edit-box.sb-agent-admin.sb-type-agent #user_type,.sb-profile-edit-box.sb-agent-admin.sb-type-agent #department,.sb-profile-edit-box.sb-agent-admin.sb-user-new #user_type{display:flex}.sb-profile-edit-box.sb-agent-admin .sb-delete{display:inline-block}.sb-direct-message-subject:not(.sb-active){display:none}.sb-area-settings .sb-input{align-items:flex-start;margin-bottom:30px}.sb-area-settings>.sb-tab>.sb-content{padding-left:30px}.sb-area-settings>.sb-tab>.sb-content>div{max-width:1000px}.sb-area-settings>.sb-tab>.sb-content>div>.sb-setting+.sb-setting{margin-top:15px;padding-top:15px;border-top:1px solid #e6e6e6}
/*
 * Settings are separated by the border on the block that FOLLOWS — which fails wherever
 * something that is not a setting sits between two of them. The "connect your own mailbox"
 * button does exactly that, so Link tracking and the IMAP block below it ran together with
 * no line. The button belongs to the mailbox section, so the separation happens before it.
 */
.sb-area-settings>.sb-tab>.sb-content>div>.sb-setting+#sb-emails-add-mailbox{margin-top:15px;padding-top:15px;border-top:1px solid #e6e6e6;display:block;width:fit-content}
.sb-area-settings>.sb-tab>.sb-content>div>#sb-emails-add-mailbox+.sb-setting{margin-top:15px;padding-top:15px;border-top:1px solid #e6e6e6}
.sb-area-settings>.sb-tab>.sb-content>div>#sb-emails-add-mailbox[style*="display:none"]+.sb-setting,
.sb-area-settings>.sb-tab>.sb-content>div>#sb-emails-add-mailbox[style*="display: none"]+.sb-setting{margin-top:15px;padding-top:15px;border-top:1px solid #e6e6e6}.sb-area-settings>.sb-tab>.sb-content>div>[data-type="select-ajax"]>.input{position:relative}.sb-area-settings>.sb-tab>.sb-content .sb-inner-tab>.sb-nav{border:none;padding:0}.sb-area-settings>.sb-tab>.sb-content .sb-inner-tab>.sb-content{margin-top:-37px;padding:0}#messenger-dm-comment .repeater-item>div:first-child{position:relative}#registration-fields .input>div:nth-child(2n){margin-top:-10px}#user-additional-fields .repeater-item>div:nth-child(2){display:none !important}#messenger-path-btn:not(.sb-active),#messenger-key:not(.sb-active),#open-ai-assistant-id:not(.sb-active){display:none !important}#tags [data-id="tag-name"]{min-width:230px;margin-right:50px}#tags .repeater-item div+div{position:absolute;bottom:0;right:0;margin:0}#tags .repeater-item div+div label{display:none}.sb-type-multi-input>.input>div:not(.multi-input-textarea),.sb-setting .sb-language-switcher-cnt,.sb-select-checkbox>div,#open-ai-prompt{display:flex;align-items:center}.sb-type-multi-input>.input>div:not(.multi-input-textarea)>label,.sb-setting .sb-language-switcher-cnt>label,.sb-select-checkbox>div>label,#open-ai-prompt>label{margin:0 15px 0 0}#open-ai-prompt{align-items:baseline}.sb-type-multi-input>.input>div input,.sb-type-multi-input>.input>div select{min-width:285px}@media (max-width: 1490px){.sb-type-multi-input>.input>div:not(.multi-input-textarea),.sb-setting .sb-language-switcher-cnt,.sb-select-checkbox>div{display:block}}.sb-type-select-checkbox>.input,.multi-input-select-checkbox{position:relative}.sb-select-checkbox-input{opacity:1;cursor:pointer}.sb-select-checkbox-input.sb-active+div{display:block}.sb-select-checkbox{position:absolute;z-index:2;background:#fff;right:0;left:0;top:40px;border-radius:4px;border:1px solid #d4d4d4;box-shadow:0 1px 1px rgba(0,0,0,0.12);display:none}.sb-select-checkbox>div{margin:5px 0}.sb-select-checkbox label{margin:0 0 0 15px !important}.sb-setting .sb-select-checkbox input[type="checkbox"]{width:20px;min-width:20px !important;height:20px;min-height:20px;margin-left:5px}.sb-setting .sb-select-checkbox input[type="checkbox"]:checked:before{line-height:19px;font-size:10px}.sb-setting .sb-select-checkbox label{font-size:13px;font-weight:400;color:#24272a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-select.sb-select-colors>p{border-radius:4px;transition:none;background:none !important}.sb-select.sb-select-colors>p span{width:10px;height:10px;display:inline-block;border-radius:50%;margin-left:10px;opacity:1}.sb-select.sb-select-colors>p:after{right:15px}.sb-select.sb-select-colors>p:not(:hover):after{color:#566069}.sb-select.sb-select-colors>p:not([data-value]),.sb-select.sb-select-colors>p[data-value=""],.sb-select.sb-select-colors>p[data-value="-1"]{background-color:#fff}.sb-select.sb-select-colors>ul{padding:0 !important}.sb-select.sb-select-colors>ul li{margin:5px;border-radius:5px}.sb-select.sb-select-colors:not(.sb-disabled)>p:hover span{background-color:#028be5}.sb-select.sb-select-colors.sb-loading>ul{display:none}.sb-select.sb-select-colors.sb-loading:before{line-height:30px}.sb-select.sb-select-colors:hover:before{color:#fff}.sb-setting .sb-language-switcher-cnt{margin-top:10px}.sb-setting p,.sb-text-gray{font-size:13px;line-height:22px;letter-spacing:0.3px;margin:5px 0 0 0;color:#788692}.sb-setting{display:flex;justify-content:flex-start}.sb-setting>.sb-setting-content{max-width:420px;width:420px;padding-right:60px;flex-shrink:0}.sb-setting>.input{width:100%}.sb-setting h2{display:inline-block;min-width:150px;flex-grow:1;font-weight:500;font-size:13.5px;letter-spacing:0.5px;margin:0;color:#566069}.sb-setting .sb-icon-help{transform:translateY(1px);margin:0 0 0 5px;color:#889aaa;text-decoration:none;display:inline-block}.sb-setting .sb-icon-help:hover{color:#028be5}.sb-setting input,.sb-setting select,.sb-setting textarea{border-radius:4px;border:1px solid #d4d4d4;outline:none;font-size:13px;line-height:35px;height:35px;padding:0 10px;transition:all 0.4s;width:100%;min-width:300px;box-sizing:border-box;color:#24272a;background-color:#fff}.sb-setting input:focus,.sb-setting select:focus,.sb-setting textarea:focus{border:1px solid #028be5;box-shadow:0 0 5px rgba(39,156,255,0.2);color:#24272a;outline:none}.sb-setting input.sb-error,.sb-setting select.sb-error,.sb-setting textarea.sb-error{border:1px solid #ca3434;box-shadow:0 0 5px rgba(202,52,52,0.25)}.sb-setting select{padding:0 5px}.sb-setting textarea{box-sizing:content-box;width:calc(100% - 22px);min-width:280px;line-height:22px;padding:6px 10px;min-height:86px}.sb-setting input[type="checkbox"]{background:#fff;clear:none;cursor:pointer;display:inline-block;line-height:0;height:35px;min-height:35px;outline:0;padding:0;margin:0;text-align:center;vertical-align:middle;width:35px;min-width:35px !important;outline:none;box-shadow:none;-webkit-appearance:none}.sb-setting input[type="checkbox"]:checked:before{content:"\77" !important;font-family:"Support Board Icons" !important;font-style:normal !important;font-weight:normal !important;font-variant:normal !important;text-transform:none !important;line-height:35px;font-size:15px;color:#028be5;margin:0;width:100%;height:100%}.sb-setting label{color:#566069;font-weight:500;font-size:13.5px;line-height:23px;margin:0 30px 15px 0;display:block;min-width:220px;letter-spacing:0.5px}.sb-setting label:empty{display:none !important}.sb-setting input[type="number"]{padding-right:0}.sb-setting .input>.sb-loading:not(.sb-btn):not(.image){width:30px;height:30px}.sb-setting .multi-input-upload-image[data-type="upload-image"] .image{min-width:50px;width:100%}.sb-setting.sb-type-multi-input .input>div{margin-bottom:15px}.sb-setting.sb-type-input-button .input{display:flex;width:100%}.sb-setting.sb-type-input-button .input input{min-width:0;flex-shrink:10}.sb-setting.sb-type-input-button .input a{margin-left:15px;min-width:0}.sb-setting.sb-type-upload-image .image,.sb-setting [data-type="upload-image"] .image{border-radius:4px;border:1px solid #d4d4d4;height:150px;position:relative;cursor:pointer;background-size:cover;background-position:center;background-repeat:no-repeat;transition:all 0.4s}.sb-setting.sb-type-upload-image .image:before,.sb-setting [data-type="upload-image"] .image:before{content:"\70";font-family:"Support Board Icons" !important;position:absolute;left:50%;top:50%;font-size:9px;color:#566069;width:30px;height:30px;line-height:30px;margin:-15px 0 0 -15px;text-align:center;transform:rotate(45deg)}.sb-setting.sb-type-upload-image .image:hover,.sb-setting [data-type="upload-image"] .image:hover{border:1px solid #028be5;box-shadow:0 0 5px rgba(39,156,255,0.2)}.sb-setting.sb-type-upload-image .image:hover:before,.sb-setting [data-type="upload-image"] .image:hover:before{color:#028be5}.sb-setting.sb-type-upload-image .image>i,.sb-setting [data-type="upload-image"] .image>i{position:absolute;z-index:9;right:10px;top:10px;height:21px;width:21px;font-size:7px;text-align:center;line-height:23px;cursor:pointer;background:#566069;color:#fff;border-radius:50%;display:none}.sb-setting.sb-type-upload-image .image[data-value]:before,.sb-setting [data-type="upload-image"] .image[data-value]:before{display:none}.sb-setting.sb-type-upload-image .image[data-value]>i,.sb-setting [data-type="upload-image"] .image[data-value]>i{display:block}.sb-setting.sb-type-upload-image .image[data-value]>i:hover,.sb-setting [data-type="upload-image"] .image[data-value]>i:hover{background-color:#ca3434}.sb-setting.sb-type-upload-image .image[data-value=""]>i,.sb-setting [data-type="upload-image"] .image[data-value=""]>i{display:none}.sb-setting.sb-type-upload-image .image[data-value=""]:before,.sb-setting [data-type="upload-image"] .image[data-value=""]:before{display:block}.sb-setting .multi-input-upload-image .image{height:100px;background-size:auto 64px}.sb-setting.sb-type-color .input{position:relative}.sb-setting.sb-type-color .input i{position:absolute;right:12px;font-size:10px;top:11px;cursor:pointer;opacity:0.5;z-index:2}.sb-setting.sb-type-color .input i:hover{opacity:1}.sb-setting.sb-type-color .input:after{content:"";position:absolute;background:#fff;right:1px;top:1px;width:32px;height:33px;border-top-right-radius:3px;border-bottom-right-radius:3px;z-index:0}.sb-setting.sb-type-repeater>.input{width:100%}.sb-setting .sb-repeater{margin-bottom:15px;display:block}.sb-setting .repeater-item{position:relative}.sb-setting .repeater-item .sb-repeater-add{padding:0;margin-top:-5px;width:35px}.sb-setting .repeater-item+.repeater-item{border-top:1px solid #e2e2e2;padding-top:20px;margin-top:20px}.sb-setting .repeater-item>div{position:relative;display:flex}.sb-setting .repeater-item>div+div{margin-top:10px}.sb-setting .repeater-item>div:empty{display:none}.sb-setting .repeater-item>div [readonly]:not([data-type="select-ajax"]):not(.sb-select-checkbox-input){min-width:0 !important;border:none;padding:0;text-align:center;font-weight:500;opacity:.5;width:20px}.sb-setting .repeater-item>div [readonly]:not([data-type="select-ajax"]):not(.sb-select-checkbox-input):hover{opacity:1}.sb-setting .repeater-item>div label{margin:0 15px 0 0}.sb-setting .repeater-item>div label+div{flex-grow:1}.sb-setting .repeater-item input,.sb-setting .repeater-item select{min-width:285px}.sb-setting .repeater-item textarea{min-width:260px}.sb-setting .repeater-item .sb-enlarger:before{font-size:13px;top:4px;transition:all 0.4s}.sb-setting .repeater-item .sb-enlarger:hover:before{color:#028be5}.sb-setting .repeater-item>i{position:absolute;right:-30px;top:50%;margin-top:4px;width:14px;font-size:9px;height:14px;line-height:16px;text-align:center;cursor:pointer}.sb-setting .repeater-item>i:hover{color:#ca3434}.sb-setting .repeater-item:first-child>i{margin-top:-6px}.sb-setting .sb-repeater-add+.sb-btn-icon{transform:translate(11px, 13px);margin-top:-35px}.sb-setting .sb-repeater-add+.sb-btn-icon.sb-icon-clip:before{font-size:16px}.sb-setting input+input{margin-top:8px}.sb-setting.sb-type-select-images .input{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-gap:27px}.sb-setting.sb-type-select-images .input>div{width:80px;height:80px;background-size:contain;background-position:center center;background-repeat:no-repeat;border-radius:4px;border:1px solid #d4d4d4;position:relative;cursor:pointer;opacity:.6;transition:all 0.4s}.sb-setting.sb-type-select-images .input>div.sb-icon-close{text-align:center;line-height:82px;color:#d4d4d4;border:none !important;box-shadow:none !important;font-size:20px;opacity:1}.sb-setting.sb-type-select-images .input>div:hover,.sb-setting.sb-type-select-images .input>div.sb-active:not(.sb-icon-close){color:#028be5;border-color:#028be5;box-shadow:0 0 5px rgba(39,156,255,0.2);opacity:1}.sb-setting [data-type="upload-file"]{width:100%;overflow:hidden}.sb-setting [data-type="upload-file"] input{min-width:100px}.sb-setting [data-type="upload-file"] .sb-btn{margin-left:5px;flex:0 0 auto}.sb-setting #push-notifications-onesignal-app-id:not(.sb-active),.sb-setting #push-notifications-onesignal-api-key:not(.sb-active),.sb-setting #push-notifications-sw-path:not(.sb-active){display:none !important}.repeater-item .sb-enlarger label,.sb-repeater-inputs-v .sb-enlarger label{min-width:160px}.repeater-item .repeater-item>div input:last-child,.repeater-item .repeater-item>div select:last-child,.repeater-item .repeater-item>div textarea:last-child,.sb-repeater-inputs-v .repeater-item>div input:last-child,.sb-repeater-inputs-v .repeater-item>div select:last-child,.sb-repeater-inputs-v .repeater-item>div textarea:last-child{margin-bottom:-1px;border-bottom-right-radius:0;border-bottom-left-radius:0}.repeater-item .repeater-item>div+div,.sb-repeater-inputs-v .repeater-item>div+div{margin-top:0}.repeater-item .repeater-item>div+div input:first-child,.repeater-item .repeater-item>div+div select:first-child,.repeater-item .repeater-item>div+div textarea:first-child,.sb-repeater-inputs-v .repeater-item>div+div input:first-child,.sb-repeater-inputs-v .repeater-item>div+div select:first-child,.sb-repeater-inputs-v .repeater-item>div+div textarea:first-child{border-top-right-radius:0;border-top-left-radius:0}.repeater-item .repeater-item>div:last-of-type input,.repeater-item .repeater-item>div:last-of-type select,.repeater-item .repeater-item>div:last-of-type textarea,.sb-repeater-inputs-v .repeater-item>div:last-of-type input,.sb-repeater-inputs-v .repeater-item>div:last-of-type select,.sb-repeater-inputs-v .repeater-item>div:last-of-type textarea{border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-top-right-radius:0;border-top-left-radius:0}.repeater-item .repeater-item input:focus,.repeater-item .repeater-item select:focus,.repeater-item .repeater-item textarea:focus,.sb-repeater-inputs-v .repeater-item input:focus,.sb-repeater-inputs-v .repeater-item select:focus,.sb-repeater-inputs-v .repeater-item textarea:focus{z-index:2;position:relative}.repeater-item .repeater-item+.repeater-item,.sb-repeater-inputs-v .repeater-item+.repeater-item{border-top:none;padding-top:0;margin-top:10px}.repeater-item .repeater-item+.repeater-item>i,.sb-repeater-inputs-v .repeater-item+.repeater-item>i{margin-top:-6px}.repeater-item .repeater-item .sb-sub-repeater-close,.sb-repeater-inputs-v .repeater-item i{right:10px;background:#fff;border-radius:50%;color:#566069;z-index:9}.sb-repeater-inputs-h .repeater-item i{right:10px}.sb-repeater-inputs-h .repeater-item input,.sb-repeater-inputs-h .repeater-item select,.sb-repeater-inputs-h .repeater-item textarea{position:relative;margin:0}.sb-repeater-inputs-h .repeater-item input+input,.sb-repeater-inputs-h .repeater-item input+select,.sb-repeater-inputs-h .repeater-item input+textarea,.sb-repeater-inputs-h .repeater-item select+input,.sb-repeater-inputs-h .repeater-item select+select,.sb-repeater-inputs-h .repeater-item select+textarea,.sb-repeater-inputs-h .repeater-item textarea+input,.sb-repeater-inputs-h .repeater-item textarea+select,.sb-repeater-inputs-h .repeater-item textarea+textarea{margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}.sb-repeater-inputs-h .repeater-item input:first-child,.sb-repeater-inputs-h .repeater-item select:first-child,.sb-repeater-inputs-h .repeater-item textarea:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.sb-repeater-inputs-h .repeater-item input:last-child,.sb-repeater-inputs-h .repeater-item select:last-child,.sb-repeater-inputs-h .repeater-item textarea:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.sb-repeater-inputs-h .repeater-item input:focus,.sb-repeater-inputs-h .repeater-item select:focus,.sb-repeater-inputs-h .repeater-item textarea:focus{z-index:2}.repeater-item .sb-custom-select,.repeater-item .sb-select-checkbox,.sb-type-multi-input .sb-custom-select,.sb-type-multi-input .sb-select-checkbox{width:284px;max-width:284px;left:auto}.sb-lightbox .sb-repeater-inputs-h .sb-repeater,.sb-lightbox .sb-repeater-inputs-v .sb-repeater{width:auto}.sb-translations .sb-setting,.sb-automations-area .sb-setting{display:block;margin-bottom:15px}.sb-type-select.sb-loading select{visibility:hidden;transition:none}.sb-translations{width:100%}.sb-translations h2{font-size:15px;line-height:27px;margin:2px 0 20px;display:flex;justify-content:space-between;align-items:center}.sb-translations .sb-content{padding:0}.sb-translations .sb-content>div:first-child{display:flex;justify-content:space-between}.sb-translations .sb-content.sb-loading:before{top:15px}.sb-translations .sb-translations-list{padding-top:30px}.sb-translations .sb-translations-list>div:not(.sb-active){display:none}.sb-translations .sb-nav{padding:0;border:none}.sb-translations .sb-nav li{padding-left:30px !important;position:relative}.sb-translations .sb-nav li img{position:absolute;left:0;width:17px;top:13px;border-radius:2px;box-shadow:0px 1px 2px rgba(0,0,0,0.3)}.sb-translations .sb-new-translation{margin-bottom:25px}.sb-automations-area>.sb-tab>.sb-content{margin-top:-35px}.sb-automations-area .sb-nav-only{margin-right:30px}.sb-automations-area h2{font-size:13.5px}.sb-automation-values [data-id="profile_image"],.sb-automation-values [data-id="icon"],.sb-automation-values [data-id="brand"]{width:70px;height:70px;max-height:70px}[data-automation-type="more"] .sb-automation-values>h2+div+h2,[data-automation-type="more"] .sb-automation-values>h2+div+h2+div{display:none}.sb-conditions>div,.sb-flow-conditions>div{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:15px}.sb-conditions select,.sb-conditions input,.sb-flow-conditions select,.sb-flow-conditions input{min-width:50px}.sb-timetable>div>div{display:flex;justify-content:space-between;align-items:center;position:relative}.sb-timetable>div>div span{padding:0 10.5px;font-size:12px}.sb-timetable>div>div>div{font-size:13px;line-height:30px;height:30px;min-width:88px;padding:0 0 0 7px;position:relative;border-radius:4px;border:1px solid #d4d4d4;transition:all 0.4s}.sb-timetable>div>div>div:after{content:"\61";font-family:"Support Board Icons";position:absolute;right:8px;font-size:9px;font-style:normal;font-weight:normal;line-height:30px}.sb-timetable>div>div>div:hover{cursor:pointer;border:1px solid #028be5;box-shadow:0 0 5px rgba(39,156,255,0.2)}.sb-timetable .sb-custom-select{top:31px;left:-1px;left:auto;width:95px}.sb-timetable>div+div{margin-top:12px}.sb-timetable label{min-width:95px;margin:0 0 10px 0}.sb-timetable>.sb-custom-select{display:none}.sb-custom-select{position:absolute;top:35px;right:-1px;width:100%;margin:0;background:#fff;border-radius:4px;border:1px solid #d4d4d4;z-index:9;margin:2px 0 0 0;font-size:13px;line-height:25px;max-height:250px;height:auto;overflow-y:scroll}.sb-custom-select span{display:block;cursor:pointer;padding:5px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:22px}.sb-custom-select span:hover{color:#028be5;background-color:#f5f7fa}.sb-custom-select.sb-loading,.sb-select-checkbox.sb-loading{height:50px !important;width:100% !important}input[data-type="select-ajax"],[data-type="select-ajax"] input{cursor:pointer}.sb-color-palette{background:none !important}.sb-color-palette span{width:35px;height:35px;border-radius:50%;cursor:pointer;display:block;transition:all 0.4s;position:relative}.sb-color-palette span:hover{opacity:0.7}.sb-color-palette span.sb-active+ul{display:block}.sb-color-palette ul{padding:5px 10px;position:absolute;margin:15px 0 0 -10px;display:none}.sb-color-palette ul li{width:35px;height:35px;border-radius:50%;cursor:pointer;margin:5px 0;transition:all 0.4s}.sb-color-palette ul li:hover{opacity:0.7}.sb-color-palette ul li[data-value=""]{box-shadow:inset 0px 0px 1px #919191;margin-bottom:6px}.sb-color-palette:not([data-value]) span,.sb-color-palette[data-value=""] span{background-color:#f2f5f5}[data-color="red"],[data-value="red"],[data-value="red"]>span{background-color:#e22424;color:#fff}[data-color="yellow"],[data-value="yellow"],[data-value="yellow"]>span{background-color:#f5a212;color:#fff}[data-color="green"],[data-value="green"],[data-value="green"]>span{background-color:#1fa839;color:#fff}[data-color="pink"],[data-value="pink"],[data-value="pink"]>span{background-color:#5b31f1;color:#fff}[data-color="gray"],[data-value="gray"],[data-value="gray"]>span{background-color:#282828;color:#fff}[data-color="blue"],[data-value="blue"],[data-value="blue"]>span{background-color:#008db5;color:#fff}[data-color-text="red"]{color:#e22424}[data-color-text="yellow"]{color:#f5a212}[data-color-text="green"]{color:#1fa839}[data-color-text="pink"]{color:#5b31f1}[data-color-text="gray"]{color:#282828}[data-color-text="blue"]{color:#008db5}.sb-select-colors>[data-value="red"]{color:#e22424}.sb-select-colors>[data-value="yellow"]{color:#f5a212}.sb-select-colors>[data-value="green"]{color:#1fa839}.sb-select-colors>[data-value="pink"]{color:#5b31f1}.sb-select-colors>[data-value="gray"]{color:#282828}.sb-select-colors>[data-value="blue"]{color:#008db5}.sb-board>.sb-admin-list .sb-scroll-area li[data-color="red"]:before{background-color:#e22424}.sb-board>.sb-admin-list .sb-scroll-area li[data-color="yellow"]:before{background-color:#f5a212}.sb-board>.sb-admin-list .sb-scroll-area li[data-color="green"]:before{background-color:#1fa839}.sb-board>.sb-admin-list .sb-scroll-area li[data-color="pink"]:before{background-color:#5b31f1}.sb-board>.sb-admin-list .sb-scroll-area li[data-color="gray"]:before{background-color:#282828}.sb-board>.sb-admin-list .sb-scroll-area li[data-color="blue"]:before{background-color:#008db5}#departments>.input{width:100%}#departments .repeater-item{display:flex;border:none;padding-top:0}#departments .repeater-item>div{margin:0}#departments .repeater-item>div:first-child{min-width:calc(100% - 128px)}#departments .repeater-item input:not([readonly]){min-width:100px !important}#departments .repeater-item>div+div{padding-left:15px}#departments .repeater-item>div+div label{display:none}#departments .repeater-item>i{top:50%;margin-top:-7px}#departments .repeater-item label{margin-bottom:0;line-height:35px;min-width:80px}#departments .repeater-item .image{width:33px;height:33px;border-radius:50%}#departments .repeater-item .image:before{font-size:7px;color:#b6b6b6;margin:-15px 0 0 -16px}#departments .repeater-item .image:hover:before{color:#028be5}#chat-sb-icons .input>div:not(.sb-icon-close){background-color:#d4d4d4;border-radius:50%}#chat-sb-icons .input>.sb-active:not(.sb-icon-close),#chat-sb-icons .input>div:not(.sb-icon-close):hover{background-color:#028be5 !important}.sb-open-ai-faq-box{top:30px !important;bottom:30px;margin-top:0 !important;max-height:none !important}.sb-open-ai-faq-box textarea{min-height:66px}.sb-area-reports>.sb-top-bar .sb-select,.sb-area-reports .sb-top-bar .sb-select+div{margin-right:15px}.sb-area-reports>.sb-scroll-area{padding:20px;height:calc(100% - 115px)}#sb-date-picker{text-align:center;font-weight:500;min-width:255px}.sb-report-agents-ratings td .sb-icon-check,.sb-report-agents-ratings td .sb-icon-like,.sb-report-articles-ratings td .sb-icon-check,.sb-report-articles-ratings td .sb-icon-like{margin:0 10px 0 0}.sb-report-agents-ratings td .sb-icon-close,.sb-report-agents-ratings td .sb-icon-dislike,.sb-report-articles-ratings td .sb-icon-close,.sb-report-articles-ratings td .sb-icon-dislike{margin:0 10px 0 15px}.sb-report-block{padding:20px;border-radius:8px;border:1px solid #d4d4d4}.sb-report-block .sb-chart{margin:30px -10px 0 -10px}.sb-report-block-header{display:flex;justify-content:space-between}.sb-report-block-header>div{width:calc(100% - 35px)}.sb-report-block-header>div>span{display:block;font-weight:500;letter-spacing:.3px;color:#24272a}.sb-report-block-header>div>span:first-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;min-width:0;font-size:15px}.sb-report-block-header>div>span:last-child{font-size:20px;margin:10px 0 0 0}.sb-report-block-header i{font-size:12px;transform:translate(5px, 1px);display:inline-block}.sb-report-block-header i.sb-icon-like{font-size:14px;padding-right:5px;transform:translate(0px, 1px)}.sb-report-block-header .sb-btn-icon{margin-top:-10px;margin-right:-5px}.sb-report-block-header .sb-btn-icon:before{font-size:16px}.sb-lightbox.sb-report-box{max-width:1000px;height:calc(100% - 50px)}.sb-lightbox.sb-report-box canvas{max-height:475px}.sb-lightbox.sb-report-box .sb-table{margin-top:30px}.sb-lightbox.sb-report-box .sb-table td .sb-icon-check,.sb-lightbox.sb-report-box .sb-table td .sb-icon-like{margin:0 10px 0 0;color:#1a9260}.sb-lightbox.sb-report-box .sb-table td .sb-icon-close,.sb-lightbox.sb-report-box .sb-table td .sb-icon-dislike{margin:0 10px 0 15px;color:#ca3434}.sb-lightbox.sb-report-box .sb-table td img{border-radius:3px;width:20px;margin:0 10px 0 0;transform:translateY(2px)}.sb-lightbox.sb-report-box .sb-table td img.sb-flag{height:13px}.sb-report-total span{color:#24272a;font-size:13px;letter-spacing:.3px;font-weight:500}.sb-report-total span+span{font-weight:400;padding-left:10px}.sb-qea-repeater-answer>label{position:relative}.sb-qea-repeater-answer>label i{position:absolute;right:0;top:0}.sb-qea-repeater-answer>label i:before{font-size:17px;line-height:35px}.sb-qea-repeater-answer>label i:not(.sb-active){display:none}.sb-area-chatbot .sb-repeater{margin-right:30px}.sb-area-chatbot .sb-repeater .sb-repeater{margin-right:0}.sb-area-chatbot>[data-id]:not(.sb-active){display:none}#sb-table-chatbot-files,#sb-table-chatbot-website{letter-spacing:.3px}#sb-table-chatbot-files td:first-child,#sb-table-chatbot-files td:last-child,#sb-table-chatbot-files th:first-child,#sb-table-chatbot-files th:last-child,#sb-table-chatbot-website td:first-child,#sb-table-chatbot-website td:last-child,#sb-table-chatbot-website th:first-child,#sb-table-chatbot-website th:last-child{max-width:25px;width:25px}#sb-table-chatbot-files td:last-child,#sb-table-chatbot-files th:last-child,#sb-table-chatbot-website td:last-child,#sb-table-chatbot-website th:last-child{padding-right:0}#sb-table-chatbot-files td:last-child i,#sb-table-chatbot-files th:last-child i,#sb-table-chatbot-website td:last-child i,#sb-table-chatbot-website th:last-child i{right:5px;top:12px}#sb-table-chatbot-files th:last-child,#sb-table-chatbot-website th:last-child{max-width:100px;width:100px;text-align:right}#sb-table-chatbot-files td,#sb-table-chatbot-website td{position:relative;transition:background-color .4s}#sb-table-chatbot-files td:nth-child(3),#sb-table-chatbot-website td:nth-child(3){width:100px;max-width:100px}#sb-table-chatbot-files label,#sb-table-chatbot-website label{letter-spacing:0.3px;font-size:12px;line-height:12px;color:#f69e00;font-weight:500;margin:0 15px}#sb-table-chatbot-files:empty+div .sb-btn-red,#sb-table-chatbot-website:empty+div .sb-btn-red{display:none}.sb-enlarger-function-calling.sb-active>div,.sb-enlarger-rest-api.sb-active>div{display:flex}.sb-enlarger-function-calling.sb-active>div:not(:last-child),.sb-enlarger-rest-api.sb-active>div:not(:last-child){margin-bottom:10px}[data-id="open-ai-faq-set-data"] .sb-setting{width:50%}[data-id="open-ai-faq-set-data"] .sb-setting+.sb-setting{margin-left:10px}#sb-chatbot-info{min-height:calc(100% - 2px)}#sb-chatbot-info p{line-height:30px;font-size:13px}[data-id="playground"]{height:100%}[data-id="playground"]>div{height:calc(100% - 70px)}[data-id="playground"]>div>div{height:calc(100% - 35px);padding:15px 20px 20px 20px;position:relative}.sb-playground{flex-grow:1}.sb-playground div.sb-rich-cnt .sb-message{overflow:visible}.sb-playground .sb-agent-name{display:none !important}.sb-playground .sb-scroll-area{height:calc(100% - 110px);letter-spacing:.3px}.sb-playground .sb-scroll-area>div{margin:0 15px 0 0;min-width:70px;animation:none !important}.sb-playground .sb-scroll-area>div>div:first-child{font-weight:500;font-size:13px;text-transform:uppercase;position:relative;margin-bottom:5px}.sb-playground .sb-scroll-area>div>div:first-child div{font-weight:400;position:absolute;right:0;top:0;opacity:0;transition:all 0.4s}.sb-playground .sb-scroll-area>div>div:first-child i{width:17px;height:17px}.sb-playground .sb-scroll-area>div>div:first-child i:before{font-size:10px;line-height:18px}.sb-playground .sb-scroll-area>div>div:first-child i.sb-loading:before{font-size:17px;line-height:30px}.sb-playground .sb-scroll-area>div>div:last-child,.sb-playground .sb-scroll-area>div>div a:not(.sb-btn){color:#566069;font-size:13px;line-height:21px}.sb-playground .sb-scroll-area>div:hover div div{opacity:1}.sb-playground .sb-scroll-area>div+div{margin-top:15px}.sb-playground .sb-scroll-area .sb-menu-btn,.sb-playground .sb-scroll-area .sb-menu,.sb-playground .sb-scroll-area .sb-time{display:none !important}.sb-playground .sb-scroll-area:empty{height:0}.sb-playground .sb-scroll-area:empty+.sb-no-results{display:block}.sb-playground .sb-scroll-area .sb-rich-message .sb-slider{margin:0}.sb-playground .sb-scroll-area .sb-rich-message .sb-card .sb-card-img+div+.sb-card-extra{top:45px;left:25px}.sb-playground .sb-no-results{display:none;min-height:50px}.sb-playground .sb-rich-cnt[data-type="chips"] .sb-text{padding:0}#sb-playground-query-panel{max-width:800px}#sb-playground-query-panel pre{text-align:left;margin:0;line-height:20px;font-size:15px}#sb-playground-embeddings-panel p{text-align:left;font-size:13px;line-height:20px;font-weight:400}#sb-playground-embeddings-panel p b{font-weight:500}#sb-playground-embeddings-panel p a{margin:0;color:#24272a}#sb-playground-embeddings-panel p span{display:block}#sb-playground-embeddings-panel p span+span{margin-top:15px;padding-top:15px;border-top:1px solid #d4d4d4}#sb-playground-embeddings-panel p span span{line-height:20px;margin-top:10px}.sb-playground-info{min-width:250px;border-left:1px solid #d4d4d4;line-height:25px;font-size:13px;letter-spacing:.3px}.sb-playground-info b{font-weight:500}.sb-playground-info .sb-btn-text{text-decoration:underline;margin-top:15px}.sb-playground-info .sb-btn-text+.sb-btn-text{margin-left:15px}.sb-playground-editor{position:absolute;bottom:20px;left:20px;right:20px}.sb-playground-editor>.sb-flex{justify-content:space-between;margin:15px 0 0 0}.sb-playground-editor>.sb-flex [data-value=add]:not(:hover){opacity:.6}.sb-playground-editor textarea{min-height:25px}.sb-playground-editor [data-value="clear"]:not(.sb-loading):before{font-size:10px}.sb-playground-editor [data-value="history"]:before{font-size:14px}.sb-playground-editor [data-value="auto-clear"].sb-active{color:#ca3434}.sb-playground-editor [data-value="auto-clear"]:before{font-size:14px}.sb-playground-history{height:250px;transform:none;left:88px;bottom:75px}.sb-playground-history>div{height:100% !important}.sb-playground-history li{white-space:nowrap;font-size:13px;height:30px;line-height:33px;overflow:hidden;text-overflow:ellipsis;padding:0 15px;cursor:pointer;transition:all 0.4s;position:relative}.sb-playground-history li:hover{color:#028be5}.sb-playground-history p{margin:15px}.sb-playground-history .sb-close{display:none}[data-id="flows"]>.sb-content{overflow:hidden;overflow-x:scroll;position:relative;display:flex;padding-top:0;padding-bottom:0}[data-id="flows"]>.sb-content>div{width:200px;min-width:200px;margin-right:50px;display:flex !important;justify-content:center;flex-direction:column;align-items:center;position:relative}[data-id="flows"]>.sb-content>div>div:not(.sb-flow-add-step){overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none;padding:20px 0;width:100%}[data-id="flows"]>.sb-content>div:first-child .sb-flow-add-block,[data-id="flows"]>.sb-content>div:last-child .sb-flow-add-step{display:none}.sb-flow-add-block{height:40px;text-align:center;line-height:45px;border-radius:4px;cursor:pointer;border:1px dashed #566069;position:relative;transition:all 0.4s}.sb-flow-add-block:hover{background:#028be5;border-color:#028be5}.sb-flow-add-block:hover:before{color:#fff}.sb-flow-add-step{position:absolute;right:-40px;width:30px;height:30px;top:50%;margin-top:-15px;text-align:center;line-height:35px;border-radius:50%;cursor:default;transition:all 0.4s}.sb-flow-block{border-radius:4px;border:1px solid #d4d4d4;transition:all 0.4s;background:#fff;cursor:pointer;letter-spacing:.3px}.sb-flow-block>div{padding:10px;font-size:13px;line-height:23px;user-select:none;position:relative}.sb-flow-block>div:first-child{transition:all 0.4s;font-weight:500;font-size:14px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;user-select:none}.sb-flow-block>div+div{transition:all 0.4s;border-top:1px solid #d4d4d4}.sb-flow-block>div+div:empty{display:none}.sb-flow-block+div{margin-top:10px}.sb-flow-block:hover{border-color:#028be5}.sb-flow-block[data-type="video"]>div+div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-flow-block[data-type="set_data"]>div>div,.sb-flow-block[data-type="action"]>div>div,.sb-flow-block[data-type="rest_api"]>div,.sb-flow-block[data-type="condition"]>div>div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-flow-connectors{padding:0 !important}.sb-flow-connectors>div{padding:5px 50px 5px 10px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:30px;transition:all 0.4s}.sb-flow-connectors>div:hover,.sb-flow-connectors>div.sb-active{color:#028be5}.sb-flow-connectors>div+div{border-top:1px solid #d4d4d4}.sb-flow-connectors:empty{display:none}.sb-flow-connectors>div>span,.sb-flow-block-cnt-name{position:absolute;right:0;top:0;bottom:0;width:35px;font-size:11px;letter-spacing:1px;font-weight:500;line-height:42px;text-align:center;border-left:1px solid #d4d4d4}#sb-flows-blocks-nav{position:fixed}#sb-flows-blocks-nav:not(.sb-active){display:none}.sb-flow-block-cnt{background:#f5f7fa;padding:10px;border-radius:4px;position:relative;transition:all 0.4s}.sb-flow-block-cnt+.sb-flow-block-cnt{margin-top:15px}.sb-flow-block-cnt.sb-active{background:#E6F2FC}.sb-flow-block-cnt.sb-active .sb-flow-block-cnt-name{color:#028be5;border-color:#028be5}.sb-flow-block-cnt-name{left:auto;right:0;bottom:auto;background:#f5f7fa;border-radius:4px;line-height:25px;width:30px;border:1px solid #d4d4d4;transition:all 0.4s;z-index:1}.sb-flows-blocks-nav-box{background:none;box-shadow:none;width:170px !important}.sb-flows-blocks-nav-box .sb-top-bar{padding:0 !important;border:none !important;margin:0 0 10px 0 !important}.sb-flows-blocks-nav-box .sb-top-bar .sb-close{background-color:#fff;opacity:1;padding:0;z-index:0}.sb-flows-blocks-nav-box .sb-main{padding:0 !important}.sb-flows-blocks-nav-box .sb-menu{width:100%;position:relative}#sb-block-delete{margin-top:60px;font-size:15px;letter-spacing:.3px}#sb-block-delete:hover{color:#ca3434}.sb-flow-block-box{height:calc(100% - 50px) !important}.sb-flow-block-box .sb-setting+.sb-setting{margin-top:30px}.sb-flow-block-box .sb-setting .repeater-item+.repeater-item,.sb-flow-block-box .sb-flow-conditions>div+div{border-top:none;padding-top:10px;margin-top:0}.sb-flow-block-box .sb-setting .repeater-item+.repeater-item>i,.sb-flow-block-box .sb-flow-conditions>div+div>i{margin-top:-1px}.sb-flow-block-box .sb-title{font-size:14px;font-weight:500;letter-spacing:.3px}.sb-flow-block-box .sb-title.sb-hide+.sb-setting{display:none}.sb-flow-block-box .sb-flow-conditions .sb-setting{margin-top:0}.sb-flow-block-box .sb-flow-conditions:empty+div{margin-top:0}.sb-flow-block-box .sb-flow-conditions [value="custom_variable"],.sb-flow-block-box .sb-flow-conditions [value="repeat"],.sb-flow-block-box .sb-flow-conditions [value="browsing_time"],.sb-flow-block-box .sb-flow-conditions [value="scroll_position"]{display:none !important}.sb-flow-block-box .sb-main .sb-add-condition{margin:10px 0 30px 0;width:auto}.sb-repeater-block-user-details .repeater-item>div{display:block}.sb-repeater-block-user-details .repeater-item+.repeater-item{padding-top:20px !important}.sb-repeater-block-user-details .sb-setting label{margin:0 15px 0 0;min-width:0;line-height:25px;font-weight:400;font-size:13px}.sb-repeater-block-user-details .sb-setting+.sb-setting{margin:10px 0 0 0;align-items:center}.sb-repeater-block-user-details input[type="checkbox"]{height:25px;min-height:25px;width:25px;min-width:25px !important}.sb-repeater-block-user-details input[type="checkbox"]:checked:before{line-height:25px;font-size:12px}.sb-repeater-block-tools-properties.sb-setting .repeater-item>div{display:block}.sb-repeater-block-data .sb-setting input,.sb-repeater-block-actions .sb-setting input,.sb-repeater-block-rest-api .sb-setting input,.sb-repeater-block-tools-headers .sb-setting input{min-width:308px}.sb-repeater-block-data .sb-setting+.sb-setting,.sb-repeater-block-actions .sb-setting+.sb-setting,.sb-repeater-block-rest-api .sb-setting+.sb-setting,.sb-repeater-block-tools-headers .sb-setting+.sb-setting{margin:0 0 0 15px}.sb-repeater-block-actions input::-webkit-inner-spin-button{-webkit-appearance:none;display:none}.sb-flow-scroll{position:fixed;z-index:1;bottom:15px;right:15px;width:35px;line-height:40px;height:35px;padding:0;border-radius:50%;background:#fff;text-align:center;cursor:pointer;transition:all 0.4s}.sb-flow-scroll:not(.sb-active){display:none}.sb-flow-scroll:before{color:#566069}.sb-flow-scroll:hover{background-color:#028be5;border-color:#028be5}.sb-flow-scroll:hover:before{color:#fff}.sb-flow-scroll.sb-icon-arrow-left{right:60px}.sb-flow-start-messages [data-id="message"]{min-height:45px}.sb-area-articles>.sb-tab>.sb-content .sb-loading:before{left:20px;top:30px}.sb-area-articles>.sb-tab>.sb-content .sb-article-content{padding-left:40px;max-width:1326px}.sb-area-articles>.sb-tab>.sb-content .sb-article-title,.sb-area-articles>.sb-tab>.sb-content .sb-article-link,.sb-area-articles>.sb-tab>.sb-content .sb-article-settings{max-width:1366px}.sb-area-articles .sb-add-category,.sb-area-articles .ul-categories{display:none !important}.sb-area-articles #editorjs{margin-top:-5px}.sb-area-articles[data-type="categories"] .sb-nav .sb-add-category{display:inline-flex !important}.sb-area-articles[data-type="categories"] .sb-nav .ul-categories{display:block !important}.sb-area-articles[data-type="categories"] .sb-nav .ul-articles,.sb-area-articles[data-type="categories"] .sb-nav .sb-add-article,.sb-area-articles[data-type="categories"] .sb-nav+.sb-content-articles{display:none !important}.sb-area-articles[data-type="categories"] .sb-nav+div+.sb-content-categories:not(.sb-hide){display:block !important}.sb-area-articles[data-type="categories"] .sb-view-article{display:none}.sb-area-articles .sb-content-categories{display:none !important}.sb-area-articles .sb-content-categories .sb-setting{display:block}.sb-area-articles #sb-article-id{display:block;margin-bottom:0}.sb-area-articles #sb-article-id span{font-weight:400;padding-left:15px}.sb-area-articles .sb-setting+h2,.sb-area-articles .sb-article-settings,.sb-area-articles #sb-article-id{margin-top:30px}.sb-content-articles:not([data-id]) .sb-language-switcher{display:none}.sb-article-settings{grid-template-columns:1fr 1fr}.sb-article-settings .sb-setting>div{width:100%}.sb-article-settings>div>h2{margin-top:0}.sb-article-settings .sb-setting>div input,.sb-article-settings .sb-setting>div select{max-width:none;width:100%}.sb-view-article[href=""]{display:none}#category-image{max-width:100px;background-size:cover}.sb-menu-articles .sb-docs,.sb-menu-chatbot .sb-docs{text-decoration:none;color:#566069;line-height:42px;opacity:.8}.sb-call-info-box .sb-title{margin-top:30px}.sb-audio-transcript-cnt>div>span:first-child{font-weight:500;padding-right:15px}#sb-whatsapp-alert-btn{transform:translateY(2px);display:inline-block;margin-left:15px;transition:all 0.4s}#sb-whatsapp-alert-btn:hover{opacity:.6}.sb-btn-app-disable{display:none !important}@keyframes sb-lightbox-animation{0%{transform:translateY(-50px);opacity:0}100%{transform:translateY(0);opacity:1}}[data-provider="twilio"] .sb-whatsapp-box-header,[data-provider="twilio"] .sb-whatsapp-box-header+div{display:none}.sb-lightbox{position:fixed;width:calc(100% - 50px);height:auto;padding:0;max-width:700px;max-height:700px;left:50%;top:50%;margin-left:150px;margin-top:150px;border-radius:6px;display:none;transition:opacity 0.4s, transform 0.4s}.sb-lightbox.sb-active{display:block;animation:sb-lightbox-animation 0.5s}.sb-lightbox.sb-dialogflow-intent-box,.sb-lightbox.sb-updates-box{height:calc(100% - 100px)}.sb-lightbox .sb-top-bar{padding:20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d4d4d4;margin-bottom:30px}.sb-lightbox .sb-top-bar>div{display:flex;align-items:center}.sb-lightbox .sb-top-bar>div:first-child{font-weight:500;font-size:18px;letter-spacing:.3px;line-height:45px;white-space:nowrap;overflow:hidden;margin-right:15px}.sb-lightbox .sb-top-bar>div:first-child a{text-decoration:none}.sb-lightbox .sb-top-bar>div:first-child a i{font-size:13px;color:#b1c2d1;margin-left:15px}.sb-lightbox .sb-top-bar>div:first-child a i:hover{color:#028be5}.sb-lightbox .sb-main{display:block;padding:0 20px 30px 20px;justify-content:space-between;height:calc(100% - 149px)}.sb-lightbox .sb-main>div{height:auto;width:100%}.sb-lightbox .sb-main>.sb-title+*,.sb-lightbox .sb-main>div>.sb-title+*,.sb-lightbox .sb-main p+.sb-title{margin-top:27px}.sb-lightbox .sb-main>.sb-title+* *:first-child,.sb-lightbox .sb-main>div>.sb-title+* *:first-child,.sb-lightbox .sb-main p+.sb-title *:first-child{margin-top:0}.sb-lightbox .sb-main>.sb-setting+.sb-title,.sb-lightbox .sb-main>div>.sb-setting+.sb-title{margin-top:30px}.sb-lightbox .sb-main p{font-size:14px;line-height:24px;letter-spacing:0.3px;margin:0;color:#566069}.sb-lightbox .sb-main p a:not([class]){color:#028be5;text-decoration:none}.sb-lightbox .sb-main p b{font-weight:500}.sb-lightbox .sb-main>.sb-bottom{padding-top:30px;display:flex;align-items:center;justify-content:space-between}.sb-lightbox .sb-info{padding:20px;background:#ca3434;color:#fff;font-size:14px;line-height:23px;border-top-left-radius:6px;border-top-right-radius:6px;letter-spacing:0.3px;position:absolute;right:0;left:0;z-index:5;height:45px;font-weight:500;cursor:pointer;align-items:center;display:none}.sb-lightbox .sb-info a{color:#FFF;padding-left:4px}.sb-lightbox .sb-info.sb-active{display:flex;animation:sb-fade-animation 0.4s}.sb-lightbox .sb-repeater{width:calc(100% - 25px)}.sb-lightbox .sb-player{display:inline-flex;margin:auto;border:1px solid #d4d4d4;border-radius:26px;justify-content:center}.sb-lightbox .sb-main .sb-title{font-weight:500}.sb-lightbox.sb-lightbox-media{animation:none;background:#000}.sb-lightbox-overlay{z-index:995 !important;background-color:rgba(255,255,255,0.9) !important}.sb-lightbox-overlay.sb-active{display:block}.sb-lightbox-media.sb-active+.sb-lightbox-overlay{background-color:rgba(0,0,0,0.6) !important}.sb-profile-edit-box,.sb-profile-box{height:calc(100% - 50px);max-width:1000px}.sb-profile-edit-box .sb-main,.sb-profile-box .sb-main{display:flex;padding:0 20px}.sb-profile-edit-box .sb-main>div,.sb-profile-box .sb-main>div{height:100%;width:50%}.sb-direct-message-box,#sb-whatsapp-send-template-box{height:calc(100% - 50px);max-width:1000px}.sb-direct-message-box .sb-bottom div+a,#sb-whatsapp-send-template-box .sb-bottom div+a{margin-left:15px}.sb-direct-message-box .sb-bottom>div,#sb-whatsapp-send-template-box .sb-bottom>div{font-weight:500;margin:0 15px;color:#028be5}.sb-direct-message-box .sb-bottom>div:empty,#sb-whatsapp-send-template-box .sb-bottom>div:empty{display:none}.sb-updates-box .sb-input,.sb-requirements-box .sb-input{justify-content:flex-start}.sb-updates-box .sb-input>span,.sb-requirements-box .sb-input>span{max-width:200px;min-width:200px}.sb-updates-box .sb-input>div,.sb-requirements-box .sb-input>div{font-size:13px;letter-spacing:0.3px;background:rgba(255,196,88,0.15);color:#9b7424;width:100%;line-height:20px;padding:13px;border-radius:4px}.sb-updates-box .sb-input>div.sb-green,.sb-requirements-box .sb-input>div.sb-green{background-color:rgba(26,146,96,0.07);color:#15744d}.sb-requirements-box .sb-input>div{display:inline-block;padding:5px 10px;width:auto}.sb-requirements-box .sb-main>p{margin-top:30px}.sb-dialog-box{max-width:500px;height:auto;min-height:75px;text-align:center;padding:30px;z-index:999998}.sb-dialog-box p{font-weight:500;font-size:15px;line-height:30px;margin:0 0 20px 0}.sb-dialog-box p>.sb-icon-help{text-decoration:none;font-size:13px;transform:translateY(1px);display:inline-block;color:#24272a}.sb-dialog-box a,.sb-dialog-box .sb-btn:not(.sb-hide)+a{margin:0 7px}.sb-dialog-box .sb-link-text{margin:0;color:#24272a}.sb-dialog-box[data-type="choice"] .sb-close,.sb-dialog-box[data-type="alert"] .sb-close,.sb-dialog-box[data-type="info"] .sb-cancel,.sb-dialog-box[data-type="info"] .sb-confirm,.sb-dialog-box[data-type="map"] .sb-cancel,.sb-dialog-box[data-type="map"] .sb-confirm{display:none}.sb-dialog-box iframe{width:100%;height:400px;border:none;margin:0;display:block}.sb-dialog-box pre{font-family:monospace;margin:10px 0 0 0;overflow-x:scroll;padding:5px 5px 7px 5px;border-radius:3px;border:1px solid #d4d4d4;font-weight:400}.sb-dialog-box#error pre{white-space:normal}.sb-dialog-box .sb-title{font-size:17px;line-height:50px;margin:-30px -30px 30px -30px;border-bottom:1px solid #d4d4d4;font-weight:500;padding:10px 30px}.sb-dialog-box .sb-title .sb-icon-info{color:#ca3434}.sb-dialog-box .sb-title .sb-icon-check{color:#028be5}.sb-dialog-box .sb-title i{font-size:25px;display:block;height:42px;text-align:center}.sb-dialog-box .sb-title:empty{display:none}.sb-dialog-box[data-type="map"]{max-width:1000px;padding:0}.sb-dialog-box[data-type="map"] p{margin:0}.sb-dialog-box[data-type="map"]>div{position:absolute;z-index:9;top:10px;right:0}.sb-dialogflow-intent-box .sb-intent-add,.sb-dialogflow-intent-box .sb-bot-response{position:relative}.sb-dialogflow-intent-box .sb-intent-add i,.sb-dialogflow-intent-box .sb-bot-response i{position:absolute;margin-left:15px;top:-10px}.sb-dialogflow-intent-box .sb-intent-add i:before,.sb-dialogflow-intent-box .sb-bot-response i:before{font-size:16px}.sb-dialogflow-intent-box .sb-intent-add i.sb-loading:before,.sb-dialogflow-intent-box .sb-bot-response i.sb-loading:before{line-height:30px;font-size:20px}.sb-dialogflow-intent-box .sb-intent-add{margin-top:10px}.sb-dialogflow-intent-box .sb-intent-add i{position:absolute;margin-left:15px;top:-10px}.sb-dialogflow-intent-box .sb-intent-add i+i{margin-left:50px}.sb-dialogflow-intent-box .sb-intent-add i+i+i{margin-left:85px}.sb-dialogflow-intent-box .sb-type-text+.sb-type-text{margin-top:5px}.sb-dialogflow-intent-box .sb-title.sb-title-search .sb-search-btn{right:36px}.sb-bot-response.sb-disabled{position:relative}.sb-bot-response.sb-disabled textarea{opacity:0.5}.sb-bot-response.sb-disabled i{display:none !important}.sb-bot-response.sb-disabled:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}#sb-intent-preview,#sb-qea-preview{position:absolute;top:-1px;right:0;font-size:18px;cursor:pointer;transition:all 0.4s}#sb-intent-preview:hover,#sb-qea-preview:hover{color:#028be5}#sb-envato-box p,.sb-bold-list p{font-weight:400;text-align:left}#sb-envato-box b,.sb-bold-list b{display:inline-block;width:150px;font-weight:500}#opencart-order-details{padding:20px 30px}#opencart-order-details .sb-title{text-align:left}#opencart-order-details .sb-panel-details{border:none}#opencart-order-details .sb-title-opencart-products{color:#24272a;margin-top:-30px;font-weight:500;font-size:16px}#opencart-order-details .sb-list-links{text-align:left}#opencart-order-details .sb-list-links>a{padding:0;margin:0;font-weight:400;font-size:16px;line-height:30px}#opencart-order-details .sb-list-links>a span:last-child{float:right}#opencart-order-details .sb-panel-details{display:inline-block;width:calc(100% - 150px);padding:0}#opencart-order-details .oc-b-products{transform:translateY(-10px)}#intent-preview-box,#qea-preview-box{max-width:350px;padding:30px;text-align:left}#intent-preview-box>p,#qea-preview-box>p{font-weight:400;font-size:13px;text-align:left}#intent-preview-box>p span,#qea-preview-box>p span{display:block;line-height:20px;overflow:hidden}#intent-preview-box>p span+span,#qea-preview-box>p span+span{margin-top:8px}#intent-preview-box .sb-btn,#qea-preview-box .sb-btn{margin:0}#sb-errors-list-box{max-width:600px}#sb-errors-list-box pre{white-space:normal;text-align:left;padding:7px 10px}.sb-loading-global{height:36px;width:36px;max-width:36px;max-height:36px;margin:-18px 0 0 -18px;color:#028be5;border-radius:3px;border-radius:50%}.sb-lightbox-overlay.sb-active+.sb-loading-global{box-shadow:none}.sb-admin-box{max-width:500px;margin:30px auto;padding:48px 40px 36px;border-radius:6px;border:1px solid #d4d4d4;background:#fff;position:relative}.sb-admin-box .sb-top-bar{padding-bottom:30px}.sb-admin-box .sb-top-bar img{max-width:300px}.sb-admin-box .sb-top-bar .sb-title{font-size:20px;line-height:20px;font-weight:500;margin:30px 0px 15px 0px}.sb-admin-box .sb-text{font-size:15px;line-height:25px;color:#566069}.sb-admin-box .sb-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:30px}.sb-admin-box .sb-info{font-size:13px;line-height:20px;color:#fff;background-color:#ca3434;right:0;left:0;top:0;margin:0 0 40px 0;padding:15px 20px;border-radius:4px;display:none}.sb-admin-box .sb-info.sb-active{display:block;animation:sb-fade-animation 0.4s}.sb-admin-box .sb-text+.sb-input,.sb-admin-box .sb-input+.sb-text{margin-top:30px}.sb-rich-login{max-width:500px}.sb-rich-login .sb-forgot{font-size:12px;margin-top:15px;text-align:right;color:#566069}.sb-rich-login .sb-register{font-weight:500;font-size:15px}.sb-rich-login .sb-forgot,.sb-rich-login .sb-register{cursor:pointer;transition:all 0.4s;text-decoration:none}.sb-rich-login .sb-forgot:hover,.sb-rich-login .sb-register:hover{color:#028be5}#sb-error-check{display:none !important}.sb-language-switcher{display:flex;align-items:center}.sb-language-switcher img,.sb-language-switcher>i{display:block;opacity:.5;transition:all 0.4s;cursor:pointer}.sb-language-switcher img{border-radius:2px;margin:0 5px;width:20px;height:13px;position:relative;z-index:2}.sb-language-switcher span{position:relative;transition:all 0.4s}.sb-language-switcher span i{position:absolute;top:0;left:5px;line-height:18px;cursor:pointer;font-size:9px;opacity:0;z-index:0;transition:all 0.4s}.sb-language-switcher span i:hover{color:#ca3434}.sb-language-switcher span:hover{padding-left:15px;transition-delay:1s}.sb-language-switcher span:hover i{opacity:1;transition-delay:1s}.sb-language-switcher span:hover i:hover{transition-delay:0s}.sb-language-switcher>i{font-size:12px;line-height:12px;height:12px;margin-left:10px}.sb-language-switcher .sb-active img,.sb-language-switcher span:hover i,.sb-language-switcher span:hover img{opacity:1}.sb-language-switcher>i:hover{opacity:1;color:#028be5}.sb-languages-box .sb-main{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:20px;max-height:300px;margin-bottom:30px;padding-bottom:0}.sb-languages-box .sb-main>div{display:flex;align-items:center;font-size:14px;line-height:14px;cursor:pointer;transition:all 0.4s}.sb-languages-box .sb-main>div>img{margin-right:15px;border-radius:3px;width:26px;height:15px}.sb-languages-box .sb-main>div:hover{color:#028be5}.sb-apps{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px}.sb-apps>div{min-height:0;min-width:0;position:relative;overflow:hidden;padding:30px 30px 30px 130px;border-radius:6px;border:1px solid #cdd2d7;cursor:pointer;transition:all 0.4s}.sb-apps>div img{max-width:60px;position:absolute;left:30px;top:30px}.sb-apps>div h2{font-size:19px;padding:0;margin:0;color:#566069}.sb-apps>div p{font-size:14px;line-height:24px;letter-spacing:0.3px;margin:5px 0 0 0;color:#788692}.sb-apps>div i{position:absolute;right:30px;top:30px;color:#1a9260}.sb-apps>div:hover{border-color:#028be5;box-shadow:0 0 5px rgba(39,156,255,0.2)}.sb-apps>div.sb-disabled{opacity:0.5}.sb-panel-details .sb-whmcs-link{margin:15px 15px 0 15px}.sb-panel-whmcs .sb-list-items{margin:0 15px 0 15px}.sb-panel-aecommerce .sb-list-items>a>span:first-child,.sb-panel-martfury .sb-list-items>a>span:first-child,.sb-panel-opencart .sb-list-items>a>span:first-child{opacity:.6;margin-right:5px}.sb-panel-aecommerce .sb-list-links>a>span:last-child,.sb-panel-martfury .sb-list-links>a>span:last-child,.sb-panel-opencart .sb-list-links>a>span:last-child{float:right}.sb-panel-zendesk .sb-list-items>a{margin-bottom:5px}.sb-panel-zendesk .sb-list-items>a>span:first-child{display:block;line-height:15px;padding-left:22px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sb-panel-zendesk .sb-list-items>a>span:first-child i{right:auto;left:15px;font-style:normal;height:15px;width:15px;line-height:15px;text-align:center;border-radius:3px;font-size:9px;opacity:1;font-weight:500;color:#fff}.sb-panel-zendesk .sb-btn{margin-left:15px}.sb-panel-zendesk #sb-zendesk-update-ticket{top:10px}.sb-panel-zendesk #sb-zendesk-update-ticket:hover{color:#028be5}.sb-zendesk-status-n{background-color:#ffb057;color:#703815 !important}.sb-zendesk-status-o{background-color:#e34f32}.sb-zendesk-status-c{background-color:#13ca7e}.sb-zendesk-status-p{background-color:#3091ec;color:#fff}.sb-zendesk-status-s{background-color:#87929d}.sb-zendesk-sync:before{content:"";position:absolute;width:2px;background:#028be5;height:calc(100% - 7px);left:0;top:0}.sb-aecommerce-orders>a>span:last-child{margin-left:15px}.sb-panel-details .sb-woocommerce-cart>a{padding-right:35px}.sb-btn-app-setting:not(.sb-active){display:none}.sb-btn-app-setting:not(.sb-active)+.sb-btn{margin-left:0}#sb-embeddings-box{min-height:25px}#sb-embeddings-box p{margin:0}#sb-embeddings-box p span{display:block;font-weight:400;font-size:14px;margin:10px 0 0 0}#sb-embeddings-box p+div{display:none !important}.daterangepicker{position:absolute;color:inherit;background-color:#fff;border-radius:4px;border:1px solid #ddd;width:278px;max-width:none;padding:0;margin-top:7px;top:100px;right:20px !important;left:20px;z-index:3001;display:none;font-size:15px;line-height:1em}.daterangepicker.single .daterangepicker .ranges,.daterangepicker.single .drp-calendar{float:none}.daterangepicker.single .drp-selected{display:none}.daterangepicker.show-calendar .drp-calendar{display:block}.daterangepicker.show-calendar .drp-buttons{display:block}.daterangepicker.auto-apply .drp-buttons{display:none}.daterangepicker .drp-calendar{display:none;max-width:270px}.daterangepicker .drp-calendar.left{padding:8px 0 8px 8px}.daterangepicker .drp-calendar.right{padding:8px}.daterangepicker .drp-calendar.single .calendar-table{border:none}.daterangepicker .calendar-table .next span,.daterangepicker .calendar-table .prev span{color:#fff;border:solid black;border-width:0 2px 2px 0;border-radius:0;display:inline-block;padding:3px}.daterangepicker .calendar-table .next span{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}.daterangepicker .calendar-table .prev span{transform:rotate(135deg);-webkit-transform:rotate(135deg)}.daterangepicker .calendar-table th,.daterangepicker .calendar-table td{white-space:nowrap;text-align:center;vertical-align:middle;min-width:32px;width:32px;height:24px;line-height:24px;font-size:12px;border-radius:4px;border:1px solid transparent;white-space:nowrap;cursor:pointer}.daterangepicker .calendar-table th{font-weight:500;font-size:13px;letter-spacing:.3px}.daterangepicker .calendar-table{border:1px solid #fff;border-radius:4px;background-color:#fff}.daterangepicker .calendar-table table{width:100%;margin:0;border-spacing:0;border-collapse:collapse}.daterangepicker td.available:hover,.daterangepicker th.available:hover{background-color:#eee;border-color:transparent;color:inherit}.daterangepicker td.week,.daterangepicker th.week{font-size:80%;color:#ccc}.daterangepicker td.off,.daterangepicker td.off.in-range,.daterangepicker td.off.start-date,.daterangepicker td.off.end-date{background-color:#fff;border-color:transparent;color:#999}.daterangepicker td.in-range{background-color:#ebf4f8;border-color:transparent;color:#000;border-radius:0}.daterangepicker td.start-date{border-radius:4px 0 0 4px}.daterangepicker td.end-date{border-radius:0 4px 4px 0}.daterangepicker td.start-date.end-date{border-radius:4px}.daterangepicker td.active,.daterangepicker td.active:hover{background-color:#028be5;border-color:transparent;color:#fff}.daterangepicker th.month{width:auto;font-weight:500;font-size:13px;letter-spacing:.3px}.daterangepicker td.disabled,.daterangepicker option.disabled{color:#999;cursor:not-allowed;text-decoration:line-through}.daterangepicker select.monthselect,.daterangepicker select.yearselect{font-size:12px;padding:1px;height:auto;margin:0;cursor:default}.daterangepicker select.monthselect{margin-right:2%;width:56%}.daterangepicker select.yearselect{width:40%}.daterangepicker select.hourselect,.daterangepicker select.minuteselect,.daterangepicker select.secondselect,.daterangepicker select.ampmselect{width:50px;margin:0 auto;background:#eee;border:1px solid #d4d4d4;padding:2px;outline:0;font-size:12px;background:transparent;border-radius:4px}.daterangepicker .calendar-time{text-align:center;margin:4px auto 0 auto;line-height:30px;position:relative}.daterangepicker .calendar-time select.disabled{color:#ccc;cursor:not-allowed}.daterangepicker .drp-buttons{clear:both;text-align:right;padding:8px;border-top:1px solid #ddd;display:none;line-height:12px;vertical-align:middle}.daterangepicker .drp-selected{display:inline-block;font-size:12px;padding-right:8px}.daterangepicker .drp-buttons .btn{margin-left:8px;font-size:12px;font-weight:bold;padding:4px 8px}.daterangepicker.show-ranges.single.rtl .drp-calendar.left{border-right:1px solid #ddd}.daterangepicker.show-ranges.single.ltr .drp-calendar.left{border-left:1px solid #ddd}.daterangepicker.show-ranges.rtl .drp-calendar.right{border-right:1px solid #ddd}.daterangepicker.show-ranges.ltr .drp-calendar.left{border-left:1px solid #ddd}.daterangepicker .ranges{float:none;text-align:left;margin:0}.daterangepicker.show-calendar .ranges{margin-top:8px}.daterangepicker .ranges ul{list-style:none;margin:0 auto;padding:0;width:100%}.daterangepicker .ranges li{font-size:12px;padding:8px 12px;cursor:pointer}.daterangepicker .ranges li:hover{background-color:#eee}.daterangepicker .ranges li.active{background-color:#028be5;color:#fff}@media (min-width: 564px){.daterangepicker{width:auto}.daterangepicker .ranges ul{width:140px}.daterangepicker.single .ranges ul{width:100%}.daterangepicker.single .drp-calendar.left{clear:none}.daterangepicker.single .ranges,.daterangepicker.single .drp-calendar{float:left}.daterangepicker{direction:ltr;text-align:left;box-shadow:0 0 10px #0000001f}.daterangepicker .drp-calendar.left{clear:left;margin-right:0}.daterangepicker .drp-calendar.left .calendar-table{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.daterangepicker .drp-calendar.right{margin-left:0}.daterangepicker .drp-calendar.right .calendar-table{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.daterangepicker .drp-calendar.left .calendar-table{padding-right:8px}.daterangepicker .ranges,.daterangepicker .drp-calendar{float:left}}@media (min-width: 730px){.daterangepicker .ranges{width:auto}.daterangepicker .ranges{float:left}.daterangepicker.rtl .ranges{float:right}.daterangepicker .drp-calendar.left{clear:none !important}}.codex-editor:after{content:"\4d";font-family:"Support Board Icons";position:absolute;left:0;font-size:9px;font-style:normal;font-weight:normal;bottom:25px;opacity:.5;z-index:-1}input.ce-inline-tool-input{min-width:0}.ce-settings .ce-popover__container{width:250px !important}[data-item-name="list"]+[data-item-name="list"]+[data-item-name="list"]{display:none !important}.image-tool__caption{min-width:100px;width:calc(100% - 25px) !important;box-shadow:none}.cdx-search-field{display:none !important}.ce-block a{color:#24272a}.ce-header{font-size:16px !important;color:#24272a !important;font-weight:500 !important}h1.ce-header{font-size:23px !important}h2.ce-header{font-size:19px !important}.ce-toolbar__actions{padding-right:15px}.ce-block__content,.ce-toolbar__content{max-width:100% !important;margin:0}.cdx-input{width:auto}.ce-rawtool__textarea{min-height:0 !important;background:#f5f7fa !important}.ce-divider{background:#d4d4d4;border:none;margin:30px 0;height:1px}.cdx-search-field__icon{height:35px !important}.ct__content{color:#fff}.cdx-block{max-width:100% !important}.image-tool__image-picture{border-radius:3px}.ce-info-block{border-width:1px;border-style:solid;border-radius:3px;padding:10px;margin:30px 0}.ce-yellow{background:#fff6d3;border-color:#f7edc4;color:#38362a}.ce-green{background:#eaf9e1;border-color:#d0eed0;color:#2c3a2c}.ce-red{background:#ffe9de;border-color:#f0ddd4;color:#332a26}.ce-gray{background:#f2f2f2;border-color:#ececec;color:#313131}.ce-blue{background:#ebf3fa;border-color:#e0ebf5;color:#202224}.ce-black{background:#404040;border-color:#404040;color:#e9e9e9}.ce-popover-item__title{font-size:13.5px;letter-spacing:.3px}.ce-block--selected .ce-block__content{background:none}#whatsapp-cloud-sync-btn,#whatsapp-cloud-reconnect-btn{display:none}.sb-cloud-admin [id="user_type"],.sb-cloud-admin .sb-delete{display:none !important}.sb-cloud #whatsapp-cloud-sync-btn,.sb-cloud #whatsapp-cloud-reconnect-btn{display:flex}.sb-cloud #admin-title,.sb-cloud #login-icon,.sb-cloud #login-message,.sb-cloud #envato-purchase-code,.sb-cloud #envato-validation,.sb-cloud #email-piping-disable-cron,.sb-cloud #auto-updates,.sb-cloud #pusher,.sb-cloud #cookie-domain,.sb-cloud #system-requirements,.sb-cloud #sb-path,.sb-cloud #tab-aecommerce,.sb-cloud #admin-icon,.sb-cloud #push-notifications-provider,.sb-cloud #push-notifications-id,.sb-cloud #push-notifications-key,.sb-cloud #tab-whmcs,.sb-cloud #tab-perfex,.sb-cloud #tab-ump,.sb-cloud #tab-armember,.sb-cloud #tab-martfury,.sb-cloud #logs,.sb-cloud .sb-version,.sb-cloud #amazon-s3,.sb-cloud #whatsapp-twilio-btn.sb-active+#whatsapp-cloud-sync-btn,.sb-cloud #whatsapp-twilio-btn.sb-active+#whatsapp-cloud-sync-btn+#whatsapp-cloud-reconnect-btn{display:none !important}.sb-cloud #google-client-id:not(.sb-active),.sb-cloud #google-client-secret:not(.sb-active),.sb-cloud #google-refresh-token:not(.sb-active),.sb-cloud #open-ai-key:not(.sb-active){display:none !important}.sb-cloud #whatsapp-cloud-key:not(.sb-active),.sb-cloud #whatsapp-twilio-btn:not(.sb-active){display:none !important}.sb-cloud .sb-app-box .sb-setting,.sb-cloud .sb-app-box .sb-main .sb-title,.sb-cloud .sb-app-box .sb-btn-app-puchase{display:none !important}.sb-cloud .sb-active-app .sb-btn-app-disable{display:block !important}.sb-cloud .sb-active-app .sb-activate{display:none}.sb-main:not(.sb-cloud) #google-sync-mode,.sb-main:not(.sb-cloud) #open-ai-sync-mode,.sb-main:not(.sb-cloud) #whatsapp-cloud-sync-mode,.sb-main:not(.sb-cloud) #open-ai-training-cron-job{display:none !important}.sb-credits-panel-box p b a{display:none !important}.sb-onboarding-box{height:calc(100% - 50px)}.sb-onboarding-box .sb-setting{align-items:center}.sb-onboarding-box .sb-setting>div:first-child{padding-right:30px;width:100%}.sb-onboarding-box .sb-setting>div:last-child{flex:1}.sb-onboarding-box .sb-setting h2{font-size:16px;margin-bottom:15px;display:flex;align-items:center}.sb-onboarding-box .sb-setting h2 img,.sb-onboarding-box .sb-setting h2 i{font-size:18px;line-height:20px;margin-left:15px;height:18px;display:block;transform:none}.sb-onboarding-box .sb-setting h2 a{text-decoration:none}.sb-onboarding-box .sb-setting .sb-btn{width:70px}.sb-onboarding-box .sb-setting .sb-btn.sb-active{background-color:#1a9260;color:#1a9260;cursor:default}.sb-onboarding-box .sb-setting .sb-btn.sb-active:after{content:"\77";font-family:"Support Board Icons";position:absolute;left:0;right:0;color:#fff}.sb-onboarding-box .sb-setting+div{margin-top:15px;padding-top:15px;border-top:1px solid #e6e6e6}.sb-onboarding-box .sb-main>p{margin-bottom:30px}.sb-menu [data-value="switch"]{position:static !important}.sb-menu [data-value="switch"]>div{position:absolute;left:calc(100% - 1px);top:-61px;height:calc(100% + 45px);padding:8px 15px;background:#FFF;box-shadow:0 4px 14px 0 rgba(0,0,0,0.2),0 0 0 1px rgba(0,0,0,0.05);border-radius:4px;opacity:0;transition:all 0.4s linear .2s}.sb-menu [data-value="switch"]>div a{display:block;padding:6px 0}.sb-menu [data-value="switch"]:hover>div{opacity:1}@media (max-width: 1920px){.sb-board>.sb-admin-list,.sb-board .sb-user-details{max-width:350px;min-width:350px}.sb-board>div>.sb-top .sb-search-btn>input{min-width:250px}}@media (max-width: 1600px){.sb-admin>main>.sb-area-users>.sb-top-bar h2{max-width:200px;margin-right:30px}.sb-board>.sb-admin-list,.sb-board .sb-user-details{max-width:300px;min-width:300px}.sb-board>div>.sb-top .sb-search-btn>input{min-width:200px}}@media (max-width: 1300px){.sb-area-reports .sb-grid{grid-template-columns:1fr 1fr}.sb-admin>main>.sb-area-users>.sb-top-bar h2{max-width:100px}.sb-board>div>.sb-top .sb-search-btn>input{min-width:180px}.sb-area-users .sb-menu-wide ul li{margin-right:10px}.sb-setting .repeater-item>div label{margin:0 0 15px 0}.sb-setting .repeater-item>div,.sb-setting .repeater-item>div,.sb-setting .input>div:not([data-type="textarea"]):not(.sb-repeater-add){display:block}.sb-setting .input>div:not([data-type="textarea"]):not(.sb-repeater-add)>label{margin:0 30px 10px 0}.sb-setting>.sb-setting-content{flex-shrink:1}.sb-setting input,.sb-setting select,.sb-setting textarea,.sb-setting input,.sb-setting select,.sb-setting textarea{min-width:0}[data-id="open-ai-faq-set-data"] .repeater-item>div{display:flex}#sb-chatbot-qea .sb-enlarger{min-height:30px}.sb-type-timetable>.input{overflow:hidden}.sb-type-timetable .sb-timetable>div>div{flex-wrap:wrap}.sb-type-timetable .sb-timetable>div>div [data-day]{margin-bottom:5px}.sb-repeater-block-data .sb-setting+.sb-setting,.sb-repeater-block-actions .sb-setting+.sb-setting,.sb-repeater-block-rest-api .sb-setting+.sb-setting{margin:5px 0 0 0}}@media (max-width: 1024px){.sb-area-reports .sb-grid{grid-template-columns:1fr}}@media (min-width: 465px){.sb-menu-mobile>ul{box-shadow:none}}@media (min-width: 465px) and (max-width: 1200px){.sb-board>.sb-admin-list{min-width:300px}.sb-board .sb-labels .sb-status-online{text-indent:999px;width:10px;height:10px;padding:0;overflow:hidden;border-radius:50%;background:#1a9260}.sb-board .sb-labels .sb-status-typing{padding:0;text-indent:999px;width:30px;height:25px;overflow:hidden;background:none}.sb-board .sb-conversation .sb-list>div{max-width:calc(100% - 100px)}}@media (min-width: 465px) and (max-width: 1366px){.sb-board>.sb-admin-list,.sb-board .sb-user-details{max-width:280px;min-width:280px}.sb-admin-list .sb-search-btn>input{min-width:225px}}@media (min-width: 465px) and (max-width: 1140px){.sb-admin>main>div>.sb-top-bar>div:first-child>ul{overflow-x:scroll}}@media (min-width: 465px) and (max-width: 1024px){.sb-board>.sb-admin-list,.sb-board .sb-user-details{max-width:250px;min-width:250px}.sb-admin-list .sb-search-btn>input{min-width:145px;max-width:145px}.sb-setting,.sb-setting{display:block}.sb-setting>.sb-setting-content,.sb-setting>.sb-setting-content{max-width:100%;width:auto;padding-right:0;padding-bottom:15px}.sb-area-settings>.sb-tab>.sb-nav>ul,.sb-area-reports>.sb-tab>.sb-nav>ul{min-width:180px}.sb-area-users .sb-top-bar h2{display:none}.sb-menu-wide ul li,.sb-tab>.sb-nav>ul li{margin:0 10px 0 0}.sb-board>div>.sb-top .sb-search-btn>input{min-width:150px}}@media (min-width: 465px) and (max-width: 912px){.sb-board>.sb-admin-list,.sb-board .sb-user-details{position:fixed;z-index:2;background:#fff;left:65px;top:0;bottom:0;max-width:330px;min-width:330px;border-radius:10px;display:none}.sb-board>.sb-admin-list.sb-active,.sb-board .sb-user-details.sb-active{display:block}.sb-board>.sb-admin-list .sb-top{padding-left:45px}.sb-board .sb-user-details{left:auto;right:0}.sb-board .sb-conversation{border-left:1px solid #d4d4d4;border-radius:10px}.sb-board .sb-conversation>.sb-top{padding-left:45px}.sb-admin-list .sb-search-btn>input{min-width:200px;max-width:200px}.sb-admin-list .sb-filter-btn.sb-active>div{min-width:265px;max-width:265px;left:auto}.sb-area-conversations>.sb-btn-collapse{display:block}}
/*# sourceMappingURL=admin.css.map */
.sb-select-multi ul li{padding-left:32px;position:relative}.sb-select-multi ul li:before{content:"";position:absolute;left:12px;top:50%;transform:translateY(-50%);width:14px;height:14px;border:1px solid #c8d0d8;border-radius:3px;box-sizing:border-box;background:#fff;transition:all .15s}.sb-select-multi ul li.sb-active:before{background:#028be5;border-color:#028be5}.sb-select-multi ul li.sb-active:after{content:"";position:absolute;left:16px;top:50%;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:translateY(-65%) rotate(45deg)}.sb-select-multi ul li[data-value="false"]:before,.sb-select-multi ul li[data-value="false"]:after{display:none}.sb-select-multi ul li[data-value="false"]{padding-left:15px;border-bottom:1px solid #eef0f3}
.sb-select-multi{height:auto !important}.sb-select-multi>p{display:none !important}.sb-select-multi>ul{display:block !important;position:static !important;box-shadow:none !important;border:none !important;width:100% !important;padding:8px 0 !important;margin:0 !important;max-height:none !important;overflow:visible !important}
#sb-close-filters-btn{position:absolute !important;top:18px !important;right:8px !important;padding:0 !important;width:24px;height:24px;line-height:24px;text-align:center;z-index:6}#sb-close-filters-btn i{font-size:12px !important;line-height:24px}.sb-filter-btn>div{position:absolute}
.sb-select-multi>ul{display:flex !important;flex-wrap:wrap;gap:6px;padding:8px !important}.sb-select-multi>ul>li{padding:4px 10px !important;border-radius:999px;background:#eef0f3;color:#566069;font-size:13px;font-weight:500;cursor:pointer;position:relative;order:2;transition:all .15s;white-space:nowrap;line-height:18px;margin:0}.sb-select-multi>ul>li:before{display:none !important}.sb-select-multi>ul>li:after{content:"+" !important;display:inline-block !important;margin-left:6px;font-weight:bold;font-size:14px;line-height:1;position:static !important;transform:none !important;width:auto !important;height:auto !important;border:none !important;left:auto !important;top:auto !important;background:transparent !important}.sb-select-multi>ul>li.sb-active{background:#028be5;color:#fff !important;order:1}.sb-select-multi>ul>li.sb-active:hover{color:#fff !important}.sb-select-multi>ul>li.sb-active:before{display:none !important}.sb-select-multi>ul>li.sb-active:after{content:"\D7" !important;color:#fff !important}.sb-select-multi>ul>li[data-value="false"]{flex-basis:100%;width:100%;order:0;background:transparent !important;color:#028be5 !important;font-weight:600;padding:0 0 6px 0 !important;border-bottom:1px solid #eef0f3 !important;margin:0 0 4px 0 !important;border-radius:0;text-align:left}.sb-select-multi>ul>li[data-value="false"]:after{display:none !important}.sb-select-multi>ul>li:hover{opacity:.85}.sb-select-multi>ul>li[data-value="false"]:hover{opacity:1;background:transparent !important}
.sb-select-multi>ul>li[data-value="false"]:hover,.sb-select-multi>ul>li[data-value="false"].sb-active:hover{color:#566069 !important;background:transparent !important}
.sb-admin-list{display:flex !important;flex-direction:column}.sb-admin-list>.sb-top{flex:0 0 auto}.sb-admin-list>.sb-scroll-area{flex:1 1 auto;min-height:0;height:auto !important}.sb-admin-list>.sb-filter-panel{display:none;background:#fff;border-bottom:1px solid #d4d4d4;padding:15px;position:relative}.sb-admin-list.sb-filter-open>.sb-filter-panel{display:block}#sb-close-filters-btn.sb-disabled{opacity:.3;cursor:not-allowed}#sb-close-filters-btn.sb-disabled i{color:#566069 !important}
.sb-admin-list .sb-filter-btn,.sb-admin-list .sb-filter-btn.sb-active{position:relative !important;width:40px !important;height:40px !important;flex:0 0 30px}.sb-admin-list .sb-filter-btn>i,.sb-admin-list .sb-filter-btn.sb-active>i{position:absolute !important;top:10px !important;right:0 !important;width:20px;height:20px;font-size:19px;line-height:14px}
.sb-admin-list .sb-top .sb-search-btn{order:1;position:relative !important;right:auto !important;top:auto !important;width:auto !important;flex:0 0 auto;margin-right:8px}.sb-admin-list .sb-top .sb-filter-btn{order:2;margin-right:8px}.sb-admin-list .sb-top .sb-search-btn.sb-active{flex:1 1 auto}.sb-admin-list .sb-top .sb-search-btn.sb-active>input{display:block;width:200px !important;max-width:none !important;min-width:0 !important}
.sb-admin-list .sb-filter-btn[data-badge="0"]:after{display:block !important}
.sb-admin-list .sb-filter-btn.sb-active[data-badge]:after,.sb-admin-list .sb-filter-btn.sb-active[data-badge="0"]:after{display:block !important}

[data-id="flows"]>.sb-content{position:relative}.sb-flow-machine-name{position:absolute;top:20px;left:20px;z-index:2;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 15px;background:#f4f7f9;border-radius:8px;font-size:13px}.sb-flow-machine-name>span{color:#566069;font-weight:500}.sb-flow-machine-name code{cursor:pointer;background:#1a2b40;color:#fff;padding:3px 9px;border-radius:5px;font-family:monospace;font-size:13px;user-select:all}.sb-flow-machine-name code:hover{opacity:.85}.sb-flow-machine-hint{color:#9aa6b1;font-family:monospace;font-size:12px}

#sb-flows-search{width:100%;box-sizing:border-box;border:1px solid #e1e1e1;border-radius:8px;padding:8px 12px;margin:0 0 12px 0;font-size:13px;outline:none;transition:border-color 0.3s}#sb-flows-search:focus{border-color:#028be5}#sb-flows-nav li i.sb-icon-delete{right:-5px}#sb-flows-nav li i.sb-flow-duplicate{right:25px;color:#566069}#sb-flows-nav li i.sb-flow-rename{right:55px;color:#566069}

.sb-flow-block-box .sb-setting textarea{min-height:250px}

.sb-setting .repeater-item textarea{min-height:45px}

/* Rich-message button icon + content alignment (mirrors main.css) */
.sb-rich-btn-icon{width:18px;height:18px;border-radius:3px;object-fit:contain;display:inline-block;vertical-align:text-bottom;margin-right:10px}.sb-rich-btn-icon-end{margin-right:0;margin-left:10px}.sb-rich-btn.sb-rich-btn-align-left{text-align:left}.sb-rich-btn.sb-rich-btn-align-center{text-align:center}.sb-rich-btn.sb-rich-btn-align-right{text-align:right}
.sb-image.sb-image-no-zoom{max-width:360px}
.sb-info-message .sb-hubspot-edit-date{cursor:pointer;margin-left:7px;opacity:.5;font-size:13px;transition:all .2s}
.sb-info-message .sb-hubspot-edit-date:hover{opacity:1;color:#028be5}
.sb-info-message .sb-hubspot-date-input{margin-left:7px;font-size:13px;padding:2px 4px}
.sb-notes-box .sb-activity-row{display:flex;gap:15px}
.sb-notes-box .sb-activity-row > div{flex:1;margin:0}
.sb-notes-box .sb-activity-row select,.sb-notes-box .sb-activity-row input{width:100%}
.sb-notes-box .sb-activity-row{margin-bottom:20px}
.sb-info-message .sb-hubspot-edit-date{opacity:0 !important;transition:opacity .2s,color .2s}
.sb-info-message:hover .sb-hubspot-edit-date{opacity:.45 !important}
.sb-info-message .sb-hubspot-edit-date:hover{opacity:1 !important;color:#028be5}

.sb-tab>.sb-nav>ul li.sb-tab-nav-title.sb-tab-alias,.sb-menu-wide ul li+li.sb-tab-nav-title.sb-tab-alias,.sb-tab>.sb-nav>ul li+li.sb-tab-nav-title.sb-tab-alias{font-size:13.5px;font-weight:500;cursor:pointer;margin-top:0;padding-top:0;border-top:0}

.sb-thread-choices { margin-top: 15px; }
.sb-thread-choices .sb-thread-choice { display: block; margin-bottom: 10px; text-align: center; }

.sb-conversation .sb-post-context { text-align: center; padding: 20px 15px 5px; }
.sb-conversation .sb-post-context img { max-width: 240px; max-height: 240px; border-radius: 8px; cursor: pointer; box-shadow: 0 1px 5px rgba(0,0,0,.15); transition: opacity .2s; }
.sb-conversation .sb-post-context a:hover img { opacity: .85; }
.sb-conversation .sb-post-context-caption { font-size: 12.5px; color: #788692; margin-top: 8px; }
.sb-conversation .sb-post-context-label { display: inline-block; background: #f0f2f5; border-radius: 6px; padding: 5px 12px; font-size: 12.5px; color: #566069; margin-top: 12px; }
.sb-conversation .sb-post-context-label a { color: #028be5; text-decoration: none; }

.sb-ig-posts-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; max-height: 420px; overflow-y: auto; margin: 15px 0; }
.sb-ig-posts-grid .sb-ig-post { border: 2px solid transparent; border-radius: 8px; cursor: pointer; padding: 6px; background: #f0f2f5; }
.sb-ig-posts-grid .sb-ig-post.sb-active { border-color: #028be5; background: #e8f4fd; }
.sb-ig-posts-grid .sb-ig-post img { width: 100%; height: 110px; object-fit: cover; border-radius: 6px; }
.sb-ig-posts-grid .sb-ig-post span { font-size: 11px; color: #788692; display: block; margin-top: 4px; }
.sb-ig-posts-grid .sb-ig-post p { font-size: 12px; color: #566069; margin: 2px 0 0; max-height: 32px; overflow: hidden; }

.sb-area-automations-app .sb-automations-hub { padding: 20px; height: calc(100% - 75px); }
/* Automation cards share the visual language of the New automation template cards
   (.sb-wiz-card, further down): 12px radius, 22px padding, wrapping title, body
   copy, chips along the bottom.
   Done entirely in CSS on purpose. Four different code paths emit .sb-hub-card
   (automations, unattached scheduled posts, published posts, plus the disabled
   variant) and they all share one body order: <h3>, chips, <p>. Reordering with
   flex `order` restyles every one of them without touching four generators.
   The thumbnail is kept — unlike a template card, an automation card's image is
   real content (the Instagram post it reacts to). */
.sb-automations-hub-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 18px; }
.sb-hub-card { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 14px; background: #fff; border: 1px solid #e6e6e6; border-radius: 12px; padding: 22px; cursor: pointer; transition: box-shadow .15s, border-color .15s; }
/* State pill parked in the card's top-right corner, out of the flex flow */
.sb-hub-card-state { position: absolute; top: 14px; right: 14px; text-transform: uppercase; letter-spacing: .4px; font-size: 10px; }
/* Muted date under the caption on a Posted card; drafts have no publish time. */
.sb-hub-card-meta { order: 3; flex: 0 0 100%; font-size: 11px; color: #88969e; }
/* Icon-only Instagram link: the full label pushed the third action onto a second line. */
.sb-hub-post-view img { width: 15px; height: 15px; }
/* Action row on the bottom line of a Posted card. order:4 keeps it under the badges. */
.sb-hub-card-actions { order: 4; flex: 0 0 100%; display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-top: 2px; }
.sb-hub-post-action { display: inline-flex; align-items: center; gap: 5px; cursor: pointer; font-size: 12px; font-weight: 400; color: #1a9260 !important; }
.sb-hub-post-action img { width: 13px; height: 13px; }
.sb-hub-card:hover { box-shadow: 0 3px 14px rgba(0,0,0,.09); border-color: #cfd6dd; }
.sb-hub-card > img, .sb-hub-card > .sb-hub-post-link > img { width: 44px; height: 44px; border-radius: 8px; flex: 0 0 44px; object-fit: cover; }
/* row-wrap, so the chips flow into a line at the bottom instead of stacking */
.sb-hub-card-body { min-width: 0; width: 100%; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.sb-hub-card-body h3 { order: 1; flex: 0 0 100%; margin: 0; font-size: 15.5px; font-weight: 500; color: #24292e; white-space: normal; overflow-wrap: anywhere; }
/* clamped to two lines: trigger summaries can be arbitrarily long, and a card
   that grows without bound would break the grid's row rhythm */
.sb-hub-card-body p { order: 2; flex: 0 0 100%; margin: 0 0 4px; font-size: 13px; line-height: 20px; color: #566069; white-space: normal; overflow-wrap: anywhere; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.sb-hub-badge { order: 3; display: inline-block; background: #f0f2f5; border-radius: 5px; padding: 2px 8px; font-size: 11px; color: #566069; }
.sb-area-automations-app > .sb-top-bar { display: flex; justify-content: space-between; align-items: center; padding: 20px; border-bottom: 1px solid #e6e6e6; font-weight: 500; font-size: 18px; }

#sb-automations-app:before { content: "\7a"; }

.sb-hub-editor { max-width: 780px; }
.sb-hub-editor h2 { font-size: 15px; font-weight: 500; color: #24292e; margin: 30px 0 12px; }
.sb-hub-editor h2 span { font-weight: 400; font-size: 12.5px; color: #788692; }
.sb-hub-editor-bar { display: flex; justify-content: space-between; align-items: center; padding-bottom: 15px; border-bottom: 1px solid #e6e6e6; }
.sb-hub-editor .sb-setting input[type="text"], .sb-hub-editor .sb-setting textarea, .sb-hub-editor .sb-setting select { width: 100%; box-sizing: border-box; border: 1px solid #d4d4d4; border-radius: 4px; padding: 8px 10px; font-size: 13px; color: #24272a; background: #fff; }
.sb-hub-editor .sb-setting textarea { min-height: 70px; resize: vertical; }
.sb-hub-editor .sb-setting { margin-bottom: 10px; }
.sb-hub-editor .sb-hub-conditions > div { display: flex; gap: 10px; margin-bottom: 10px; flex-wrap: wrap; }
.sb-hub-editor .sb-hub-conditions > div > .sb-setting { margin-bottom: 0; flex: 1 1 180px; }
.sb-hub-editor .sb-hub-conditions > div select, .sb-hub-editor .sb-hub-conditions > div input { width: 100%; box-sizing: border-box; }
.sb-hub-action { background: #f8f9fb; border: 1px solid #e6e6e6; border-radius: 8px; padding: 14px; margin-bottom: 12px; }
.sb-hub-action-head { display: flex; align-items: center; gap: 15px; margin-bottom: 10px; }
.sb-hub-action-head .sb-setting { margin-bottom: 0; flex: 0 0 260px; }
.sb-hub-action-ai-label { font-size: 12.5px; color: #566069; display: flex; align-items: center; gap: 6px; cursor: pointer; white-space: nowrap; }
.sb-hub-action-delete { margin-left: auto; cursor: pointer; font-size: 12px; color: #788692; }
.sb-hub-action-delete:hover { color: #ca3434; }
.sb-hub-action-trigger input { background: #fffdf2 !important; }

.sb-hub-action-drag { cursor: grab; color: #a8b3bc; font-size: 14px; padding: 4px 2px; }
.sb-hub-action-drag:hover { color: #566069; }
.sb-hub-action.sb-dragging { opacity: .4; border-style: dashed; }
.sb-hub-action-delay { font-size: 12.5px; color: #566069; display: flex; align-items: center; gap: 5px; white-space: nowrap; }
.sb-hub-action-delay input { width: 52px !important; padding: 4px 6px !important; text-align: center; }
.sb-hub-save-status { font-size: 12.5px; color: #1a9260; margin-right: 12px; }
.sb-hub-editor-bar > div { display: flex; align-items: center; }
.sb-ig-thumbs { flex-basis: 100%; display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.sb-ig-thumbs img { width: 60px; height: 60px; object-fit: cover; border-radius: 6px; border: 1px solid #e6e6e6; }
.sb-ig-thumbs span { font-size: 11px; color: #788692; background: #f0f2f5; border-radius: 4px; padding: 3px 7px; }

/* Automations hub sidebar — re-show nav children hidden by the vendor's generic
   ".sb-tab>div>div" tab-panel rule, and restore the grid/editor display inside .sb-content. */
.sb-area-automations-app .sb-automations-hub { padding: 0 20px 20px; }
.sb-area-automations-app .sb-automations-hub > .sb-nav > div { display: block; }
.sb-area-automations-app .sb-automations-hub > .sb-nav > #sb-hub-add-nav { display: inline-flex; margin-top: 15px; }
.sb-automations-hub > .sb-content > .sb-automations-hub-grid { display: block; max-width: none; }
.sb-automations-hub > .sb-content > .sb-hub-editor { display: block; }
.sb-automations-hub > .sb-content { padding-top: 20px; flex: 1; }
#sb-hub-search-header { margin-bottom: 12px; }
#sb-hub-search-bar { display: flex; align-items: center; gap: 8px; padding: 6px 12px; box-sizing: border-box; background: #fff; border: 1px solid #d4d4d4; border-radius: 6px; }
#sb-hub-search-bar:focus-within { border-color: #028be5; }
#sb-hub-search-bar > i { font-size: 15px; color: #8c97a3; line-height: 1; flex: 0 0 auto; }
#sb-hub-search-bar > input { flex: 1 1 auto; border: 0 !important; padding: 0 !important; margin: 0 !important; width: auto !important; font-size: 13px; line-height: 25px; outline: none !important; background: transparent !important; min-width: 0; box-shadow: none !important; }
#sb-hub-search-bar > .sb-hub-tools-toggle { cursor: pointer; transition: color .15s; }
#sb-hub-search-bar > .sb-hub-tools-toggle:hover, #sb-hub-search-header.sb-hub-tools-open .sb-hub-tools-toggle { color: #028be5; }
.sb-hub-tools-panel { display: flex !important; flex-direction: column; gap: 8px; padding: 8px 0 2px 0; }
.sb-hub-tools-panel.sb-hide { display: none !important; }
#sb-hub-nav li { line-height: 30px; }

.sb-hub-channels > ul { padding: 8px 0 !important; }

/* Keep the expanding search input inside the viewport on narrow screens — it is
   right-anchored with a fixed content min-width (294px + paddings) and got
   clipped on the left when the list panel is narrower than that. */
.sb-search-btn > input { min-width: 0 !important; box-sizing: border-box; width: 360px; max-width: calc(100vw - 150px); }
.sb-popup .sb-header .sb-search-btn > input { width: 290px; }

.sb-ig-composer { max-width: 460px; }
.sb-ig-composer h2 { font-size: 16px; font-weight: 500; margin: 0 0 15px; }
.sb-ig-composer .sb-setting { margin-bottom: 12px; }
.sb-ig-composer select, .sb-ig-composer textarea, .sb-ig-composer input[type="text"] { width: 100%; box-sizing: border-box; border: 1px solid #d4d4d4; border-radius: 4px; padding: 8px 10px; font-size: 13px; }
.sb-ig-composer textarea { min-height: 110px; resize: vertical; }
.sb-igc-image { margin-bottom: 12px; }
.sb-igc-image img { display: block; max-width: 180px; max-height: 180px; border-radius: 8px; border: 1px solid #e6e6e6; margin-bottom: 10px; object-fit: cover; }
.sb-igc-ai { display: flex; gap: 10px; margin-bottom: 15px; align-items: center; }
.sb-igc-ai input { flex: 1; }
.sb-igc-ai .sb-btn { white-space: nowrap; margin-left: 0 !important; }

/* New-automation wizard: template gallery, intent cards, content composer — clean and spacious */
.sb-wiz-step { max-width: 900px; padding-bottom: 40px; }
.sb-wiz-head { display: flex; align-items: center; gap: 20px; padding: 5px 0 25px; border-bottom: 1px solid #e6e6e6; margin-bottom: 25px; }
.sb-wiz-head h2 { margin: 0 0 4px; font-size: 20px; font-weight: 500; color: #24292e; }
.sb-wiz-head p { margin: 0; font-size: 13.5px; color: #788692; }
.sb-wiz-search-cnt input { width: 100%; max-width: 420px; box-sizing: border-box; border: 1px solid #d4d4d4; border-radius: 6px; padding: 10px 14px; font-size: 13.5px; }
.sb-wiz-search-cnt { margin-bottom: 22px; }
.sb-wiz-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 18px; }
.sb-wiz-card { background: #fff; border: 1px solid #e6e6e6; border-radius: 12px; padding: 22px; cursor: pointer; transition: box-shadow .15s, border-color .15s; }
.sb-wiz-card:hover { box-shadow: 0 3px 14px rgba(0,0,0,.09); border-color: #cfd6dd; }
.sb-wiz-card h3 { margin: 0 0 8px; font-size: 15.5px; font-weight: 500; color: #24292e; }
.sb-wiz-card p { margin: 0 0 14px; font-size: 13px; line-height: 20px; color: #566069; }
.sb-wiz-card-primary { border: 1px dashed #028be5; background: #f4faff; }
.sb-wiz-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.sb-wiz-tags span { background: #f0f2f5; border-radius: 5px; padding: 2px 8px; font-size: 11px; color: #566069; }
.sb-wiz-composer h2 { font-size: 15px; font-weight: 500; color: #24292e; margin: 28px 0 12px; }
.sb-wiz-composer .sb-setting input[type="text"], .sb-wiz-composer .sb-setting input[type="datetime-local"], .sb-wiz-composer .sb-setting textarea, .sb-wiz-composer .sb-setting select { width: 100%; max-width: 560px; box-sizing: border-box; border: 1px solid #d4d4d4; border-radius: 6px; padding: 9px 12px; font-size: 13.5px; background: #fff; }
.sb-wiz-composer .sb-setting textarea { min-height: 110px; resize: vertical; max-width: 640px; }
.sb-wiz-pills > ul { padding: 0 !important; }
.sb-wiz-pills li.sb-wiz-disabled { opacity: .45; cursor: not-allowed; }
.sb-wiz-pills li.sb-wiz-disabled:after { content: " 🔜" !important; }
.sb-wizc-media { display: flex; gap: 18px; align-items: flex-start; flex-wrap: wrap; }
.sb-wizc-media img { width: 150px; height: 188px; object-fit: contain; border-radius: 10px; border: 1px solid #e6e6e6; background: #f0f2f5; }
.sb-wizc-media > div { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.sb-wizc-media .sb-btn { margin-left: 0 !important; }
.sb-wizc-ai { display: flex; gap: 12px; margin-top: 12px; align-items: center; max-width: 640px; }
.sb-wizc-ai input { flex: 1; box-sizing: border-box; border: 1px solid #d4d4d4; border-radius: 6px; padding: 9px 12px; font-size: 13.5px; }
.sb-wizc-ai .sb-btn { white-space: nowrap; margin-left: 0 !important; }
.sb-wizc-check { cursor: pointer; display: inline-flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 500; }
.sb-wiz-note { font-size: 13px; color: #566069; margin: 0 0 12px; }
.sb-wizc-automation-cnt { background: #f8f9fb; border: 1px solid #e6e6e6; border-radius: 12px; padding: 20px; max-width: 780px; }
.sb-wiz-footer { margin-top: 30px; padding-top: 20px; border-top: 1px solid #e6e6e6; }
.sb-wiz-footer .sb-btn { padding: 0 24px; height: 40px; line-height: 40px; font-size: 14px; }
.sb-wiz-composer a.sb-btn.sb-wiz-disabled { opacity: .5; cursor: not-allowed; pointer-events: none; }

.sb-hub-card-off { opacity: .55; }
.sb-hub-badge-off { background: #fde8e8 !important; color: #b42318 !important; }
.sb-hub-badge-sched { background: #fff4e0 !important; color: #8a5a00 !important; }
.sb-hub-badge-posted { background: #e6f6ec !important; color: #1a7f43 !important; }
.sb-hub-badge-draft { background: #eef2f7 !important; color: #33475b !important; }
.sb-hub-card-draft { cursor: pointer; }
.sb-hub-draft-delete, .sb-hub-post-delete { order: 3; cursor: pointer; color: #88969e !important; font-weight: 300; font-size: 12px; }
/* Destructive and irreversible — visually distinct from the grey soft delete beside it. */
.sb-hub-post-delete-ig { order: 3; cursor: pointer; color: #b42318 !important; font-weight: 400; font-size: 12px; }
.sb-wizc-save-status { margin-left: 12px; font-size: 13px; color: #88969e; align-self: center; }
.sb-hub-card > .sb-hub-post-link { flex: 0 0 44px; width: 44px; height: 44px; display: inline-flex; }
.sb-hub-attach-automation { cursor: pointer; color: #1a9260 !important; font-weight: 400; }
/* Card action buttons: grey pill; -on = an automation already covers this post. */
.sb-hub-card-btn { order: 3; display: inline-flex; align-items: center; cursor: pointer; font-size: 12px; font-weight: 500; padding: 4px 12px; border-radius: 6px; background: #f0f2f5 !important; color: #33475b !important; }
.sb-hub-card-btn:hover { background: #e2e8f0 !important; }
.sb-hub-card-btn-on { background: #e6f6ec !important; color: #1a7f43 !important; }
.sb-hub-card-btn-on:hover { background: #d8f0e2 !important; }
.sb-hub-vars { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 6px; }
.sb-hub-var { cursor: pointer; font-size: 11px; line-height: 1; padding: 5px 8px; border-radius: 20px; background: #eef2f7 !important; color: #33475b !important; font-family: monospace; border: 1px solid #e0e6ed; white-space: nowrap; }
.sb-hub-var:hover { background: #e2e8f0 !important; }
.sb-wizc-enhance { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; white-space: nowrap; cursor: pointer; user-select: none; padding: 7px 12px; border-radius: 20px; border: 1px solid #d4d4d4; color: #55677d; }
.sb-wizc-enhance i { font-size: 13px; opacity: .3; }
.sb-wizc-enhance.sb-on { border-color: #1a9260; color: #1a7f43; background: #e6f6ec; }
.sb-wizc-enhance.sb-on i { opacity: 1; color: #1a9260; }
.sb-wizc-refs { margin-bottom: 12px; }
.sb-wizc-refs-label { display: block; font-size: 13px; color: #55677d; margin-bottom: 8px; }
.sb-wizc-refs-label span { color: #90a0b2; }
.sb-wizc-refs-list { display: flex; flex-wrap: wrap; gap: 10px; align-items: flex-start; }
/* Several references: compact thumbnails in a row. */
.sb-wizc-ref { position: relative; width: 84px; }
.sb-wizc-ref img { width: 84px; height: 84px; object-fit: cover; display: block; border-radius: 8px; border: 1px solid #e0e6ed; cursor: pointer; }
.sb-wizc-ref img:hover { border-color: #1a9260; box-shadow: 0 2px 8px rgba(0,0,0,.12); }
.sb-wizc-ref .sb-icon-close { position: absolute; top: 4px; right: 4px; cursor: pointer; background: rgba(0,0,0,.55); color: #fff; border-radius: 50%; font-size: 11px; width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; }
.sb-wizc-ref-name { width: 84px; box-sizing: border-box; margin-top: 4px; text-align: center; font-size: 11px; color: #33475b; border: 1px solid transparent; border-radius: 5px; padding: 2px 4px; background: #eef2f7; min-height: 0 !important; height: auto !important; }
.sb-wizc-ref-name:focus { border-color: #1a9260; background: #fff; outline: none; }
/* Exactly one reference: show it big. */
.sb-wizc-refs-list.sb-refs-single .sb-wizc-ref { width: 200px; }
.sb-wizc-refs-list.sb-refs-single .sb-wizc-ref img { width: 200px; height: 200px; }
.sb-wizc-refs-list.sb-refs-single .sb-wizc-ref-name { width: 200px; }
.sb-wizc-ref-add { width: 84px; height: 84px; border: 1px dashed #c4cdd8; border-radius: 8px; display: flex; align-items: center; justify-content: center; cursor: pointer; color: #90a0b2; font-size: 18px; }
.sb-wizc-ref-add:hover { border-color: #1a9260; color: #1a9260; }
/* "BG" chip on each reference — promotes it to the background image (top-left, opposite the remove ×). */
.sb-wizc-ref-bg { position: absolute; top: 4px; left: 4px; cursor: pointer; background: rgba(0,0,0,.55); color: #fff; border-radius: 5px; font-size: 10px; font-weight: 600; letter-spacing: .5px; line-height: 1; padding: 3px 5px; }
.sb-wizc-ref-bg:hover { background: #1a9260; }
/* Background image selector — the untouched photo the AI overlay is composited onto. */
.sb-wizc-bg { margin-bottom: 12px; }
.sb-wizc-bg-label { display: block; font-size: 13px; color: #55677d; margin-bottom: 8px; }
.sb-wizc-bg-label span { color: #90a0b2; }
.sb-wizc-bg-slot { display: inline-block; }
.sb-wizc-bg-add { display: inline-flex; align-items: center; gap: 8px; border: 1px dashed #c4cdd8; border-radius: 8px; padding: 10px 14px; cursor: pointer; color: #55677d; font-size: 13px; }
.sb-wizc-bg-add:hover { border-color: #1a9260; color: #1a9260; }
.sb-wizc-bg-add i { font-size: 14px; }
.sb-wizc-bg-thumb { position: relative; display: inline-block; }
.sb-wizc-bg-thumb img { width: 120px; height: 120px; object-fit: cover; display: block; border-radius: 8px; border: 1px solid #e0e6ed; }
.sb-wizc-bg-thumb .sb-icon-close { position: absolute; top: 5px; right: 5px; cursor: pointer; background: rgba(0,0,0,.6); color: #fff; border-radius: 50%; font-size: 12px; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; }
/* Layer inspector — shows the separate background, AI overlay and placed logos next to the merged result. */
.sb-wizc-layers { margin-top: 14px; }
.sb-wizc-layers-label { display: block; font-size: 13px; color: #55677d; margin-bottom: 8px; }
.sb-wizc-layers-label span { color: #90a0b2; }
.sb-wizc-layers-row { display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-start; }
.sb-wizc-layer { width: 96px; text-align: center; }
.sb-wizc-layer > span { display: block; font-size: 11px; color: #788692; margin-bottom: 4px; }
.sb-wizc-layer img { width: 96px; height: 120px; object-fit: contain; border-radius: 6px; border: 1px solid #e0e6ed; display: block; background: #fff; }
/* Transparent layers (overlay + logos) sit on a checkerboard so transparency is visible. */
.sb-wizc-layer img.sb-wizc-layer-alpha { background-color: #fff; background-image: linear-gradient(45deg, #dfe4ea 25%, transparent 25%), linear-gradient(-45deg, #dfe4ea 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #dfe4ea 75%), linear-gradient(-45deg, transparent 75%, #dfe4ea 75%); background-size: 14px 14px; background-position: 0 0, 0 7px, 7px -7px, -7px 0; }
.sb-hub-editor-toggle { color: #1a9260 !important; }
.sb-hub-editor-toggle.sb-hub-off { color: #b42318 !important; }
/* Draft state: an automation whose saved edits are not yet live. Amber rather than
   the green Active pill, because "saved" and "live" are no longer the same thing. */
.sb-hub-editor-toggle.sb-hub-draft { color: #b54708 !important; }
/* "Create a new flow" sits at the end of the picker and is an action, not a value. */
.sb-hub-name-picker .sb-hub-name-new { border-top: 1px solid #e6e6e6; color: #0e7bc4; font-weight: 500; }
/*
 * The picker dropdown. Core puts BOTH .sb-select-search and ul at position:absolute
 * inside .sb-select and compensates with a .sb-scroll-area padding rule that only
 * applies to the phone picker — with a plain ul nothing compensated, so the search
 * box sat on top of the first option and the two were different widths.
 *
 * Both are pinned to the same edge and width here, and the list reserves room at
 * the top for the search that floats over it.
 */
.sb-hub-name-picker .sb-select { display: block; }
.sb-hub-name-picker .sb-select ul { top: 100%; left: 0; width: 300px; max-height: 300px; overflow-y: auto !important; padding: 48px 0 6px !important; box-sizing: border-box; }
.sb-hub-name-picker .sb-select-search { top: 100%; left: 0; width: 300px; padding: 7px; box-sizing: border-box; background: transparent; border-radius: 0; }
/* Same bar as #sb-hub-search-bar (the Search automations field). */
.sb-hub-name-picker .sb-hub-search-inner { display: flex; align-items: center; gap: 8px; padding: 6px 12px; background: #fff; border: 1px solid #d4d4d4; border-radius: 6px; box-sizing: border-box; }
.sb-hub-name-picker .sb-hub-search-inner:focus-within { border-color: #028be5; }
.sb-hub-name-picker .sb-hub-search-inner > i { font-size: 15px; color: #8c97a3; line-height: 1; flex: 0 0 auto; }
.sb-hub-name-picker .sb-select-search input { flex: 1 1 auto; width: auto !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; font-size: 13px; line-height: 25px; outline: none !important; box-shadow: none !important; border-radius: 0 !important; }
.sb-hub-draft-notice { margin: 15px 0 0; padding: 10px 14px; border-radius: 6px; background: #fffaeb; border: 1px solid #fedf89; color: #93370d; font-size: 14px; line-height: 1.5; }

.sb-hub-action-files { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 10px; }
.sb-hub-attach { cursor: pointer; color: #788692; padding: 2px 6px; border-radius: 5px; transition: color .15s; }
.sb-hub-attach:hover { color: #028be5; }
.sb-hub-attach i { font-size: 15px; }
.sb-hub-file, .sb-hub-attach-choice { display: inline-flex; align-items: center; gap: 6px; background: #eef2f6; border-radius: 6px; padding: 4px 10px; font-size: 12.5px; color: #34424e; }
.sb-hub-file .sb-icon-clip { font-size: 12px; color: #788692; }
.sb-hub-file .sb-icon-close, .sb-hub-attach-choice .sb-icon-close { font-size: 9px; cursor: pointer; color: #788692; margin-left: 2px; }
.sb-hub-file .sb-icon-close:hover, .sb-hub-attach-choice .sb-icon-close:hover { color: #ca3434; }
.sb-hub-attach-choice { background: #e8f3ff; }
.sb-hub-attach-choice a { color: #028be5; font-weight: 500; cursor: pointer; }

.sb-ig-thumb { position: relative; display: inline-flex; align-items: center; gap: 8px; }
.sb-ig-thumb .sb-ig-thumb-remove { position: absolute; top: -7px; right: -7px; width: 18px; height: 18px; line-height: 19px; text-align: center; font-size: 8px; background: #fff; border: 1px solid #d4d4d4; border-radius: 50%; color: #566069; cursor: pointer; opacity: 0; transition: opacity .15s, color .15s; }
.sb-ig-thumb:hover .sb-ig-thumb-remove { opacity: 1; }
.sb-ig-thumb .sb-ig-thumb-remove:hover { color: #ca3434; border-color: #ca3434; }
.sb-ig-thumb > span { background: #f0f2f5; border-radius: 6px; padding: 4px 10px; font-size: 12px; color: #566069; }

.sb-hub-inline-composer { background: #f8f9fb; border: 1px solid #e6e6e6; border-radius: 12px; padding: 22px; margin: 18px 0 6px; max-width: 720px; }
.sb-hub-inline-composer h3 { margin: 0 0 6px; font-size: 15px; font-weight: 500; }
.sb-hub-inline-composer h3 span { font-weight: 400; font-size: 12.5px; color: #788692; }
.sb-hub-inline-composer h2 { margin: 20px 0 10px; font-size: 14px; }
.sb-hub-inline-composer .sb-wiz-footer { margin-top: 22px; padding-top: 16px; }
.sb-wizc-ai { margin-top: 10px; }

.sb-wizc-ai-panel { margin-top: 14px; max-width: 660px; background: #f8f9fb; border: 1px solid #e6e6e6; border-radius: 12px; padding: 16px; }
.sb-wizc-ai-panel .sb-type-textarea textarea { min-height: 96px; }
.sb-wizc-ai-actions { display: flex; gap: 12px; align-items: center; margin-top: 10px; }
.sb-wizc-ai-actions .sb-btn { white-space: nowrap; margin-left: 0 !important; }

.sb-hub-group { font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: .6px; color: #8c97a3; margin: 26px 0 14px; }
.sb-hub-group:first-child { margin-top: 0; }
.sb-hub-group-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 18px; }

/* The thumb wrapper is a <span> and must not inherit the grey fallback-chip style */
.sb-ig-thumbs .sb-ig-thumb { background: transparent !important; padding: 0 !important; }
.sb-ig-thumb-link { cursor: pointer; }
.sb-ig-thumb-link:hover img { box-shadow: 0 2px 10px rgba(0,0,0,.2); }

/* ── Automations: mobile / touch scrolling ─────────────────────────────
   The hub and its editor live in fixed-height overflow:scroll containers
   nested inside a position:fixed admin shell. On iOS such nested scrollers
   don't respond to touch without -webkit-overflow-scrolling, which reads as
   "scrolling is impossible". Enable momentum scroll everywhere in the area,
   and on phones stack the sidebar above the content (instead of a cramped
   200px-wide row) so the card grid and the AI composer are fully reachable. */
.sb-area-automations-app .sb-scroll-area,
.sb-area-automations-app .sb-automations-hub > .sb-nav,
.sb-area-automations-app .sb-automations-hub > .sb-content {
    -webkit-overflow-scrolling: touch;
}
@media (max-width: 600px) {
    .sb-area-automations-app .sb-automations-hub {
        flex-direction: column;
        padding: 12px;
    }
    .sb-area-automations-app .sb-automations-hub > .sb-nav {
        min-width: 0;
        width: 100%;
        max-height: 38vh;
        flex: 0 0 auto;
        border-right: none;
        border-bottom: 1px solid #d4d4d4;
        padding: 0 0 10px;
        margin-bottom: 12px;
    }
    .sb-area-automations-app .sb-automations-hub > .sb-content {
        width: 100%;
        min-height: 0;
        flex: 1 1 auto;
        padding: 4px 2px 24px;
    }
    .sb-area-automations-app .sb-automations-hub-grid,
    .sb-area-automations-app .sb-hub-group-grid {
        grid-template-columns: 1fr;
    }
    /* Composer: let reference thumbnails wrap instead of forcing a wide row */
    .sb-area-automations-app .sb-wizc-refs-list { flex-wrap: wrap; }
}

/* Sent WhatsApp template — rendered like a real message. The heading reuses the sender-name
   look (.sb-agent-name) so it reads like "Chris Kay" / "Campus Lotse", and the bubble gets a
   DASHED border so a template is distinguishable from a human or AI reply at a glance. */
.sb-agent-name { margin-bottom: 6px; }
.sb-rich-watpl-from { font-size: 11px; margin-bottom: 8px; opacity: .5 !important; display: block; }
.sb-rich-watpl-text { line-height: 1.5; word-break: break-word; white-space: normal; }
.sb-rich-message[data-type="wa-template"],
.sb-message [data-type="wa-template"] { border: 1px dashed rgba(128,128,128,.55); border-radius: 10px; padding: 9px 12px; background: transparent; }

/* --- Contacts: card view (task 0023) ------------------------------------- */
.sb-view-toggle { display: inline-flex; align-items: center; gap: 2px; margin-right: 10px; }
.sb-view-toggle > a { cursor: pointer; width: 30px; height: 30px; border-radius: 5px; display: inline-flex;
    align-items: center; justify-content: center; color: #97a0a8; }
.sb-view-toggle > a:hover { color: #24272a; background: #f1f3f5; }
.sb-view-toggle > a.sb-active { color: #24272a; background: #eceff1; }
/* Inline SVG rather than the icon font: it has no list/grid glyph, and
   currentColor lets the hover and active states above drive the icon. */
.sb-view-toggle > a > svg { width: 17px; height: 17px; display: block; }
.sb-user-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 16px; padding: 20px 0 30px; }
/* No min-height: an anonymous contact has no phone, email, company or website,
   so a fixed height would render 80+ tall boxes of whitespace. Grid rows align
   their own heights, so a row of sparse cards is simply a shorter row. */
.sb-user-card { border: 1px solid #eceff1; border-radius: 10px; padding: 16px; background: #fff;
    display: flex; flex-direction: column; }
.sb-user-card:hover { border-color: #d6dbe0; }
/* Avatar beside a two-line block: name on the first line, handle on the second
   — the picture spans both, which is what makes the identity read as one unit. */
.sb-user-card-id { display: flex; align-items: center; gap: 10px; }
.sb-user-card-idtext { min-width: 0; }
.sb-user-card-handle { display: block; font-size: 13px; color: #71808e; text-decoration: none;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sb-user-card-handle:hover { color: #24272a; text-decoration: underline; }
.sb-user-card-top { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.sb-user-card-img { width: 42px; height: 42px; border-radius: 50%; object-fit: cover; flex: 0 0 auto; background: #f1f3f5; }
.sb-user-card-status { font-size: 12px; color: #71808e; margin-top: 10px; }
.sb-user-card-name { font-weight: 600; font-size: 15px; line-height: 1.3;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sb-user-card-company:not(:empty) { font-size: 13px; color: #71808e; margin-top: 2px; }
.sb-user-card-fields:empty { display: none; }
.sb-user-card-fields { list-style: none; margin: 12px 0 0; padding: 0; font-size: 13px; }
.sb-user-card-fields > li { display: flex; align-items: center; gap: 8px; padding: 3px 0;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sb-user-card-fields > li > i { color: #97a0a8; flex: 0 0 auto; }
.sb-user-card-fields a { color: #566069; text-decoration: none; overflow: hidden; text-overflow: ellipsis; }
.sb-user-card-fields a:hover { color: #24272a; text-decoration: underline; }
/* Pushed to the bottom so More sits on the same line across a row of cards
   whose field lists differ in length. */
.sb-user-card-foot { margin-top: auto; padding-top: 12px; display: flex; justify-content: flex-end; align-items: center; }
.sb-user-card-channels { display: flex; align-items: center; gap: 2px; margin-right: auto; }
.sb-user-card-ch { cursor: pointer; width: 28px; height: 28px; border-radius: 5px; display: inline-flex;
    align-items: center; justify-content: center; color: #97a0a8; font-size: 15px; }
.sb-user-card-ch:hover { color: #24272a; background: #f1f3f5; }
.sb-card-sort { margin-right: 10px; height: 30px; border: 1px solid #eceff1; border-radius: 5px;
    background: #fff; color: #566069; font-size: 13px; padding: 0 8px; cursor: pointer; }
.sb-card-sort:hover { border-color: #d6dbe0; color: #24272a; }

/* --- Contacts toolbar (channel pills + sort + view toggle) --------------- */
.sb-users-toolbar { display: flex; align-items: center; gap: 12px; padding: 12px 0 4px; }
.sb-users-toolbar-right { margin-left: auto; display: flex; align-items: center; }
.sb-users-channels { min-width: 0; }
.sb-users-channels > ul { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; margin: 0; padding: 0; }
.sb-users-channels > ul > li { cursor: pointer; font-size: 13px; padding: 4px 11px; border-radius: 20px;
    border: 1px solid #eceff1; color: #566069; background: #fff; white-space: nowrap; }
.sb-users-channels > ul > li:hover { border-color: #d6dbe0; color: #24272a; }
.sb-users-channels > ul > li.sb-active { background: #24272a; border-color: #24272a; color: #fff; }
/* The e-mail row doubles as the channel control, so it must read as text. */
.sb-user-card-fields .sb-user-card-link { width: auto; height: auto; border-radius: 0; display: inline;
    color: #566069; cursor: pointer; }
.sb-user-card-fields .sb-user-card-link:hover { background: none; color: #24272a; text-decoration: underline; }
/* Card selection. Faint until it matters — hovering the card or checking it. */
.sb-user-card { position: relative; }
.sb-user-card-check { position: absolute; top: 12px; right: 12px; margin: 0; cursor: pointer;
    opacity: .3; transition: opacity .15s; }
.sb-user-card:hover .sb-user-card-check,
.sb-user-card-check:checked { opacity: 1; }

/* --- Contacts: list management in the main area (task 0018) -------------- */
.sb-lists-panel { border: 1px solid #eceff1; border-radius: 10px; padding: 14px 16px; margin: 10px 0 4px; background: #fff; }
.sb-lists-panel-head { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.sb-lists-panel-head > b { font-size: 15px; }
.sb-lists-panel .sb-lists-hint { color: #71808e; font-size: 13px; margin-right: auto; }
/* Long list collections scroll inside the panel so the contacts table below
   stays on screen — the point of moving this out of a dialog. */
.sb-lists-panel .sb-lists-rows { max-height: 240px; overflow-y: auto; }

/* Viral post funnel template — its own setup step (topic in, campaign out), then
   an editable review of everything before any of it goes live. Reuses the wizard
   step chrome (.sb-wiz-step / .sb-wiz-footer / .sb-wiz-pills). */
.sb-viral h2 { font-size: 15px; font-weight: 500; color: #24292e; margin: 28px 0 12px; }
.sb-viral h2 > span { font-weight: 400; color: #90a0b2; font-size: 13px; }
.sb-viral h2 > span.sb-viral-optional { background: #f0f2f5; border-radius: 5px; padding: 2px 8px; font-size: 11px; color: #788692; vertical-align: middle; }
.sb-viral .sb-setting input[type="text"], .sb-viral .sb-setting input[type="number"], .sb-viral .sb-setting textarea, .sb-viral .sb-setting select { width: 100%; max-width: 640px; box-sizing: border-box; border: 1px solid #d4d4d4; border-radius: 6px; padding: 9px 12px; font-size: 13.5px; background: #fff; }
.sb-viral .sb-setting textarea { min-height: 96px; resize: vertical; }
.sb-viral .sb-setting input[type="number"] { max-width: 120px; }
.sb-viral .sb-viral-warning { color: #b42318; }
/* The review block is visually separated from the setup fields above it. */
.sb-viral-result { border-top: 1px solid #e6e6e6; margin-top: 30px; }
.sb-viral-section { border-bottom: 1px solid #f0f2f5; padding-bottom: 8px; }
.sb-viral-image { display: flex; gap: 18px; align-items: flex-start; flex-wrap: wrap; }
.sb-viral-image img { width: 200px; height: 200px; object-fit: cover; border-radius: 10px; border: 1px solid #e6e6e6; background: #f0f2f5; }
.sb-viral-image-fields { flex: 1; min-width: 280px; }
.sb-viral-image-fields .sb-setting textarea { min-height: 70px; }
.sb-viral-image-actions { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; margin-top: 10px; }
.sb-viral-image-actions .sb-setting { margin: 0; }
.sb-viral-image-actions .sb-setting select { max-width: 200px; }
.sb-viral-image-actions .sb-btn { margin-left: 0 !important; white-space: nowrap; }
/* One numbered comment per row, delete on the right. */
.sb-viral-comment { display: flex; gap: 10px; align-items: flex-start; margin-bottom: 10px; }
.sb-viral-comment .sb-setting { flex: 1; margin: 0; }
.sb-viral-comment .sb-setting textarea { min-height: 76px; }
.sb-viral-comment-delete { cursor: pointer; color: #90a0b2; font-size: 15px; padding-top: 12px; }
.sb-viral-comment-delete:hover { color: #b42318; }
.sb-viral .sb-viral-add-comment { margin-top: 4px; }
.sb-viral-delay-cnt, .sb-viral-trigger-cnt { display: flex; align-items: center; gap: 10px; }
.sb-viral-delay-cnt > span { font-size: 13px; color: #788692; }
.sb-viral-trigger-cnt input { max-width: 160px !important; text-transform: uppercase; }
/* Viral campaign scheduling + autosave status (shares the composer's queue, so the
   hub cards only need the extra "Funnel" badge and an error line). */
.sb-viral-save-status { margin-left: 12px; font-size: 13px; color: #88969e; align-self: center; }
.sb-viral .sb-wiz-footer { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.sb-viral .sb-wiz-footer .sb-btn { margin-left: 0 !important; }
.sb-viral-schedule { margin-top: 12px; }
.sb-viral-schedule input[type="datetime-local"] { max-width: 260px !important; }
.sb-hub-badge-viral { background: #ede9fe !important; color: #5b21b6 !important; }
.sb-hub-card-scheduled { cursor: pointer; }
.sb-hub-card-error { color: #b42318 !important; font-size: 12px; }

/* Search clear button — the X inside a search field, shown only while it holds
   text (JS toggles .sb-has-text on the .sb-search-btn). Sits left of the
   magnifier, inside the input's 50px right padding. */
.sb-search-btn > .sb-search-clear { position: absolute; top: 50%; right: 38px; transform: translateY(-50%); width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 13px; color: #8d959d; cursor: pointer; display: none; z-index: 4; transition: color 0.3s; }
.sb-search-btn > .sb-search-clear:hover { color: #028be5; }
.sb-search-btn.sb-active.sb-has-text > .sb-search-clear { display: block; }

/* Inline video attachments (main.js message renderer, agent side). */
.sb-message-attachments > .sb-video { display: block; max-width: 500px; width: 100%; margin-top: 5px; border-radius: 8px; background: #000; }

/* Multi-line form field ([form textarea="key|Label|required|rows=6"]).
   Border, background, width and focus ring come from the shared
   .sb-input>input,.sb-input>select,.sb-input>textarea rule — only the things a
   multi-line box needs differently are set here, so it stays identical to the
   single-line fields as those evolve. */
.sb-rich-message .sb-input-textarea > textarea { height: auto; line-height: 1.5; padding: 16px 10px 8px; resize: vertical; font-family: inherit; box-sizing: border-box; }
.sb-rich-message .sb-input-textarea { height: auto; }
/* The floating label sits over a 42px-tall box by default; on a textarea it has
   to hug the top line instead of centring on the whole height. */
.sb-rich-message .sb-input-textarea > span { line-height: 40px; bottom: auto; height: 40px; }
/* Risen label on a textarea: same treatment as an input, but anchored to the
   top edge rather than centred on a 42px box. */
.sb-rich-message .sb-input-textarea > span.sb-active { line-height: 10px; height: 10px; }

/* Progressive reveal ([form reveal="true"]). Fields fade and slide in as the
   visitor advances; the collapse animates too, so a step going backwards is not
   a jump cut. Height is animated via max-height because the natural height is
   unknown — 200px comfortably covers a field row and a textarea. */
.sb-rich-form.sb-form-reveal .sb-input,
.sb-rich-form.sb-form-reveal > .sb-content > .sb-btn {
    transition: opacity .28s ease, max-height .28s ease, margin .28s ease, transform .28s ease;
    max-height: 200px;
    opacity: 1;
    transform: translateY(0);
}
.sb-rich-form.sb-form-reveal .sb-input.sb-reveal-hidden,
.sb-rich-form.sb-form-reveal > .sb-content > .sb-btn.sb-reveal-hidden {
    max-height: 0;
    opacity: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden;
    transform: translateY(-6px);
    pointer-events: none;
}
.sb-rich-form.sb-form-reveal .sb-input-textarea:not(.sb-reveal-hidden) { max-height: 320px; }

/* Explanatory notes between the stages of a contact form ([form details="…"
   instructions="…"]). */
.sb-rich-form .sb-form-note { font-size: 13px; line-height: 1.5; color: #6b7785; margin: 2px 0 10px; }
.sb-rich-form.sb-form-reveal .sb-form-note {
    transition: opacity .28s ease, max-height .28s ease, margin .28s ease, transform .28s ease;
    /* A beat after the fields they introduce, so the eye lands on the text
       first and the row below settles under it. */
    transition-delay: .2s;
    max-height: 120px;
    opacity: 1;
    transform: translateY(0);
}
.sb-rich-form.sb-form-reveal .sb-form-note.sb-reveal-hidden {
    transition-delay: 0s;
    max-height: 0;
    opacity: 0;
    margin: 0;
    overflow: hidden;
    transform: translateY(-6px);
    pointer-events: none;
}

/* A fixed single contact has no picker to show — only the id it carries. */
.sb-rich-form .sb-contact-fixed { display: none !important; }
/* show-contact="true": who the message goes to. */
.sb-rich-form .sb-form-contact-card { display: flex; align-items: baseline; gap: 8px; margin: 2px 0 12px; }
.sb-rich-form .sb-form-contact-card > span { font-size: 12px; color: #8d959d; }
.sb-rich-form .sb-form-contact-card > b { font-size: 14px; color: #1a2b3c; }
/* start-button="…" — the button that opens a fixed-contact form. */
.sb-rich-form .sb-form-start { display: inline-block; cursor: pointer; }

/* An empty row above the instructions line, so the message box reads as its own
   section rather than crowding the field above it. The collapsed state keeps
   margin:0 (see .sb-reveal-hidden) so the gap animates away with the note. */
.sb-rich-form .sb-form-instructions { margin-top: 20px; }

/* start-message="true": the opening bubble has handed the form to a new message,
   so only its title and intro remain. */
.sb-rich-form.sb-form-handed-off .sb-input,
.sb-rich-form.sb-form-handed-off .sb-form-note,
.sb-rich-form.sb-form-handed-off .sb-btn { display: none !important; }

/* hide-picker="true": the search box folds away once a contact is chosen — the
   open dropdown would otherwise hang over the fields revealed beneath it. */
.sb-rich-form .sb-input-search.sb-contact-picked { display: none !important; }
.sb-rich-form .sb-form-contact-card.sb-contact-card-empty { display: none; }

/* Search fields carry their own placeholder, so the form's floating label would
   print a second copy of the text straight over it (main.css already does this
   for the widget; the admin sheet was missing the rule). */
.sb-rich-message .sb-input.sb-input-search>span{display:none}

/* chat="true": title=/message= are posted as the bot's opening bubble, so the
   in-form header would repeat the same line above every step. */
.sb-rich-form.sb-form-chat-intro > .sb-top,
.sb-rich-form.sb-form-chat-intro > .sb-text { display: none !important; }

/* [questions] — the answer input is a transient row on the visitor's side, not part
   of the transcript and not inside the bot's bubble (which made the agent message
   wider than the viewport and kept it wide after the input was gone). */
/* width:100% is load-bearing: .sb-list lays its children out without an
   intrinsic width, so the row (and with it a phone field, whose parts are
   flex/absolute) collapsed to 0x0 — the country selector was rendered but
   invisible. */
/* A .sb-list > div IS a message bubble (background + shadow + padding), which is
   why the input and the skip link both appeared to sit inside one. The chat-mode
   forms strip it the same way — see .sb-form-chat-row above. */
.sb-list > div.sb-questions-ask { background: none !important; box-shadow: none !important; border: 0 !important; padding: 0 15px !important; }
.sb-questions-ask { display: flex; flex-direction: column; align-items: flex-end; width: 100%; box-sizing: border-box; margin: 0 0 15px; }
.sb-questions-ask .sb-rich-form.sb-questions-form { background: none !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; width: auto; max-width: 100%; }
.sb-questions-ask .sb-rich-form .sb-content { padding: 0 !important; margin: 0 !important; }
.sb-questions-ask .sb-input { margin: 0 !important; width: 260px; max-width: 100%; box-sizing: border-box; }
/* The phone field is the widget's own node inside the widget's own container, so
   its internal layout is left completely alone — only the outer width is capped. */
.sb-questions-ask .sb-questions-form-phone { width: 300px; max-width: 100%; }
/* Room for the arrow that sits inside the field (right:1px, 46px wide). */
.sb-questions-ask .sb-input > input { width: 100%; box-sizing: border-box; padding-right: 52px !important; }
.sb-questions-ask .sb-btn.sb-form-btn-inline { right: 1px; width: 46px; }

/* [questions] — the marker message starts the engine and has no content of its own,
   so its row must never paint an empty bubble. Two selectors on purpose: the class
   is set by the engine, the :has() rule needs no JS at all and therefore survives
   the window between a re-render and the next boot. */
.sb-list > div.sb-questions-row { display: none !important; }
.sb-list > div[data-id]:has(.sb-rich-questions) { display: none !important; }

/* [questions] — a textarea step gets a wider row and, with button="…", a real
   button under the field instead of the inline arrow. */
.sb-questions-ask .sb-rich-form.sb-questions-form-wide { width: 320px; max-width: 100%; }
.sb-questions-ask .sb-questions-form-wide .sb-input { width: 100%; }
.sb-questions-ask .sb-input.sb-input-textarea > textarea { width: 100%; box-sizing: border-box; resize: vertical; }
.sb-questions-ask .sb-btn.sb-questions-send-text { display: inline-flex; align-items: center; justify-content: center; margin: 8px 0 0 auto; width: auto; padding: 0 18px; cursor: pointer; }

/* [questions] — skip="…" renders a quiet link under the field for a question the
   visitor may walk past. */
.sb-questions-ask .sb-questions-skip { text-align: right; margin: 6px 4px 0 0; }
.sb-questions-ask .sb-questions-skip a { font-size: 12px; color: #3b3b3b; opacity: .8; text-decoration: underline; cursor: pointer; }
.sb-questions-ask .sb-questions-skip a:hover { opacity: 1; color: #000; }


/* Unibox channel FLYOUT — hovering the Conversations nav icon opens a menu
   panel to the right (styled like the nav label pills): one row per folder,
   icon + name + (count) + unread badge. Channels are NOT rendered in the icon
   rail anymore. The outer .sb-nav-folders is a transparent hover bridge
   (padding-left) so the pointer can travel from the icon into the panel. */
.sb-admin > .sb-header > .sb-admin-nav > div { position: relative; }
.sb-admin > .sb-header > .sb-admin-nav .sb-nav-folders { display: none; position: absolute; top: 0; left: 100%; z-index: 99999; padding-left: 9px; }
/* General sibling (~), not adjacent (+): the TeamChat nav item sits between
   #sb-conversations and the flyout when that app is active. */
.sb-admin > .sb-header > .sb-admin-nav #sb-conversations:hover ~ .sb-nav-folders,
.sb-admin > .sb-header > .sb-admin-nav .sb-nav-folders:hover { display: block; }
/* The flyout replaces the plain "Conversations" label pill. */
.sb-admin > .sb-header > .sb-admin-nav > div > a#sb-conversations:hover span { visibility: hidden !important; opacity: 0 !important; transition: none; }
.sb-nav-folders-panel { background: #fff; border-radius: 6px; padding: 6px; box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.05); min-width: 210px; }
.sb-nav-folders span { display: flex; align-items: center; gap: 9px; height: 34px; padding: 0 10px; border-radius: 5px; cursor: pointer; transition: all .3s; font-size: 13px; font-weight: 500; letter-spacing: .3px; color: #24272a; white-space: nowrap; }
.sb-nav-folders span:hover, .sb-nav-folders span.sb-active { background: #f0f2f5; color: #028be5; }
.sb-nav-folders span img { width: 16px; height: 16px; display: block; flex: 0 0 auto; }
.sb-nav-folders span i { font-size: 15px; width: 16px; text-align: center; flex: 0 0 auto; }
.sb-nav-folders span b:not(.sb-nav-badge) { font-size: 9px; font-weight: 700; width: 16px; text-align: center; letter-spacing: 0; flex: 0 0 auto; }
.sb-nav-folders span label { cursor: pointer; }
.sb-nav-folders .sb-nav-folder-count { font-style: normal; font-size: 12px; opacity: .6; margin-left: auto; }
.sb-nav-folders .sb-nav-folder-count:empty { display: none; }
.sb-nav-folders span .sb-nav-badge { position: static; margin-left: 4px; flex: 0 0 auto; }
.sb-nav-folders span .sb-nav-badge:first-of-type { margin-left: auto; }
.sb-nav-folders .sb-nav-folder-count + .sb-nav-badge, .sb-nav-folders .sb-nav-folder-count:not(:empty) ~ .sb-nav-badge { margin-left: 4px; }

/* Unibox dropdown: same icons + unread badges; empty channels greyed at the
   end of the list. Scoped to the FIRST select (.sb-top > .sb-select) — the
   channels multi-filter and friends live inside .sb-flex. */
.sb-board .sb-admin-list .sb-top > .sb-select ul li { display: flex; align-items: center; gap: 8px; white-space: nowrap; }
.sb-board .sb-admin-list .sb-top > .sb-select ul li img { width: 16px; height: 16px; flex: 0 0 auto; }
.sb-board .sb-admin-list .sb-top > .sb-select ul li i { font-size: 14px; width: 16px; text-align: center; flex: 0 0 auto; }
.sb-board .sb-admin-list .sb-top > .sb-select ul li b:not(.sb-nav-badge) { font-size: 9px; width: 16px; text-align: center; letter-spacing: 0; flex: 0 0 auto; }
.sb-board .sb-admin-list .sb-top > .sb-select ul li .sb-nav-badge { position: static; margin-left: auto; flex: 0 0 auto; }
.sb-board .sb-admin-list .sb-top > .sb-select ul li.sb-unibox-folder-empty { opacity: .5; }
.sb-board .sb-admin-list .sb-top > .sb-select ul li.sb-unibox-folder-empty img { filter: grayscale(1); }
.sb-board .sb-admin-list .sb-top > .sb-select > p img { width: 15px; height: 15px; vertical-align: -3px; margin-right: 5px; }
.sb-board .sb-admin-list .sb-top > .sb-select > p > i { margin-right: 5px; vertical-align: -1px; }
.sb-board .sb-admin-list .sb-top > .sb-select > p .sb-nav-folder-glyph { display: inline-block; vertical-align: -3px; margin-right: 5px; }
.sb-board .sb-admin-list .sb-top > .sb-select > p .sb-nav-badge { position: static; margin-left: 6px; }

/* Conversations nav icon: inbox tray with incoming arrow (user pick 2026-08-19)
   instead of the font glyph \64. */
.sb-admin > .sb-header > .sb-admin-nav > div > a#sb-conversations:before {
    content: ""; width: 21px; height: 21px; top: 15px;
    background-color: currentColor;
    -webkit-mask: center / 21px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M21.75 13.616V18A3.383 3.383 0 0 1 18 21.75H6A3.383 3.383 0 0 1 2.25 18v-4.384a3.7 3.7 0 0 1 .3-1.476l1.981-4.617c.5-1.169.974-2.273 3.448-2.273a.75.75 0 1 1 0 1.5c-1.485 0-1.62.316-2.069 1.364L4.03 12.5h2.925a3.38 3.38 0 0 1 2.886 1.763 2.5 2.5 0 0 0 4.318 0 3.38 3.38 0 0 1 2.886-1.763h2.925l-1.88-4.386c-.449-1.048-.584-1.364-2.069-1.364a.75.75 0 0 1 0-1.5c2.474 0 2.947 1.1 3.448 2.273l1.978 4.616a3.7 3.7 0 0 1 .303 1.477M11.47 10.53a.75.75 0 0 0 1.06 0l2-2a.75.75 0 0 0-1.06-1.06l-.72.719V2a.75.75 0 0 0-1.5 0v6.189l-.72-.719a.75.75 0 0 0-1.06 1.06z'/%3E%3C/svg%3E");
    mask: center / 21px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M21.75 13.616V18A3.383 3.383 0 0 1 18 21.75H6A3.383 3.383 0 0 1 2.25 18v-4.384a3.7 3.7 0 0 1 .3-1.476l1.981-4.617c.5-1.169.974-2.273 3.448-2.273a.75.75 0 1 1 0 1.5c-1.485 0-1.62.316-2.069 1.364L4.03 12.5h2.925a3.38 3.38 0 0 1 2.886 1.763 2.5 2.5 0 0 0 4.318 0 3.38 3.38 0 0 1 2.886-1.763h2.925l-1.88-4.386c-.449-1.048-.584-1.364-2.069-1.364a.75.75 0 0 1 0-1.5c2.474 0 2.947 1.1 3.448 2.273l1.978 4.616a3.7 3.7 0 0 1 .303 1.477M11.47 10.53a.75.75 0 0 0 1.06 0l2-2a.75.75 0 0 0-1.06-1.06l-.72.719V2a.75.75 0 0 0-1.5 0v6.189l-.72-.719a.75.75 0 0 0-1.06 1.06z'/%3E%3C/svg%3E");
}

/* Unibox sidebar shortcuts: ALL and ME as icons (user picks 2026-08-19 —
   Icon 3 tray for ALL, filled star for ME; the folder-with-star alternative
   for ME is one mask swap away). currentColor keeps the active-blue behavior. */
.sb-nav-folder-glyph { display: block; width: 16px; height: 16px; background-color: currentColor; flex: 0 0 auto; }
.sb-nav-glyph-all { -webkit-mask: center / 16px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M21.558 12.3 19.4 5.814A3.55 3.55 0 0 0 16 3.25H8a3.55 3.55 0 0 0-3.4 2.564L2.443 12.3a3.7 3.7 0 0 0-.193 1.187V18A3.383 3.383 0 0 0 6 21.75h12A3.383 3.383 0 0 0 21.75 18v-4.513a3.8 3.8 0 0 0-.192-1.187M6.028 6.288A2.06 2.06 0 0 1 8 4.75h8a2.06 2.06 0 0 1 1.972 1.538l2.07 6.212h-3a3.38 3.38 0 0 0-2.886 1.763 2.5 2.5 0 0 1-4.318 0A3.38 3.38 0 0 0 6.955 12.5h-3zM7.25 10A.75.75 0 0 1 8 9.25h8a.75.75 0 0 1 0 1.5H8a.75.75 0 0 1-.75-.75m1-3A.75.75 0 0 1 9 6.25h6a.75.75 0 0 1 0 1.5H9A.75.75 0 0 1 8.25 7'/%3E%3C/svg%3E"); mask: center / 16px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M21.558 12.3 19.4 5.814A3.55 3.55 0 0 0 16 3.25H8a3.55 3.55 0 0 0-3.4 2.564L2.443 12.3a3.7 3.7 0 0 0-.193 1.187V18A3.383 3.383 0 0 0 6 21.75h12A3.383 3.383 0 0 0 21.75 18v-4.513a3.8 3.8 0 0 0-.192-1.187M6.028 6.288A2.06 2.06 0 0 1 8 4.75h8a2.06 2.06 0 0 1 1.972 1.538l2.07 6.212h-3a3.38 3.38 0 0 0-2.886 1.763 2.5 2.5 0 0 1-4.318 0A3.38 3.38 0 0 0 6.955 12.5h-3zM7.25 10A.75.75 0 0 1 8 9.25h8a.75.75 0 0 1 0 1.5H8a.75.75 0 0 1-.75-.75m1-3A.75.75 0 0 1 9 6.25h6a.75.75 0 0 1 0 1.5H9A.75.75 0 0 1 8.25 7'/%3E%3C/svg%3E"); }
.sb-nav-glyph-mine { width: 17px; height: 17px; -webkit-mask: center / 17px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='black' d='M416 149.333v277.292a31.983 31.983 0 0 1-50.219 26.313L262.031 381.1a10.63 10.63 0 0 0-12.146 0l-103.666 71.838A32.013 32.013 0 0 1 96 426.625V149.333a96.1 96.1 0 0 1 96-96h128a96.1 96.1 0 0 1 96 96'/%3E%3C/svg%3E"); mask: center / 17px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='black' d='M416 149.333v277.292a31.983 31.983 0 0 1-50.219 26.313L262.031 381.1a10.63 10.63 0 0 0-12.146 0l-103.666 71.838A32.013 32.013 0 0 1 96 426.625V149.333a96.1 96.1 0 0 1 96-96h128a96.1 96.1 0 0 1 96 96'/%3E%3C/svg%3E"); }

/* Unread badges: absolute on the top-level nav icons, static inside
   flyout/dropdown rows (overridden above). */
.sb-nav-badge {
    position: absolute; top: -3px; right: 8px; z-index: 2;
    background: #e5484d; color: #fff; font-size: 9px; font-weight: 700;
    line-height: 1; padding: 2px 4px; border-radius: 8px; min-width: 7px;
    text-align: center; letter-spacing: 0; font-style: normal;
}
.sb-admin > .sb-header > .sb-admin-nav > div > a .sb-nav-badge { top: 8px; right: 14px; }

/* Channels without open conversations: demoted below Trash, greyed out. */
.sb-nav-folders span.sb-nav-folder-empty { opacity: .45; }
.sb-nav-folders span.sb-nav-folder-empty:hover { opacity: .8; }
.sb-nav-folders span.sb-nav-folder-empty img { filter: grayscale(1); }

/* Attachments panel: grid view (default) with media thumbnails + view toggle. */
.sb-panel-attachments h3.sb-flex { align-items: center; }
.sb-attachments-views { display: flex; gap: 8px; margin-left: auto; }
.sb-attachments-views i { width: 15px; height: 15px; cursor: pointer; opacity: .35; background-color: currentColor; transition: all .2s; }
.sb-attachments-views i:hover, .sb-attachments-views i.sb-active { opacity: 1; color: #028be5; }
.sb-attachments-view-grid { -webkit-mask: center / 14px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 4h7v7H4zm9 0h7v7h-7zM4 13h7v7H4zm9 0h7v7h-7z'/%3E%3C/svg%3E"); mask: center / 14px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 4h7v7H4zm9 0h7v7h-7zM4 13h7v7H4zm9 0h7v7h-7z'/%3E%3C/svg%3E"); }
.sb-attachments-view-list { -webkit-mask: center / 14px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 5h16v3H4zm0 5.5h16v3H4zM4 16h16v3H4z'/%3E%3C/svg%3E"); mask: center / 14px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 5h16v3H4zm0 5.5h16v3H4zM4 16h16v3H4z'/%3E%3C/svg%3E"); }
.sb-panel-attachments .sb-attachments-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; padding: 5px 15px 15px; }
.sb-attachments-grid a { display: block; aspect-ratio: 1; border-radius: 8px; background: #f2f4f6 center / cover no-repeat; position: relative; overflow: hidden; box-shadow: 0 0 0 1px rgba(0,0,0,.06); }
.sb-attachments-grid a:hover { box-shadow: 0 0 0 2px #028be5; }
.sb-attachments-grid a video { width: 100%; height: 100%; object-fit: cover; display: block; pointer-events: none; }
.sb-attachments-grid a .sb-attachment-play { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; }
.sb-attachments-grid a .sb-attachment-play:before { content: "\25B6"; color: #fff; font-size: 17px; font-style: normal; text-shadow: 0 1px 4px rgba(0,0,0,.55); }
.sb-attachments-grid a > img { width: 26px; height: 26px; position: absolute; top: calc(50% - 19px); left: calc(50% - 13px); }
.sb-attachments-grid a > span { position: absolute; bottom: 3px; left: 4px; right: 4px; font-size: 9px; line-height: 11px; color: #66707a; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sb-attachment-modal { position: fixed; inset: 0; background: rgba(0,0,0,.82); z-index: 9999995; display: flex; align-items: center; justify-content: center; cursor: zoom-out; }
.sb-attachment-modal img, .sb-attachment-modal video { max-width: 90%; max-height: 90%; border-radius: 8px; box-shadow: 0 10px 50px rgba(0,0,0,.5); }
.sb-attachment-modal .sb-icon-close { position: absolute; top: 22px; right: 28px; color: #fff; font-size: 18px; cursor: pointer; opacity: .8; }
.sb-attachment-modal .sb-icon-close:hover { opacity: 1; }

/* Bulk selection — shift+click ranges, cmd/ctrl+click toggles, cmd/ctrl+A all.
   The bar sits at the TOP of the left list (between the header and the scroll
   area, inside the sidebar's flex column) from 2 selected rows on and pushes
   the list down. user-select:none on the rows: shift+click must extend the
   selection, not start a text selection. */
.sb-board .sb-admin-list .sb-scroll-area li { -webkit-user-select: none; user-select: none; }
.sb-board .sb-admin-list .sb-bulk-bar { display: none; flex: 0 0 auto; align-items: center; padding: 6px 8px; background: #fff; border-bottom: 1px solid #d4d4d4; }
.sb-board .sb-admin-list .sb-bulk-bar.sb-active { display: flex; }
.sb-bulk-bar .sb-bulk-count { flex: 1 1 auto; font-size: 13px; font-weight: 600; letter-spacing: .3px; color: #24272a; padding-left: 5px; white-space: nowrap; }
.sb-bulk-bar a { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 4px; cursor: pointer; color: #566069; transition: all .3s; flex: 0 0 auto; }
.sb-bulk-bar a i { font-size: 15px; }
.sb-bulk-bar a:hover { background: #f0f2f5; color: #028be5; }
.sb-bulk-bar a.sb-bulk-red:hover { color: #ca3434; }

/* TeamChat: hidden folder li (the TC-mode proxy still clicks it) + pinned
   link row at the top of the Assigned-to-me conversation list. */
.sb-board .sb-admin-list .sb-top > .sb-select ul li.sb-unibox-tc { display: none; }
.sb-board .sb-admin-list .sb-scroll-area li.sb-teamchat-link { display: flex; align-items: center; gap: 9px; padding: 12px 15px; cursor: pointer; font-size: 13px; font-weight: 600; letter-spacing: .3px; color: #24272a; border-bottom: 1px solid rgba(0, 0, 0, .06); }
.sb-board .sb-admin-list .sb-scroll-area li.sb-teamchat-link:hover { color: #028be5; background: #f0f2f5; }
.sb-board .sb-admin-list .sb-scroll-area li.sb-teamchat-link img { width: 18px; height: 18px; }
.sb-board .sb-admin-list .sb-scroll-area li.sb-teamchat-link .sb-nav-badge { position: static; margin-left: auto; }

/* Multi-input section headings — visually split a single-storage settings group. */
.sb-type-multi-input > .input > div.multi-input-heading { display: block; border-top: 1px solid #e4e8ec; margin: 24px 0 16px; padding-top: 18px; }
.sb-type-multi-input > .input > div.multi-input-heading:first-child { border-top: 0; margin-top: 0; padding-top: 0; }
.multi-input-heading h3 { font-size: 15px; font-weight: 700; letter-spacing: .2px; color: #24272a; margin: 0; }
.multi-input-heading > p { font-size: 12px; line-height: 18px; color: #8c98a4; margin: 4px 0 0; max-width: 520px; }

/* Sectioned multi-input group: rendered as separate sections (left heading + right
   fields), same hierarchy as standalone settings sections, but still ONE storage
   key (the outer .sb-setting keeps the group id; .sb-multi-section is not .sb-setting). */
.sb-setting.sb-multi-sectioned { display: block !important; padding: 0; }
.sb-setting.sb-multi-sectioned > .sb-multi-section { display: flex; align-items: flex-start; }
.sb-setting.sb-multi-sectioned > div + div { border-top: 1px solid #e4e8ec; margin-top: 28px; padding-top: 28px; }
.sb-setting.sb-multi-sectioned > .sb-setting { padding-bottom: 0; margin-bottom: 0; }
#open-ai-fallback-messages > .input > .multi-input-text { margin-bottom: 20px; }
.sb-multi-section > .sb-setting-content { max-width: 420px; width: 420px; padding-right: 60px; flex-shrink: 0; box-sizing: border-box; }
.sb-multi-section > .sb-setting-content:empty { display: none; }
.sb-multi-section > .input { width: 100%; }
.sb-multi-section > .input > div { margin-bottom: 15px; }

/* Conversational context: developer summary info message (task 0047) */
.sb-info-message .sb-dev-summary{text-align:left;white-space:normal;max-width:620px;margin:0 auto}.sb-info-message .sb-dev-summary>span{opacity:.7;font-size:12px}.sb-info-message .sb-dev-summary>div{margin-top:6px;line-height:1.5;font-size:13px}

/* AI cost per reply / per conversation */
.sb-time .sb-ai-cost{margin-left:10px;opacity:.6;font-size:11px}.sb-panel-conversation-details li[data-id="ai-cost"] label{line-height:1.5}

/* AI credits sidebar panel */
.sb-panel-ai-cost .sb-ai-cost-panel{margin:15px}.sb-panel-ai-cost .sb-ai-cost-row{display:flex;justify-content:space-between;line-height:28px;font-size:13px;border-bottom:1px solid rgba(0,0,0,.05)}.sb-panel-ai-cost .sb-ai-cost-row:last-child{border-bottom:none}.sb-panel-ai-cost .sb-ai-cost-row span{color:#566069}

/* Links in messages (Settings > Messages): mailto:/tel:/url buttons */
.sb-message a.sb-link-btn{display:inline-block;margin:4px 6px 2px 0;padding:6px 14px;border-radius:20px;border:1px solid rgba(0,0,0,.15);background:rgba(255,255,255,.85);color:inherit;text-decoration:none !important;font-weight:500;line-height:20px}.sb-message a.sb-link-btn:hover{border-color:rgba(0,0,0,.3)}

/* E-mail form ([form type="email"] / Convert e-mails = Form): vendor rich-form look, only the extras here */
.sb-message .sb-email-form{margin-top:10px}.sb-message .sb-email-form .sb-email-form-error{display:none;color:#ca3434;font-size:12px;margin:0 0 8px}.sb-message .sb-email-form .sb-email-form-success{font-weight:500}.sb-message .sb-email-form .sb-email-form-cancel{display:block;text-align:center;margin-top:10px;font-size:13px;color:#566069;text-decoration:underline;cursor:pointer}

/* Signatures (task 0044) */
.sb-btn-signature:before{content:"\e905";font-family:"Support Board Icons";font-size:17px}/* * Group headings and field rows inside the saved replies panel. * * A heading is an <li> in a list whose rows are a fixed 55px tall — which is why it sat in a * band of empty space. It gets its own height, and it is never painted as selected: the * keyboard skips it, and so must the mouse. */.sb-popup.sb-replies .sb-replies-list ul li.sb-replies-group{height:auto;line-height:1;padding:16px 25px 7px;font-size:11px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:#96a0aa;cursor:default;white-space:nowrap}.sb-popup.sb-replies .sb-replies-list ul li.sb-replies-group:first-child{padding-top:6px}.sb-popup.sb-replies .sb-replies-list ul li.sb-replies-group,.sb-popup.sb-replies .sb-replies-list ul li.sb-replies-group:hover,.sb-popup.sb-replies .sb-replies-list ul li.sb-replies-group.sb-active{background:none!important;cursor:default}.sb-popup.sb-replies .sb-replies-list ul li.sb-replies-group>div:first-child:before{content:none}.sb-replies-list li.sb-reply-field .sb-reply-tag{background:#eef1f6;color:#566069;font-weight:400}/* Migrate-to-Q&A panel: one row per saved reply, its question and a preview of the text. */#sb-generic-panel .sb-migrate-intro{margin:0 0 18px;font-size:13px;line-height:1.6;color:#566069}#sb-generic-panel .sb-migrate-row{padding:12px 0;border-top:1px solid #eef1f4}#sb-generic-panel .sb-migrate-row:first-of-type{border-top:0}#sb-generic-panel .sb-migrate-pick{display:flex;align-items:center;gap:8px;font-size:13px;margin-bottom:7px;cursor:pointer}#sb-generic-panel .sb-migrate-pick b{font-weight:500}#sb-generic-panel .sb-migrate-question{width:100%;box-sizing:border-box;padding:7px 10px;border:1px solid #e0e3ea;border-radius:4px;font-size:13px}#sb-generic-panel .sb-migrate-question:focus{border-color:#028be5;outline:none}#sb-generic-panel .sb-migrate-text{margin-top:6px;font-size:12px;line-height:1.5;color:#8f8f8f}/* Add-to-saved-replies dialog: what each option does, the field chips, the detection row. */.sb-saved-reply-box .sb-saved-reply-hint{margin:-6px 0 14px;font-size:12.5px;line-height:1.5;color:#8f8f8f}.sb-saved-reply-box .sb-saved-reply-vars{margin-top:14px}.sb-saved-reply-box .sb-saved-reply-vars-head{font-size:12px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:#96a0aa;margin-bottom:7px}.sb-saved-reply-box .sb-saved-reply-var{display:inline-block;margin:0 6px 6px 0;padding:3px 8px;border:1px solid #e0e3ea;border-radius:4px;background:#f5f7fa;color:#566069;font-size:12.5px;cursor:pointer}.sb-saved-reply-box .sb-saved-reply-var:hover{border-color:#028be5;color:#028be5}.sb-saved-reply-box .sb-saved-reply-var-empty{font-size:12.5px;color:#8f8f8f}.sb-saved-reply-box .sb-saved-reply-detect{margin:0 0 14px;padding:10px 12px;border-radius:6px;background:#fff8e5;font-size:12.5px;line-height:1.7;color:#7a6320}.sb-saved-reply-box .sb-saved-reply-detect-label{font-weight:600}.sb-saved-reply-box .sb-saved-reply-detect-item b{color:#028be5}/* Sized like the header's own buttons — it was the loudest thing in the dialog. */.sb-saved-reply-box .sb-saved-reply-detect-apply{display:inline-block;margin:6px 0 0;padding:4px 12px!important;height:auto!important;line-height:20px!important;font-size:12px!important;font-weight:400!important;border:1px solid #e0e3ea!important;background:#fff!important;color:#566069!important;border-radius:4px!important}.sb-saved-reply-box .sb-saved-reply-detect-apply:hover{border-color:#028be5!important;color:#028be5!important}/* Resolved merge fields in a preview: the words that came from the contact, not from the reply. */.sb-popup.sb-replies .sb-replies-list ul li div:last-child .sb-reply-value{color:#028be5;font-weight:500}.sb-popup.sb-replies .sb-replies-list ul li:not(.sb-no-results):hover>div .sb-reply-value,.sb-popup.sb-replies .sb-replies-list ul li.sb-active>div .sb-reply-value{color:#0a6ba8}/* * The panel grows with its content instead of being a fixed 360px box: short lists no longer * end in dead space, long ones show about twice as many rows before scrolling. */.sb-popup.sb-replies{height:auto;min-height:360px;max-height:500px}.sb-popup.sb-replies .sb-replies-list{height:auto;min-height:227px;max-height:367px;overflow-y:auto}.sb-popup.sb-signatures ul li{padding:10px 15px;cursor:pointer;font-size:13px;line-height:1.4}.sb-popup.sb-signatures ul li b{display:block;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-popup.sb-signatures ul li span{display:block;margin-top:2px;font-size:11.5px;color:#8f8f8f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-popup.sb-signatures ul li:hover{background:#f5f7fa}.sb-input.sb-signature-field small{display:block;margin-top:6px;font-size:11px;color:#8f8f8f;line-height:1.4}

/* Signature rows in the profile edit box — inputs match the vendor .sb-input fields (1px #d4d4d4, radius 6px) */
.sb-signature-editor{align-items:flex-start}
.sb-signature-editor>span{padding-top:12px;flex-grow:0}
.sb-signature-editor>div{flex:1 1 auto;width:auto;max-width:none;min-width:0;padding-right:0}
.sb-signature-row{position:relative;margin-bottom:10px}
.sb-signature-row input.sb-signature-title,.sb-signature-row textarea.sb-signature-text{width:100%;box-sizing:border-box;border:1px solid #d4d4d4;border-radius:6px;background:#fff;font-size:13px;color:#24272a;padding:0 10px}
.sb-signature-row input.sb-signature-title{height:42px;line-height:42px;margin-bottom:6px;padding-right:34px}
.sb-signature-row textarea.sb-signature-text{min-height:90px;padding:12px 10px;line-height:1.5;resize:vertical;display:block}
.sb-signature-row input.sb-signature-title:focus,.sb-signature-row textarea.sb-signature-text:focus{border-color:#028be5;outline:none}
.sb-signature-row .sb-signature-remove{position:absolute;top:15px;right:12px;cursor:pointer;opacity:.45;font-size:11px}
.sb-signature-row .sb-signature-remove:hover{opacity:1;color:#ca3434}
.sb-signature-add{display:inline-flex}

/* Shared Instagram reel/post embed in the conversation */
.sb-cnt>.sb-ig-embed{display:block;margin:0 0 8px;padding:0;border:1px solid rgba(0,0,0,.1);border-radius:8px;max-width:340px;background:#fff;overflow:hidden}
.sb-cnt>.sb-ig-embed>a{display:block;padding:10px;font-size:12px;word-break:break-all}
.sb-right .sb-cnt>.sb-ig-embed{margin-left:auto}
/* A message carrying an embed: the row loses the grey bubble, the text keeps one of its own */
.sb-list>div.sb-has-embed{background-color:transparent!important;padding:0;width:340px;max-width:calc(100% - 55px)}
.sb-has-embed .sb-cnt>.sb-ig-embed{width:100%;min-width:0!important;max-width:100%}
.sb-has-embed .sb-cnt>.sb-message:not(:empty){background-color:#f5f5f5;border-radius:10px;padding:12px;display:block;width:100%;box-sizing:border-box}
.sb-has-embed.sb-right .sb-cnt>.sb-message:not(:empty){margin-left:auto}
.sb-has-embed .sb-time{padding:4px 2px 0}

/* Message selection, quoting and forwarding (message menu: Reply / Forward / Select) */
.sb-list.sb-select-mode>div[data-id]:not(.sb-info-message){cursor:pointer;padding-left:40px;transition:background-color .2s,box-shadow .2s;user-select:none}
.sb-list.sb-select-mode>div[data-id].sb-right:not(.sb-info-message){padding-left:12px;padding-right:40px}
.sb-list.sb-select-mode>div[data-id]:not(.sb-info-message):before{content:"";position:absolute;left:12px;top:14px;width:18px;height:18px;border:2px solid #b6bec6;border-radius:50%;background:#fff;box-sizing:border-box;transition:all .15s}
.sb-list.sb-select-mode>div[data-id].sb-right:not(.sb-info-message):before{left:auto;right:12px}
.sb-list.sb-select-mode>div[data-id]:not(.sb-info-message):hover:before{border-color:#028be5}
.sb-list.sb-select-mode>div.sb-selected{box-shadow:0 0 0 2px #028be5 inset;background-color:rgba(2,139,229,.08)!important}
.sb-list.sb-select-mode>div.sb-selected:before{background:#028be5;border-color:#028be5;box-shadow:inset 0 0 0 3px #fff}
.sb-list.sb-select-mode>div .sb-menu-btn,.sb-list.sb-select-mode>div .sb-menu{display:none!important}
.sb-list.sb-select-mode>div[data-id]:not(.sb-info-message) a,.sb-list.sb-select-mode>div[data-id]:not(.sb-info-message) .sb-image{pointer-events:none}
.sb-list.sb-select-mode{margin-bottom:62px}
.sb-editor .sb-select-bar{position:absolute;left:-1px;right:-1px;top:-60px;height:60px;box-sizing:border-box;display:flex;align-items:center;gap:15px;padding:0 15px;font-size:13px;line-height:13px;letter-spacing:.3px;color:#566069;border:1px solid rgba(0,0,0,0.2);border-bottom:0;border-left:2px solid #028be5;background:#f5f7fa;border-top-right-radius:4px;border-top-left-radius:4px;z-index:5}
.sb-editor .sb-select-bar .sb-select-count{font-weight:500;color:#004c7d;white-space:nowrap;min-width:120px}
.sb-editor .sb-select-bar>div{display:flex;gap:6px;flex:1;flex-wrap:wrap}
.sb-editor .sb-select-bar>div a{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:4px;background:#fff;border:1px solid rgba(0,0,0,.12);color:#566069;cursor:pointer;transition:all .2s;white-space:nowrap}
.sb-editor .sb-select-bar>div a i{font-size:13px}
.sb-editor .sb-select-bar>div a:hover{border-color:#028be5;color:#028be5}
.sb-editor .sb-select-bar>div a.sb-disabled{opacity:.45;cursor:default;pointer-events:none}
.sb-editor .sb-select-bar>.sb-icon-close{font-size:12px;padding:8px;cursor:pointer;color:#566069}
.sb-editor .sb-select-bar>.sb-icon-close:hover{color:#ca3434}
.sb-editor [data-reply] b{font-weight:500;color:#004c7d}
.sb-forward-box .sb-forward-preview{margin:-5px 0 20px;max-height:200px;overflow-y:auto}
.sb-forward-box .sb-forward-preview>div{background:rgba(0,0,0,0.05);border-left:2px solid #028be5;border-radius:4px;padding:8px 12px;margin-bottom:6px;font-size:13px;line-height:20px;color:#566069;white-space:pre-wrap;word-break:break-word}
.sb-forward-box .sb-forward-preview>div>span{display:block;font-weight:500;color:#004c7d;margin-bottom:2px}
.sb-forward-box .sb-forward-preview>div>span+*{margin-top:0}
.sb-forward-box .sb-forward-tabs{display:flex;gap:6px;margin-bottom:15px}
.sb-forward-box .sb-forward-tabs a{padding:8px 14px;border-radius:20px;border:1px solid rgba(0,0,0,.15);font-size:13px;color:#566069;cursor:pointer;transition:all .2s}
.sb-forward-box .sb-forward-tabs a:hover{border-color:#028be5;color:#028be5}
.sb-forward-box .sb-forward-tabs a.sb-active{background:#028be5;border-color:#028be5;color:#fff}
.sb-forward-box .sb-forward-agents{border:1px solid #d4d4d4;border-radius:4px;max-height:220px;overflow-y:auto;background:#fff}
.sb-forward-box .sb-forward-agent{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;font-size:13.5px;color:#333;transition:background .15s}
.sb-forward-box .sb-forward-agent:hover{background:rgba(2,139,229,.06)}
.sb-forward-box .sb-forward-agent+.sb-forward-agent{border-top:1px solid rgba(0,0,0,.05)}
.sb-forward-box .sb-forward-agent:has(input:checked){background:rgba(2,139,229,.1)}
.sb-forward-box .sb-forward-agent input{margin:0;flex:0 0 auto}
.sb-forward-box .sb-forward-avatar{width:28px;height:28px;border-radius:50%;background:#e0e4e8 center/cover no-repeat;flex:0 0 auto}
.sb-forward-box .sb-forward-loading{padding:12px;font-size:13px;color:#788692}
.sb-forward-box .sb-forward-hint{margin:8px 0 20px;font-size:12px;color:#788692;line-height:18px}
.sb-forward-box .sb-title span{font-weight:400;color:#788692;font-size:12px}
.sb-forward-box .sb-forward-comment{min-height:70px}
.sb-forward-box .sb-recipients-setting{margin-top:0}
.sb-mentions-anchor{position:relative}
.sb-mentions{position:absolute;left:0;right:0;top:100%;z-index:99;background:#fff;border:1px solid #d4d4d4;border-radius:6px;box-shadow:0 6px 20px rgba(0,0,0,.14);max-height:220px;overflow-y:auto;margin-top:2px}
.sb-mentions>div{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;font-size:13px;color:#333}
.sb-mentions>div.sb-active,.sb-mentions>div:hover{background:rgba(2,139,229,.08)}
.sb-mentions>div img{width:24px;height:24px;border-radius:50%;object-fit:cover}
.sb-mention{color:#028be5;font-weight:500;background:rgba(2,139,229,.08);border-radius:3px;padding:0 3px}

/* Channel row of the direct-message box when opened with a link to send (?send=) */
.sb-direct-message-channels{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:25px}
.sb-direct-message-channels a{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:20px;border:1px solid rgba(0,0,0,.15);font-size:13px;color:#566069;cursor:pointer;transition:all .2s;background:#fff}
.sb-direct-message-channels a i{font-size:15px}
.sb-direct-message-channels a:hover{border-color:#028be5;color:#028be5}
.sb-direct-message-channels a.sb-active{background:#028be5;border-color:#028be5;color:#fff}
.sb-direct-message-box .sb-send-direct-message.sb-disabled{opacity:.45;cursor:default}
.sb-direct-message-box .sb-direct-message-copy{margin-left:10px}
.sb-form-feeds{width:100%}
.sb-form-feeds p{margin:0;font-size:12px;color:#788692}
.sb-form-feed{margin-bottom:12px}
.sb-form-feed:last-child{margin-bottom:0}
.sb-form-feed>div{font-size:13px;margin-bottom:4px}
.sb-form-feed>div span{color:#788692;font-size:12px}
.sb-form-feed input{width:100%;font-size:12px;font-family:monospace;padding:7px 10px;border:1px solid #d4d4d4;border-radius:4px;color:#566069;background:#fafafa}

/* Shared sidebar header: search + gear + sticky add button (Articles, Flows, Knowledge) */
.sb-nav > .sb-side-head, .sb-nav > #sb-flows-search-header { display: block !important; position: sticky; top: 0; z-index: 3; background: #fff; padding: 0 0 12px; margin: 0 0 8px; }
.sb-side-search { display: flex; align-items: center; gap: 8px; padding: 6px 12px; box-sizing: border-box; background: #fff; border: 1px solid #d4d4d4; border-radius: 6px; transition: border-color .2s; }
.sb-side-search:focus-within { border-color: #028be5; }
.sb-side-search > i { font-size: 15px; color: #8c97a3; flex: 0 0 auto; line-height: 1; }
.sb-side-search > input { flex: 1 1 auto; border: 0 !important; padding: 0 !important; margin: 0 !important; width: auto !important; font-size: 13px; line-height: 25px; outline: none !important; background: transparent !important; box-shadow: none !important; }
.sb-side-search > .sb-side-gear { cursor: pointer; transition: color .15s, transform .2s; }
.sb-side-search > .sb-side-gear:hover, .sb-side-tools-open .sb-side-gear { color: #028be5; }
.sb-side-tools { display: flex; flex-direction: column; gap: 8px; padding: 8px 0 2px; }
.sb-side-tools.sb-hide { display: none; }
/* The sidebar "add" button keeps the height, radius and type of every other .sb-btn, and spans
   the column it stands in — like the search field above it, which is the only other thing in
   this header. Hover is the product's own: blue ground, WHITE label. Setting the label blue
   here (it was, to match the border) painted it in the colour the ground had just become, so
   the button turned into an empty blue slab under the cursor. */
.sb-side-head .sb-side-add, .sb-side-head .sb-side-add.sb-btn { display: flex; align-items: center; justify-content: center; gap: 6px; width: 100%; box-sizing: border-box; margin: 10px 0 0 !important; cursor: pointer; }
.sb-side-head .sb-side-add:hover, .sb-side-head .sb-side-add:hover > i, .sb-side-head .sb-side-add:hover > span { border-color: #028be5; color: #fff; }
.sb-area-articles .sb-nav-only > .sb-add-article, .sb-area-articles .sb-nav-only > .sb-add-category, #sb-flow-add { display: none !important; }
.sb-nav li.sb-hide { display: none !important; }

/* Automations hub, first paint: card outlines drawn before the data lands, dimensioned like
   .sb-hub-card above so the swap is a fill rather than a reflow. */
.sb-hub-skel-card { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; background: #fff; border: 1px solid #e6e6e6; border-radius: 12px; padding: 22px; }
.sb-hub-sk { display: block; background: #eef1f4; border-radius: 6px; position: relative; overflow: hidden; }
.sb-hub-sk::after { content: ''; position: absolute; inset: 0; transform: translateX(-100%); background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.75), rgba(255,255,255,0)); animation: sb-hub-shimmer 1.3s ease-in-out infinite; }
.sb-hub-sk-head { width: 96px; height: 11px; margin: 0 0 14px; }
.sb-hub-sk-icon { width: 44px; height: 44px; border-radius: 8px; flex: 0 0 44px; }
.sb-hub-sk-body { width: 100%; display: flex; flex-direction: column; gap: 8px; }
.sb-hub-sk-title { width: 62%; min-width: 90px; height: 14px; }
.sb-hub-sk-badge { width: 64px; height: 15px; border-radius: 20px; }
.sb-hub-sk-line { width: 88%; height: 11px; }
@keyframes sb-hub-shimmer { 100% { transform: translateX(100%); } }
/* A placeholder that pulses is a nicety, not information — it goes quiet when asked to. */
@media (prefers-reduced-motion: reduce) { .sb-hub-sk::after { animation: none; } }


/* Apps grid: the app's own version, behind its name — quiet, so the name still reads first.
   The activation tick is absolutely positioned at right:30px, so the badge keeps clear of it. */
/* The heading is a flex row set to space-between, which threw the version against the far
   edge of the card. It belongs right behind the name; the padding keeps it off the tick. */
.sb-apps > div h2 {
    justify-content: normal;
    padding-right: 26px;
}
.sb-apps > div h2 .sb-app-version {
    margin-left: 6px;
    color: #b3b9c2;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: .2px;
    vertical-align: baseline;
}
.sb-voice-transcript{margin-top:6px;padding:8px 12px;border-left:2px solid #d4dae1;border-radius:0 5px 5px 0;background:rgba(86,96,105,.05);font-size:13px;line-height:21px;letter-spacing:.3px;color:#566069;white-space:pre-wrap}.sb-voice-transcript-pending{opacity:.6;font-style:italic}#sb-audio-clip.sb-voice-working .sb-btn-mic,#sb-audio-clip.sb-voice-working .sb-btn-clip-player{opacity:.4;pointer-events:none}#sb-audio-clip.sb-voice-working .sb-audio-clip-time{font-size:13px;font-weight:400;color:#566069}
#open-ai-rewrite .multi-input-textarea textarea,#open-ai-rewrite textarea{min-height:92px;line-height:22px}
.sb-voice-dots i{display:inline-block;width:3px;height:3px;margin-left:3px;border-radius:50%;background:currentColor;opacity:.25;vertical-align:middle;animation:sbVoiceDot 1.2s infinite ease-in-out}.sb-voice-dots i:first-of-type{margin-left:5px}.sb-voice-dots i:nth-of-type(2){animation-delay:.16s}.sb-voice-dots i:nth-of-type(3){animation-delay:.32s}@keyframes sbVoiceDot{0%,70%,100%{opacity:.25;transform:translateY(0)}35%{opacity:1;transform:translateY(-2px)}}.sb-voice-transcript-pending{animation:sbVoicePending 2.4s ease-in-out infinite}@keyframes sbVoicePending{0%,100%{opacity:.55}50%{opacity:.8}}
.sb-editor .sb-bar-icons>div.sb-btn-translate{width:30px;height:28px;position:relative;cursor:pointer}.sb-editor .sb-bar-icons>div.sb-btn-translate:before{content:'';position:absolute;left:5px;top:5px;width:19px;height:19px;background-color:#566069;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.sb-editor .sb-bar-icons>div.sb-btn-translate:hover:before{background-color:#028be5}.sb-btn-translate-translate-2:before{-webkit-mask-image:url(../media/translate-2.svg);mask-image:url(../media/translate-2.svg)}.sb-btn-translate-translate-3:before{-webkit-mask-image:url(../media/translate-3.svg);mask-image:url(../media/translate-3.svg)}.sb-btn-translate.sb-loading:before{opacity:.35}.sb-message-translation{margin-top:6px;padding:8px 12px;border-left:2px solid #d4dae1;border-radius:0 5px 5px 0;background:rgba(86,96,105,.05);font-size:13px;line-height:21px;letter-spacing:.3px;color:#566069;white-space:pre-wrap}.sb-message-translation>span{display:block;font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:#96a0aa;margin-bottom:3px}.sb-message-translation-source{border-left-color:#b9d7ef;background:rgba(2,139,229,.05)}.sb-right .sb-message-translation{text-align:left}.sb-message-translation-pending{opacity:.6;font-style:italic;animation:sbVoicePending 2.4s ease-in-out infinite}
.sb-admin .sb-editor.sb-active:not(.sb-audio-message-active) .sb-bar .sb-btn-attachment,.sb-admin .sb-editor.sb-active:not(.sb-audio-message-active) .sb-bar .sb-btn-audio-clip{display:block}.sb-admin .sb-editor .sb-bar-icons>div.sb-btn-open-ai:not(.sb-active){display:block;opacity:.3;pointer-events:none}.sb-admin .sb-editor .sb-bar-icons>div.sb-btn-translate.sb-btn-disabled{opacity:.3;pointer-events:none}
.sb-message-translation-pending{position:relative;min-height:54px;padding-right:34px;opacity:1;font-style:normal;animation:none}.sb-message-translation-pending>.sb-loader{position:absolute;top:4px;right:4px;width:22px;height:22px;display:block}.sb-message-translation-pending>.sb-loader:before{width:22px;height:22px;line-height:22px;font-size:15px;margin:-11px 0 0 -11px}.sb-skeleton{display:block;margin-top:2px}.sb-skeleton span{display:block;height:9px;border-radius:4px;margin-top:7px;background:linear-gradient(90deg,rgba(86,96,105,.10) 25%,rgba(86,96,105,.18) 37%,rgba(86,96,105,.10) 63%);background-size:400% 100%;animation:sbSkeleton 1.4s ease infinite}.sb-skeleton span:nth-child(1){width:100%}.sb-skeleton span:nth-child(2){width:86%;animation-delay:.12s}.sb-skeleton span:nth-child(3){width:57%;animation-delay:.24s}@keyframes sbSkeleton{0%{background-position:100% 50%}100%{background-position:0 50%}}.sb-editor .sb-bar-icons>div.sb-btn-translate.sb-loading:before{content:"\76";font-family:"Support Board Icons";font-style:normal;font-weight:normal;-webkit-mask-image:none;mask-image:none;background:none;color:#028be5;left:0;top:0;margin:0;width:30px;height:28px;line-height:28px;font-size:17px;text-align:center;opacity:1;animation:sb-loading .6s linear infinite}.sb-editor .sb-bar-icons>div.sb-btn-open-ai.sb-loading:before{left:0;top:0;margin:0;width:30px;height:28px;line-height:28px;text-align:center;font-size:17px;color:#028be5}
@property --sb-border-angle{syntax:'<angle>';initial-value:0deg;inherits:false}.sb-admin .sb-editor.sb-editor-working{border-color:rgba(2,139,229,.25)}.sb-admin .sb-editor.sb-editor-working:after{content:'';position:absolute;inset:-1px;border-radius:7px;padding:2px;pointer-events:none;z-index:2;background:conic-gradient(from var(--sb-border-angle),rgba(2,139,229,0) 0deg,rgba(2,139,229,0) 250deg,#028be5 320deg,rgba(2,139,229,0) 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:sbBorderTravel 1.6s linear infinite}@keyframes sbBorderTravel{to{--sb-border-angle:360deg}}@supports not (background: conic-gradient(from 0deg, #000, #fff)){.sb-admin .sb-editor.sb-editor-working:after{display:none}.sb-admin .sb-editor.sb-editor-working{animation:sbBorderPulse 1.2s ease-in-out infinite}@keyframes sbBorderPulse{0%,100%{border-color:rgba(2,139,229,.25)}50%{border-color:#028be5}}}


/* --- External events ------------------------------------------------------
 * A line reported by a customer's own website (herochat-events.php) and styled
 * from its payload: the icon class and the colour arrive with the event, so two
 * integrations in one account never look alike. Only the layout lives here.
 */
.sb-info-message .sb-message .sb-ext-event{display:inline}
.sb-info-message .sb-message .sb-ext-event>b{font-weight:600;margin-right:2px}
.sb-info-message .sb-message .sb-ext-event>i{opacity:1}
/* The whole line is the link when the event carries a url — underlined only on
   hover, so a timeline of them does not read as a wall of links. */
.sb-info-message .sb-message .sb-ext-event-link{text-decoration:none;color:inherit}
.sb-info-message .sb-message .sb-ext-event-link:hover .sb-ext-event{text-decoration:underline}

/* Contact change log (Settings > Users): the struck-through old value should read as
   context, not as the headline, so it steps back a little next to the new one. */
.sb-info-message .sb-message s{opacity:.55;margin-right:2px}
/* Articles: export / import under the list, and the import dialog. */
.sb-articles-tools{display:flex;gap:14px;padding:12px 15px 0;font-size:12.5px}
.sb-articles-tools a{color:#566069;cursor:pointer}
.sb-articles-tools a:hover{color:#028be5}
.sb-articles-import-hint{font-size:13px;color:#566069;margin:0 0 14px}
.sb-articles-import-warn{color:#b3261e;margin-top:14px}
.sb-articles-import-mode{display:flex;align-items:flex-start;gap:10px;margin:0 0 10px;font-size:13px;line-height:1.5;cursor:pointer}
.sb-articles-import-mode input{margin-top:2px}
/* Articles <-> GitHub tools dialog */
.sb-gh-tools{padding:6px 0}
.sb-gh-hint{font-size:12.5px;color:#8a8a8a;line-height:1.55;margin:0 0 16px}
.sb-gh-result{font-size:13px;color:#0b8a3c;margin:14px 0 0;min-height:18px}
.sb-gh-result.sb-gh-err,.sb-gh-err{color:#c0392b}
/* Articles <-> GitHub tools dialog */
.sb-gh-tools{padding:6px 0}
.sb-gh-hint{font-size:12.5px;color:#8a8a8a;line-height:1.55;margin:0 0 16px}
.sb-gh-result{font-size:13px;color:#0b8a3c;margin:14px 0 0;min-height:18px}
.sb-gh-result.sb-gh-err,.sb-gh-err{color:#c0392b}
/* GitHub token guide */
.sb-gh-guide{padding:6px 0}
.sb-gh-step{display:flex;gap:14px;margin:0 0 22px}
.sb-gh-step-n{flex:0 0 28px;height:28px;border-radius:50%;background:#e8f1fd;color:#1d6fd0;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center}
.sb-gh-step-body{flex:1 1 auto;min-width:0}
.sb-gh-step-body b{display:block;font-size:14px;margin-bottom:4px}
.sb-gh-step-body p{font-size:13px;color:#566069;line-height:1.55;margin:0 0 8px}
.sb-gh-step-body img{max-width:100%;border:1px solid #e7eaef;border-radius:8px;display:block}
#articles-github-token-link{margin-top:-10px}
/* GitHub token guide */
.sb-gh-guide{padding:6px 0}
.sb-gh-step{display:flex;gap:14px;margin:0 0 22px}
.sb-gh-step-n{flex:0 0 28px;height:28px;border-radius:50%;background:#e8f1fd;color:#1d6fd0;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center}
.sb-gh-step-body{flex:1 1 auto;min-width:0}
.sb-gh-step-body b{display:block;font-size:14px;margin-bottom:4px}
.sb-gh-step-body p{font-size:13px;color:#566069;line-height:1.55;margin:0 0 8px}
.sb-gh-step-body img{max-width:100%;border:1px solid #e7eaef;border-radius:8px;display:block}
#articles-github-token-link{margin-top:-10px}
/* GitHub dialogs: a scrolling body inside the lightbox, like the campaign sender dialog. */
.sb-articles-github-guide-box,.sb-articles-github-box,.sb-articles-import-box{display:flex;flex-direction:column;max-height:calc(100vh - 60px)}
.sb-articles-github-guide-box>.sb-top-bar,.sb-articles-github-box>.sb-top-bar,.sb-articles-import-box>.sb-top-bar{flex:0 0 auto}
.sb-articles-github-guide-box>.sb-main,.sb-articles-github-box>.sb-main,.sb-articles-import-box>.sb-main{flex:1 1 auto;height:auto;min-height:0;overflow-y:auto}
.sb-btn.sb-gh-armed{background:#c0392b !important;border-color:#c0392b !important;color:#fff !important}

/* GitHub tools dialog, laid out like a settings page: sections, rows with the action on the right. */
.sb-gh-section{padding:6px 0 18px;margin-bottom:18px;border-bottom:1px solid #eef0f3}
.sb-gh-section:last-of-type{border-bottom:0}
.sb-gh-section h3{font-size:12px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:#8a8a8a;margin:0 0 12px}
.sb-gh-row2{display:flex;align-items:center;gap:20px;padding:10px 0}
.sb-gh-row2+.sb-gh-row2{border-top:1px solid #f3f4f6}
.sb-gh-row2-text{flex:1 1 auto;min-width:0}
.sb-gh-row2-text b{display:block;font-size:13.5px;color:#24272a;margin-bottom:2px;word-break:break-all}
.sb-gh-row2-text span{font-size:12.5px;color:#566069;line-height:1.5}
.sb-gh-row2-action{flex:0 0 auto}
.sb-gh-row2-action .sb-btn{white-space:nowrap}
.sb-gh-right{display:flex;justify-content:flex-end;margin-top:10px}
.sb-gh-copy{display:flex;align-items:center;gap:10px;margin:0 0 10px}
.sb-gh-copy label{flex:0 0 110px;font-size:12.5px;color:#566069}
.sb-gh-copy input{flex:1 1 auto;font-size:12.5px;padding:7px 10px;border:1px solid #d4d4d4;border-radius:6px;min-height:0;height:auto;font-family:monospace}
.sb-gh-copybtn{flex:0 0 auto;padding:6px 9px !important;min-height:0}
.sb-gh-hint{font-size:12.5px;color:#566069;line-height:1.55;margin:0 0 14px}
.sb-gh-pending{color:#b3261e;font-weight:600}

/* Send later: chevron next to the plane, picker popup, pending cards in the thread. */
.sb-editor .sb-btn-send-later{display:none;cursor:pointer;color:#028be5;font-size:17px;line-height:19px;height:19px;padding-left:13px;transition:all 0.4s}
.sb-editor .sb-btn-send-later:before{line-height:21px !important}
.sb-editor.sb-active .sb-bar .sb-btn-send-later{display:block}
.sb-editor .sb-btn-send-later:hover{color:#004c7d}
.sb-popup.sb-send-later{width:300px;height:auto}
.sb-send-later .sb-title{padding:12px 15px;font-weight:500;border-bottom:1px solid rgba(0,0,0,.08)}
.sb-send-later ul{margin:0;padding:0;list-style:none}
.sb-send-later ul li{padding:10px 15px;cursor:pointer;font-size:13px;line-height:1.4;display:flex;justify-content:space-between;gap:10px}
.sb-send-later ul li b{font-weight:500}
.sb-send-later ul li span{color:#8f8f8f;font-size:12px;white-space:nowrap}
.sb-send-later ul li:hover{background:#f5f7fa}
.sb-send-later-custom{display:flex;gap:8px;padding:12px 15px;border-top:1px solid rgba(0,0,0,.08)}
.sb-send-later-custom input{flex:1 1 auto;min-width:0;border:1px solid #d4d4d4;border-radius:6px;padding:6px 8px;font-size:13px;height:auto;min-height:0;font-family:inherit}
.sb-send-later-custom .sb-btn{flex:0 0 auto;white-space:nowrap}
.sb-list>div.sb-scheduled-box{float:right;clear:both;background:none;padding:0;box-shadow:none;border-radius:0;margin:10px 10px 20px 20px}
.sb-scheduled-msg{margin:0 0 8px;min-width:260px;border:1px dashed #b8c2cc;border-radius:8px;padding:10px 14px;background:#fafbfc;font-size:13px;line-height:1.5}
.sb-scheduled-msg:last-child{margin-bottom:0}
.sb-scheduled-msg.sb-scheduled-warn{border-color:#e0a800;background:#fff8e1}
.sb-scheduled-head{display:flex;align-items:center;gap:6px;color:#566069;font-size:12px;margin-bottom:6px}
.sb-scheduled-head i{font-size:14px}
.sb-scheduled-text{white-space:pre-wrap;word-break:break-word;color:#24272a}
.sb-scheduled-files span{display:inline-flex;align-items:center;gap:4px;margin:6px 8px 0 0;font-size:12px;color:#566069}
.sb-scheduled-notice{margin-top:8px;color:#8a6d00;font-size:12px}
.sb-scheduled-actions{display:flex;gap:16px;margin-top:8px;font-size:12px;white-space:nowrap}
.sb-scheduled-actions a{cursor:pointer;color:#028be5}
.sb-scheduled-actions a:hover{text-decoration:underline}
.sb-scheduled-actions a.sb-armed{color:#c0392b;font-weight:600}
.sb-send-later-options{padding:10px 15px;border-bottom:1px solid rgba(0,0,0,.08);display:flex;flex-direction:column;gap:8px}
.sb-popup.sb-send-later{overflow:hidden}
.sb-send-later-options select{width:100%;max-width:100%;box-sizing:border-box;font-size:13px;padding:6px 28px 6px 8px;border:1px solid #d4d4d4;border-radius:6px;background:#fff;height:auto;min-height:0;font-family:inherit;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M1 1l4 4 4-4' fill='none' stroke='%23566069' stroke-width='1.5'/></svg>");background-repeat:no-repeat;background-position:right 10px center}
.sb-send-later-custom input{box-sizing:border-box;max-width:100%}
.sb-sl-more label{line-height:1.4}
.sb-sl-more{display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:#566069}
.sb-sl-more label{display:flex;align-items:center;gap:6px;cursor:pointer}
.sb-sl-more input[type="checkbox"]{background:#fff;clear:none;cursor:pointer;display:inline-block;line-height:0;outline:0;padding:0;margin:0;text-align:center;vertical-align:middle;width:18px;height:18px;min-width:18px;min-height:18px;border:1px solid #d4d4d4;border-radius:3px;box-shadow:none;-webkit-appearance:none;appearance:none;position:relative}
.sb-sl-more input[type="checkbox"]:checked,.sb-sl-more input[type="checkbox"]:hover{border-color:#028be5}
.sb-sl-more input[type="checkbox"]:checked:before{content:"\77";font-family:"Support Board Icons" !important;font-style:normal;font-weight:normal;line-height:16px;font-size:9px;position:absolute;left:0;top:0;width:100%;height:100%;color:#028be5}
.sb-sl-more input[type="number"]{width:56px;box-sizing:content-box;font-size:12.5px;padding:3px 6px;border:1px solid #d4d4d4;border-radius:6px;height:auto;min-height:0;font-family:inherit}
.sb-scheduled-msg.sb-scheduled-reminder{border-style:solid;border-color:#cfd8e3;background:#f3f6fa}
.sb-reminder-by{color:#8f8f8f}
.sb-editor .sb-scheduled-editing{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#566069;background:#f3f6fa;border:1px dashed #b8c2cc;border-radius:6px;padding:6px 10px;margin:0 0 8px}
.sb-editor .sb-scheduled-editing span{flex:1 1 auto;min-width:0}
.sb-editor .sb-scheduled-editing .sb-icon-close{cursor:pointer;color:#8f8f8f;font-size:11px}
.sb-editor .sb-scheduled-editing .sb-icon-close:hover{color:#24272a}
.sb-editor.sb-editor-scheduled .sb-submit{color:#566069}
.sb-scheduled-msg.sb-scheduled-editing-row{opacity:.55}
.sb-sl-more input.sb-sl-num4{width:4ch}
.sb-sl-more input.sb-sl-num3{width:3ch}
.sb-sl-more input[type="number"]::-webkit-inner-spin-button,.sb-sl-more input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.sb-sl-more input[type="number"]{-moz-appearance:textfield;appearance:textfield;text-align:center}
.sb-send-later-options select:disabled{opacity:.5;cursor:not-allowed;background-color:#f5f7fa}
/* Voice: agent-mode badge on the mic and the right-click / long-press popup */
.sb-editor .sb-bar-icons>div.sb-btn-audio-clip.sb-voice-agent-on:after{content:'';position:absolute;top:1px;right:1px;width:8px;height:8px;border-radius:50%;background:#e0245e;border:2px solid #fff;box-sizing:content-box}
.sb-popup.sb-voice-popup{width:300px;height:auto}
.sb-voice-popup .sb-title{padding:12px 15px;font-weight:500;border-bottom:1px solid rgba(0,0,0,.08)}
.sb-voice-popup-row{display:flex;align-items:center;gap:8px;padding:12px 15px 6px;font-size:13px;cursor:pointer}
.sb-voice-popup-row input[type="checkbox"]{background:#fff;cursor:pointer;display:inline-block;line-height:0;outline:0;padding:0;margin:0;text-align:center;vertical-align:middle;width:18px;height:18px;min-width:18px;min-height:18px;border:1px solid #d4d4d4;border-radius:3px;box-shadow:none;-webkit-appearance:none;appearance:none;position:relative}
.sb-voice-popup-row input[type="checkbox"]:checked,.sb-voice-popup-row input[type="checkbox"]:hover{border-color:#028be5}
.sb-voice-popup-row input[type="checkbox"]:checked:before{content:"\77";font-family:"Support Board Icons" !important;line-height:16px;font-size:9px;position:absolute;left:0;top:0;width:100%;height:100%;color:#028be5}
.sb-voice-popup-row input[type="checkbox"]:disabled{opacity:.5;cursor:not-allowed}
.sb-voice-popup-hint{margin:0;padding:0 15px 10px;font-size:12px;color:#8f8f8f;line-height:1.5;min-height:64px;box-sizing:border-box}
.sb-voice-popup-buttons{display:flex;gap:8px;padding:0 15px 14px}
.sb-voice-popup-buttons .sb-btn{flex:1 1 50%;min-width:0;box-sizing:border-box;justify-content:center;white-space:nowrap}
.sb-icon-mirrored:before{display:inline-block;transform:scaleX(-1)}
.sb-voice-popup-buttons .sb-btn.sb-disabled{opacity:.45;pointer-events:none}
/* Toast at the top: at the bottom it covered the editor toolbar for five seconds every time. */
.sb-info-card{bottom:auto;top:15px}
.sb-info-card.sb-active{animation:sb-fade-top-center .5s}
@keyframes sb-fade-top-center{0%{transform:translate(-50%,-15px);opacity:0}100%{transform:translateX(-50%);opacity:1}}

/* Agent panel (conversation sidebar) and a scrollable editor */
.sb-admin .sb-editor textarea{overflow-y:auto;transition:height .35s ease}
.sb-admin .sb-list > .sb-agent-target .sb-message{box-shadow:0 0 0 1px rgba(2,139,229,.35),0 0 18px 4px rgba(2,139,229,.45);transition:box-shadow .4s}
.sb-user-details .sb-scroll-area{display:flex;flex-direction:column}
.sb-user-details .sb-scroll-area>*{flex-shrink:0}
.sb-panel-agent{margin-top:auto;position:sticky;bottom:0;z-index:3;background:linear-gradient(180deg,#f3f9ff,#fff);border-top:1px solid rgba(2,139,229,.3);padding-bottom:12px;box-shadow:0 -8px 12px -10px rgba(0,0,0,.18)}
.sb-board .sb-user-details .sb-panel-agent h3{border-bottom:1px solid rgba(2,139,229,.22);padding-bottom:10px;margin-bottom:0;cursor:pointer;user-select:none}
.sb-panel-agent>i.sb-agent-toggle{top:20px;transition:transform .3s,opacity .4s}
.sb-panel-agent.sb-agent-collapsed>i.sb-agent-toggle{transform:rotate(180deg)}
/* minimized: the thread stays out of sight, the input remains */
.sb-panel-agent.sb-agent-collapsed .sb-agent-thread{display:none}
.sb-panel-agent>div{padding:0 15px}
.sb-panel-agent .sb-agent-thread{max-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:8px;margin:0 0 10px;padding-top:2px;transition:max-height .35s ease,margin .35s ease}
.sb-panel-agent:not(.sb-agent-expanded) .sb-agent-thread{margin:0;padding-top:0;overflow:hidden}
.sb-panel-agent .sb-agent-thread:empty{margin:0;padding:0}
.sb-panel-agent .sb-agent-row{border-radius:6px;padding:8px 10px;font-size:13px;line-height:1.5;letter-spacing:.3px;word-wrap:break-word;overflow-wrap:break-word}
.sb-panel-agent .sb-agent-row>span{display:block;font-size:11px;color:#88969e;margin-bottom:3px}
.sb-panel-agent .sb-agent-row>em{display:block;font-style:normal;font-size:11px;color:#12915b;margin-top:5px}
.sb-panel-agent .sb-agent-row>em i{font-size:10px;margin-right:4px}
.sb-panel-agent .sb-agent-row .sb-agent-files{margin:5px 0 0;font-size:12px}
.sb-panel-agent .sb-agent-row .sb-agent-files a{display:inline-block;margin-right:10px;color:#028be5;text-decoration:none}
.sb-panel-agent .sb-agent-row .sb-agent-files i{font-size:11px;margin-right:3px}
.sb-panel-agent .sb-agent-agent{background:rgba(2,139,229,.10);border:1px solid rgba(2,139,229,.22);margin-left:20px}
.sb-panel-agent .sb-agent-assistant{background:#fff;border:1px solid rgba(0,0,0,.06);margin-right:20px}
.sb-panel-agent .sb-agent-working div{color:#88969e}
.sb-panel-agent .sb-agent-context{position:relative;font-size:12px;line-height:1.45;color:#566069;background:#fff7e0;border-left:2px solid #e5b100;border-radius:4px;padding:8px 26px 8px 10px;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb-panel-agent .sb-agent-context:empty{display:none}
.sb-panel-agent .sb-agent-selection{position:relative;font-size:12px;line-height:1.45;color:#566069;background:#fff;border:1px solid rgba(2,139,229,.3);border-left:2px solid #028be5;border-radius:4px;padding:8px 26px 8px 10px;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb-panel-agent .sb-agent-selection:empty{display:none}
.sb-panel-agent .sb-agent-selection span{display:block;font-weight:500;color:#24272a;margin-bottom:2px}
.sb-panel-agent .sb-agent-selection .sb-icon-close{position:absolute;right:6px;top:8px;font-size:11px;cursor:pointer;padding:3px}
.sb-panel-agent .sb-agent-selection .sb-icon-close:hover{color:#ca3434}
.sb-panel-agent .sb-agent-row blockquote{margin:0 0 6px;padding:4px 8px;border-left:2px solid rgba(2,139,229,.5);background:rgba(255,255,255,.6);font-size:12px;color:#566069;white-space:pre-wrap}
.sb-panel-agent .sb-agent-context span{display:block;font-weight:500;color:#24272a;margin-bottom:2px}
.sb-panel-agent .sb-agent-context .sb-icon-close{position:absolute;right:6px;top:8px;font-size:11px;cursor:pointer;padding:3px}
.sb-panel-agent .sb-agent-context .sb-icon-close:hover{color:#ca3434}
/* the input, shaped like .sb-editor */
.sb-panel-agent .sb-agent-editor{position:relative;padding:15px 15px 8px;border:1px solid rgba(2,139,229,.3);border-radius:6px;background:#fff;transition:box-shadow linear 40ms,border-color linear .2s}
.sb-panel-agent .sb-agent-editor:focus-within{border-color:rgba(2,139,229,.7);box-shadow:0 0 0 3px rgba(2,139,229,.12)}
.sb-panel-agent .sb-agent-editor textarea::placeholder{color:#7d8f9c}
.sb-panel-agent.sb-agent-expanded .sb-agent-editor textarea{max-height:260px}
.sb-panel-agent .sb-agent-editor textarea{transition:height .35s ease,max-height .35s ease;display:block;width:100%;height:50px;min-height:50px;max-height:120px;line-height:25px;font-size:13px;letter-spacing:.3px;color:#566069;border:none;outline:none;resize:none;padding:0;margin:0;background:transparent;overflow-y:auto}
.sb-panel-agent .sb-agent-attachments:empty{display:none}
.sb-panel-agent .sb-agent-attachments{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.sb-panel-agent .sb-agent-attachments>div{position:relative;font-size:12px;line-height:24px;padding:0 24px 0 8px;border-radius:4px;background:#eef4f9;color:#566069;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb-panel-agent .sb-agent-attachments>div>.sb-icon-clip{font-size:11px;margin-right:4px}
.sb-panel-agent .sb-agent-attachments>div>.sb-icon-close{position:absolute;right:6px;top:0;font-size:10px;cursor:pointer}
.sb-panel-agent .sb-agent-attachments>div>.sb-icon-close:hover{color:#ca3434}
.sb-panel-agent .sb-agent-bar{display:flex;align-items:flex-end;justify-content:space-between;margin:8px 0 0 -4px}
.sb-panel-agent .sb-agent-icons{display:flex;opacity:.5;transition:opacity .35s ease}
.sb-panel-agent .sb-agent-icons:hover{opacity:.8}
.sb-panel-agent .sb-agent-icons>div{position:relative;width:26px;height:28px;margin-right:2px;cursor:pointer;color:#566069;transition:color .3s}
.sb-panel-agent .sb-agent-icons>div:before{font-family:"Support Board Icons";position:absolute;left:4px;top:0;font-size:19px;line-height:28px;color:inherit}
.sb-panel-agent .sb-agent-icons>div.sb-agent-attach:before{content:"\65"}
.sb-panel-agent .sb-agent-icons>div.sb-agent-mic:before{content:"\e904";font-size:22px;left:1px}
.sb-panel-agent .sb-agent-icons>div:hover{color:#028be5}
.sb-panel-agent .sb-agent-bar .sb-btn.sb-agent-send{height:28px;line-height:28px;padding:0 12px;font-size:12px;white-space:nowrap;cursor:pointer}
.sb-panel-agent .sb-agent-busy .sb-agent-send,.sb-panel-agent .sb-agent-uploading .sb-agent-attach{opacity:.3;pointer-events:none}
.sb-panel-agent .sb-agent-recording .sb-agent-mic{color:#e14d43;animation:sb-agent-pulse 1s infinite}
.sb-panel-agent .sb-agent-transcribing .sb-agent-mic{opacity:.4;pointer-events:none}
.sb-panel-agent .sb-agent-transcribing textarea{opacity:.6}
@keyframes sb-agent-pulse{0%,100%{opacity:1}50%{opacity:.35}}
.sb-info-message .sb-ai-reply-notes{margin-top:8px;padding:10px 12px;border-radius:6px;background:#fff7e0;font-size:13px;line-height:1.55;color:#0e2a3d;text-align:left;white-space:normal}
.sb-info-message .sb-ai-reply-notes span{display:block;font-weight:500;margin-bottom:4px}

/* Tags in the conversation list: tinted pills next to the name */
.sb-tag-pill{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;line-height:18px;padding:0 8px 0 6px;border-radius:999px;font-weight:500;white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis;color:#566069;background:rgba(86,96,105,.12);flex-shrink:0}
.sb-tag-pill>i{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}
.sb-tag-pill[data-tag-color="red"]{color:#e22424;background:rgba(226,36,36,.12)}
.sb-tag-pill[data-tag-color="yellow"]{color:#c97f05;background:rgba(245,162,18,.16)}
.sb-tag-pill[data-tag-color="green"]{color:#1fa839;background:rgba(31,168,57,.12)}
.sb-tag-pill[data-tag-color="pink"]{color:#5b31f1;background:rgba(91,49,241,.12)}
.sb-tag-pill[data-tag-color="gray"]{color:#282828;background:rgba(40,40,40,.10)}
.sb-tag-pill[data-tag-color="blue"]{color:#008db5;background:rgba(0,141,181,.12)}
.sb-tag-pill-more{padding:0 7px}

/* Manage tags popup: coloured chips, deselect cross, the settings-style manage list */
#sb-generic-panel .sb-tags-box .sb-tags-cnt>span{border:1px solid transparent;position:relative}
#sb-generic-panel .sb-tags-box .sb-tags-cnt>span:not(.sb-active){background:color-mix(in srgb,var(--tag) 20%,#fff);color:#24272a;border-color:transparent}
#sb-generic-panel .sb-tags-box .sb-tags-cnt>span:not(.sb-active):hover{background:color-mix(in srgb,var(--tag) 35%,#fff)}
#sb-generic-panel .sb-tags-box .sb-tags-cnt>span.sb-active{padding-right:26px}
.sb-tags-cnt>span>i{display:none}
#sb-generic-panel .sb-tags-box .sb-tags-cnt>span.sb-active>i{display:block;position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:9px;line-height:1;padding:3px;opacity:.8;cursor:pointer}
#sb-generic-panel .sb-tags-box .sb-tags-cnt>span.sb-active>i:hover{opacity:1}
.sb-tags-none{margin:0 0 5px;color:#566069;font-size:13px}
.sb-tags-manage-list{display:none;margin-top:15px;padding-top:15px;border-top:1px solid rgba(0,0,0,.08)}
.sb-tags-box.sb-tags-managing{max-width:760px}
.sb-tags-box.sb-tags-managing .sb-tags-manage-list{display:grid;margin-top:0;padding-top:0;border-top:none}
.sb-tags-box.sb-tags-managing .sb-tags-cnt,.sb-tags-box.sb-tags-managing .sb-tags-none{display:none}
.sb-tags-add-row{grid-column:1 / -1;justify-self:start;margin-top:10px}
.sb-tags-manage-list{display:none;grid-template-columns:1fr 1fr;gap:6px 30px;align-items:center}
.sb-tags-box.sb-tags-managing #sb-manage-tags{display:none}
.sb-tags-row{display:flex;align-items:center;gap:12px;padding:6px 0;min-width:0}
#sb-generic-panel .sb-tags-box .sb-tags-row input{flex:1;min-width:0;height:35px;box-sizing:border-box;border:1px solid #d4d4d4 !important;border-radius:4px !important;padding:0 10px !important;font-size:13px;color:#24272a;background:#fff;box-shadow:none !important;outline:none;margin:0}
#sb-generic-panel .sb-tags-box .sb-tags-row input:focus{border-color:#028be5 !important}
.sb-tags-row .sb-color-palette{position:relative}
.sb-tags-row>.sb-icon-close{font-size:12px;padding:6px;cursor:pointer;color:#566069}
.sb-tags-row>.sb-icon-close:hover{color:#ca3434}

/* Sidebar Tags panel: chips inline with the heading, wrapping; the same small cross as in the modal */
.sb-board .sb-user-details .sb-panel-tags{display:flex;flex-wrap:wrap;align-items:center;padding-right:40px;padding-bottom:10px}
.sb-board .sb-user-details .sb-panel-tags h3{margin:12px 10px 8px 15px;flex:none}
.sb-board .sb-user-details .sb-panel-tags>div{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 4px 0;padding:0;flex:1;min-width:0}
.sb-board .sb-user-details .sb-panel-tags>div:empty{display:none}
.sb-board .sb-user-details .sb-panel-tags>div>span{float:none;margin:0;position:relative;padding-right:24px;cursor:default}
.sb-board .sb-user-details .sb-panel-tags>div>span>i{display:block;position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:9px;line-height:1;padding:3px;opacity:.8;cursor:pointer}
.sb-board .sb-user-details .sb-panel-tags>div>span>i:hover{opacity:1}
.sb-board .sb-user-details .sb-panel-tags>div>span.sb-loading>i{opacity:.3;pointer-events:none}
.sb-board .sb-user-details .sb-panel-tags>i{top:14px}
/* with at least one tag assigned the chips speak for themselves: the heading goes, the chips take its place */
.sb-board .sb-user-details .sb-panel-tags:has(> div > span) h3{display:none}
.sb-board .sb-user-details .sb-panel-tags:has(> div > span){padding-bottom:15px}
.sb-board .sb-user-details .sb-panel-tags:has(> div > span)>div{margin:15px 0 0 15px}
/* removing a tag from the sidebar: the chip keeps its colour, the spinner replaces the cross in white */
.sb-board .sb-user-details .sb-panel-tags>div>span.sb-loading{width:auto;text-indent:0;overflow:visible;color:#fff;cursor:default}
.sb-board .sb-user-details .sb-panel-tags>div>span.sb-loading>i{visibility:hidden}
.sb-board .sb-user-details .sb-panel-tags>div>span.sb-loading:before{left:auto;right:7px;top:50%;margin-top:-6px;width:12px;height:12px;line-height:12px;font-size:12px;color:rgba(255,255,255,.9)}
/* minimized Agent panel: heading without the divider, the input right below it */
.sb-board .sb-user-details .sb-panel-agent.sb-agent-collapsed h3{border-bottom:none}

/* Unibox dropdown: tag folders with the tag's colour dot, set off from the channels above */
.sb-admin-list .sb-select ul li.sb-unibox-tag-first{border-top:1px solid rgba(0,0,0,.08);margin-top:4px;padding-top:12px}
.sb-admin-list .sb-select ul li.sb-unibox-tag .sb-unibox-tag-dot,.sb-admin-list .sb-select > p .sb-unibox-tag-dot{display:inline-block;width:10px !important;min-width:10px;max-width:10px;height:10px !important;line-height:10px;font-size:0;padding:0;border-radius:50%;margin:0 9px 0 3px;vertical-align:middle;transform:translateY(-1px)}

/* the assistant's changes glow behind the editor text for a moment */
.sb-editor .sb-textarea.sb-draft-diff-host{position:relative}
.sb-editor .sb-textarea.sb-draft-diff-host textarea{position:relative;z-index:1}
.sb-draft-diff{position:absolute;left:0;top:0;z-index:0;overflow:hidden;box-sizing:border-box;white-space:pre-wrap;word-wrap:break-word;color:transparent;pointer-events:none;text-align:left}
.sb-draft-diff mark{color:transparent;border-radius:3px;background:rgba(2,139,229,.28);animation:sb-draft-diff 3s ease-out forwards}
@keyframes sb-draft-diff{0%,40%{background:rgba(2,139,229,.28)}100%{background:rgba(2,139,229,0)}}
/* auto-folded Agent panel (mouse and focus outside): no divider either */
.sb-board .sb-user-details .sb-panel-agent:not(.sb-agent-expanded) h3{border-bottom:none}
/* while the Agent panel is expanded, ONE overlay on the sidebar box shades everything; the sticky
   Agent panel (z-index 3) stays above it. It fades, and lifts while the mouse is over the sidebar
   but outside the Agent panel. */
.sb-board .sb-user-details::before{content:"";position:absolute;inset:0;background:rgb(227 227 227 / 65%);z-index:2;pointer-events:none;opacity:0;transition:opacity .35s ease}
.sb-board .sb-user-details.sb-agent-open::before{opacity:1}
.sb-board .sb-user-details.sb-agent-open:hover:not(:has(.sb-panel-agent:hover))::before{opacity:0}

/* Editor context menu */
.sb-editor-menu{font-family:"Support Board Font","Helvetica Neue","Apple Color Emoji",Helvetica,Arial,sans-serif;position:fixed;z-index:999999;min-width:170px;background:#fff;border-radius:6px;padding:10px 0;box-shadow:0 4px 14px 0 rgba(0,0,0,.2),0 0 0 1px rgba(0,0,0,.05);font-size:13px;font-weight:500;letter-spacing:.3px;line-height:20px;color:#24272a;user-select:none}
.sb-editor-menu-item{position:relative;padding:6px 25px 6px 12px;cursor:pointer;white-space:nowrap;transition:all .1s}
.sb-editor-menu-item:hover{background:#f5f7fa;color:#028be5}
.sb-editor-menu-item.sb-disabled{opacity:.4;pointer-events:none}
.sb-editor-menu-item>i{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:9px;opacity:.6}
.sb-editor-menu-line{height:1px;background:rgba(0,0,0,.08);margin:6px 0}
.sb-editor-menu-panel{display:none;position:absolute;left:100%;top:-10px;margin-left:2px;min-width:170px;background:#fff;border-radius:6px;padding:10px 0;box-shadow:0 4px 14px 0 rgba(0,0,0,.2),0 0 0 1px rgba(0,0,0,.05);color:#24272a}
.sb-editor-menu-sub:hover>.sb-editor-menu-panel{display:block}
.sb-editor-menu-loading{padding:6px 12px;color:#88969e;font-size:12px;font-weight:400;white-space:nowrap}

/* the passage handed to the agent stays highlighted in the editor until the rewrite lands */
.sb-draft-diff mark.sb-draft-mark{animation:none;background:rgba(2,139,229,.2);color:transparent;border-radius:2px;padding:4px 0}

/* "Draft updated" badge in the agent thread: light green pill, green dot, border and text */
.sb-panel-agent .sb-agent-row>em.sb-agent-badge{display:flex;width:fit-content;align-items:center;gap:6px;margin-top:6px;padding:2px 9px 2px 7px;font-size:11px;font-weight:500;line-height:16px;color:#1a8f32;background:rgba(31,168,57,.1);border:1px solid rgba(31,168,57,.45);border-radius:4px}
.sb-panel-agent .sb-agent-row>em.sb-agent-badge>i{width:6px;height:6px;border-radius:50%;background:#1fa839;margin:0;flex-shrink:0}

.sb-panel-agent .sb-agent-row>em.sb-agent-badge+em.sb-agent-badge{margin-left:0} /* one badge per line */

/* Dictionary dialog */
.sb-dictionary-hint{margin:0 0 12px;font-size:13px;line-height:1.5;color:#566069}
#sb-generic-panel .sb-dictionary-text{width:100%;min-height:320px;box-sizing:border-box;border:1px solid #d4d4d4;border-radius:4px;padding:10px 12px;font-size:13px;line-height:22px;color:#24272a;resize:vertical}

/* search field while dictating */
.sb-search-btn > input.sb-search-recording{border-color:#e14d43 !important;box-shadow:0 0 0 3px rgba(225,77,67,.15) !important}

/* GLOBAL Agent box (every admin page except the conversation view) and its bubble */
.sb-agent-global{position:fixed !important;right:22px;bottom:22px;width:360px;max-width:calc(100vw - 44px);z-index:99990;border:1px solid rgba(2,139,229,.3);border-radius:12px;box-shadow:0 10px 36px rgba(0,0,0,.18) !important;padding-bottom:12px;display:none;margin:0 !important}
.sb-agent-global.sb-agent-global-open{display:block}
.sb-agent-global h3{margin:14px 15px 0;padding-bottom:10px;border-bottom:1px solid rgba(2,139,229,.22);font-size:13.5px;line-height:25px;font-weight:500;letter-spacing:.5px}
.sb-agent-global>.sb-agent-global-close{position:absolute;right:14px;top:18px;font-size:12px;cursor:pointer;opacity:.7}
.sb-agent-global>.sb-agent-global-close:hover{opacity:1;color:#ca3434}
.sb-agent-global .sb-agent-thread{max-height:calc(100vh - 260px) !important;overflow-y:auto !important;margin:10px 0 !important;padding-top:0}
.sb-agent-global .sb-agent-thread:empty{margin:6px 0 !important}
.sb-agent-bubble{position:fixed;right:22px;bottom:22px;width:54px;height:54px;border-radius:50%;background:#fff;z-index:99990;cursor:pointer;box-shadow:0 6px 22px rgba(0,0,0,.2),0 0 0 1px rgba(2,139,229,.25);display:flex;align-items:center;justify-content:center;transition:transform .2s}
.sb-agent-bubble:hover{transform:scale(1.06)}
.sb-agent-bubble img{width:30px;height:30px;border-radius:6px}
.sb-agent-bubble>i{display:none;position:absolute;top:2px;right:2px;width:12px;height:12px;border-radius:50%;background:#e0245e;border:2px solid #fff}
.sb-agent-bubble.sb-agent-unread>i{display:block}
.sb-agent-bubble.sb-agent-global-open,.sb-agent-global-hidden{display:none !important}
.sb-panel-agent .sb-agent-row.sb-agent-hint{font-size:12px;color:#88969e;background:none;border:none;padding:2px 10px;text-align:center}

/* contact matches in the agent thread */
.sb-agent-candidates{display:flex;flex-direction:column;gap:4px;margin-top:8px}
.sb-agent-candidates>a{display:block;position:relative;padding:6px 8px 6px 36px;border:1px solid rgba(2,139,229,.25);border-radius:4px;background:#fff;cursor:pointer;line-height:1.35;transition:background .15s}
.sb-agent-candidates>a:hover{background:#f0f6fb}
.sb-agent-candidates>a b{display:block;font-size:12.5px;font-weight:500;color:#24272a}
.sb-agent-candidates>a span{display:block;font-size:11px;color:#88969e;word-break:break-all}
.sb-agent-candidates>a.sb-disabled{opacity:.5;cursor:default}

.sb-agent-candidates>a>.sb-agent-candidate-no{position:absolute;left:8px;top:50%;transform:translateY(-50%);width:20px;height:20px;line-height:20px;border-radius:4px;background:#eef5fb;color:#028be5;font-size:11px;font-weight:600;font-style:normal;text-align:center}

.sb-agent-candidates>a.sb-agent-candidate-new b{color:#566069}
.sb-agent-candidates>a.sb-loading{opacity:.6;pointer-events:none}

/* HeroChat Agent: browser sessions */
.sb-agent-global>.sb-agent-global-sessions{position:absolute;right:40px;top:19px;font-size:13px;cursor:pointer;opacity:.55}
.sb-agent-global>.sb-agent-global-sessions:hover{opacity:1;color:#028be5}
.sb-agent-sessions-hint{margin:0 0 15px;font-size:13px;color:#566069;line-height:1.5}
.sb-agent-session{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 0;border-top:1px solid rgba(0,0,0,.06)}
.sb-agent-session b{display:block;font-size:13px;font-weight:500;color:#24272a}
.sb-agent-session span{display:block;font-size:12px;color:#88969e;margin-top:2px}

/* Signatures in the profile (left column, below Email): "Default signature for" channels per signature */
.sb-signature-section{margin-top:15px;padding-top:15px;border-top:1px solid #e6e6e6}
.sb-signature-section #signature-email{display:none!important}
.sb-signature-default{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:12px;color:#566069}
.sb-signature-default>span{white-space:nowrap}
.sb-signature-channels{position:relative;flex:1;min-width:0}
.sb-signature-channels-btn{height:32px;line-height:30px;padding:0 28px 0 10px;border:1px solid #d4d4d4;border-radius:6px;background:#fff;font-size:12.5px;color:#24272a;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}
.sb-signature-channels-btn:after{content:"";position:absolute;right:11px;top:12px;width:6px;height:6px;border-right:1.5px solid #566069;border-bottom:1.5px solid #566069;transform:rotate(45deg)}
.sb-signature-channels.sb-open .sb-signature-channels-btn{border-color:#028be5}
.sb-signature-channels-menu{display:none;position:absolute;left:0;right:0;top:36px;z-index:10;background:#fff;border:1px solid #d4d4d4;border-radius:6px;box-shadow:0 6px 20px rgba(0,0,0,.12);padding:6px 0;max-height:260px;overflow-y:auto}
.sb-signature-channels.sb-open .sb-signature-channels-menu{display:block}
.sb-signature-channels-menu label{display:flex;align-items:center;gap:8px;padding:6px 12px;font-size:13px;color:#24272a;cursor:pointer}
.sb-signature-channels-menu label:hover{background:#f5f7fa}
.sb-signature-channels-menu label input{margin:0}
.sb-signature-channels-menu label em{margin-left:auto;font-style:normal;font-size:11px;color:#88969e}
.sb-signature-channels-menu label.sb-disabled{opacity:.45;cursor:default}
.sb-signature-channels-menu label input[type="checkbox"]{width:16px;min-width:16px!important;height:16px;min-height:16px;border:1px solid #b8c0c7;border-radius:4px;background:#fff;flex-shrink:0;transition:border-color .15s,background .15s}
.sb-signature-channels-menu label:hover input[type="checkbox"]:not(:disabled){border-color:#028be5}
.sb-signature-channels-menu label input[type="checkbox"]:checked{background:#028be5;border-color:#028be5}
.sb-signature-channels-menu label input[type="checkbox"]:checked:before{line-height:15px;font-size:10px;color:#fff;display:block;text-align:center}
.sb-signature-channels-menu label input[type="checkbox"]:disabled{background:#f3f4f6;cursor:default}

/* Signatures picker in the editor: like the saved replies (search, arrow keys, edit link) */
.sb-popup.sb-signatures{width:340px;max-height:420px;display:flex;flex-direction:column;padding:0}
.sb-popup.sb-signatures .sb-signatures-search{position:relative;margin:15px 15px 8px}
.sb-popup.sb-signatures .sb-signatures-search input{width:100%;height:42px;box-sizing:border-box;border:1px solid #d4d4d4;border-radius:8px;padding:0 40px 0 14px;font-size:14px;color:#24272a;outline:none;background:#fff}
.sb-popup.sb-signatures .sb-signatures-search input:focus{border-color:#028be5;box-shadow:0 0 0 3px rgba(2,139,229,.12)}
.sb-popup.sb-signatures .sb-signatures-search i{position:absolute;right:14px;top:13px;font-size:16px;color:#028be5;pointer-events:none}
.sb-popup.sb-signatures ul{flex:1;overflow-y:auto;margin:0;padding:4px 0}
.sb-popup.sb-signatures ul li.sb-active{background:#eef5fb}
.sb-popup.sb-signatures ul li.sb-active b{color:#028be5}
.sb-popup.sb-signatures ul li.sb-no-results{cursor:default;color:#8f8f8f}
.sb-popup.sb-signatures .sb-signatures-footer{height:52px;display:flex;align-items:center;justify-content:center;border-top:1px solid #d4d4d4;flex-shrink:0}
.sb-popup.sb-signatures .sb-signatures-footer a{cursor:pointer;font-size:13px;letter-spacing:.3px;color:#566069;transition:color .4s}
.sb-popup.sb-signatures .sb-signatures-footer a:hover{color:#028be5}
/* Message menu: Edit / Show original */
.sb-message-edit-box .sb-main{padding:20px}
.sb-message-edit-box .sb-message-edit-text{width:100%;min-height:340px;box-sizing:border-box;border:1px solid #d4d4d4;border-radius:6px;padding:12px;font-size:14px;line-height:1.5;resize:vertical}
.sb-message-original-box .sb-main{padding:20px}
.sb-message-original-box .sb-original-part{margin-top:12px;border:1px solid #e6e6e6;border-radius:8px;background:#fff}
.sb-message-original-box .sb-original-part>summary{cursor:pointer;list-style:none;padding:11px 14px;font-size:13px;font-weight:600;color:#24272a;user-select:none}
.sb-message-original-box .sb-original-part>summary::-webkit-details-marker{display:none}
.sb-message-original-box .sb-original-part>summary:before{content:'\25B8';display:inline-block;width:14px;color:#9ca3af;font-size:11px}
.sb-message-original-box .sb-original-part[open]>summary:before{content:'\25BE'}
.sb-message-original-box .sb-original-part>.sb-original-pre{margin:0 12px 12px}
.sb-message-original-box .sb-original-meta{margin:0;font-size:12px;color:#88969e}
.sb-message-original-box .sb-original-pre{white-space:pre-wrap;word-break:break-word;background:#f7f9fa;border:1px solid #e6e6e6;border-radius:6px;padding:12px;font-size:12px;line-height:1.5;max-height:420px;overflow:auto;margin:0}
/* Selection mode: a selected message shows a ticked circle (blue with a white check), whatever the message styles say */
.sb-list.sb-select-mode>div[data-id].sb-selected:not(.sb-info-message):before{content:"\77"!important;font-family:"Support Board Icons"!important;background:#028be5!important;border-color:#028be5!important;box-shadow:none!important;color:#fff;font-size:10px;line-height:14px;text-align:center;font-style:normal;font-weight:normal}
.sb-message-original-box .sb-original-source{font-weight:400;font-size:11px;color:#88969e;text-transform:uppercase;margin-left:6px}
/* Settings: section headings (type "section") */
.sb-settings-section{padding:28px 0 6px;margin-top:10px;border-top:2px solid #e6e6e6}
.sb-settings-section:first-child{border-top:none;margin-top:0;padding-top:4px}
.sb-settings-section h2{margin:0 0 4px;font-size:17px;font-weight:600;color:#24272a}
.sb-settings-section p{margin:0;font-size:13px;color:#788692;max-width:640px;line-height:1.5}
/* Team email: "From" in the editor of email conversations, and "Peter replied as Amanda" */
.sb-editor .sb-email-from{display:flex;align-items:center;gap:8px;padding:6px 12px;border-bottom:1px solid #eef0f2;font-size:12.5px;color:#788692}
.sb-editor .sb-email-from span{font-weight:500}
.sb-editor .sb-email-from.sb-flash select{border-color:#028be5;box-shadow:0 0 0 3px rgba(2,139,229,.2);transition:all .3s}
.sb-editor .sb-email-from select{flex:1;min-width:0;max-width:420px;height:28px;border:1px solid #e0e4e8;border-radius:5px;background:#fff;font-size:12.5px;color:#24272a;padding:0 8px}
.sb-list .sb-sent-as{margin-top:4px;font-size:11.5px;color:#88969e;text-align:right}
.sb-list .sb-sent-as b{font-weight:500;color:#566069}
/* Email accounts (Settings > Emails): cards like Campaigns > Senders */
#sb-email-accounts{margin:14px 0 24px;max-width:940px}
#sb-email-accounts .sb-eac-list{display:block}
/* One list like "User conversations": a frame, rows divided by lines, initials avatars, hover tint. */
#sb-email-accounts .sb-eac-rows{border:1px solid #d4d4d4;border-radius:6px;overflow:hidden;background:#fff}
#sb-email-accounts .sb-email-account{display:flex;align-items:center;gap:14px;padding:12px 15px;border-bottom:1px solid #e6e6e6;cursor:pointer;transition:background .3s}
#sb-email-accounts .sb-email-account:last-child{border-bottom:none}
#sb-email-accounts .sb-email-account:hover{background:#f5f7fa}
#sb-email-accounts .sb-eac-avatar{flex:0 0 40px;width:40px;height:40px;border-radius:50%;color:#fff;font-size:12px;font-weight:500;line-height:40px;text-align:center;letter-spacing:.3px}
#sb-email-accounts .sb-eac-main{flex:1 1 auto;min-width:0}
#sb-email-accounts .sb-eac-head{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
#sb-email-accounts .sb-eac-head b{font-size:13px;font-weight:500;color:#3c3c3c}
#sb-email-accounts .sb-eac-main>span{display:block;font-size:12px;color:#788692;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#sb-email-accounts .sb-email-account em{font-style:normal;font-size:11px;font-weight:500;border-radius:20px;padding:1px 8px;background:#eef1f4;color:#b0b6bf}
#sb-email-accounts .sb-email-account em.sb-on{color:#5a6572}
#sb-email-accounts .sb-email-account em.sb-reads{background:#e8f1fd;color:#1d6fd0}
#sb-email-accounts .sb-eac-actions{display:flex;flex:0 0 auto;gap:6px;opacity:0;transition:opacity .2s}
#sb-email-accounts .sb-email-account:hover .sb-eac-actions{opacity:1}
@media (hover:none){#sb-email-accounts .sb-eac-actions{opacity:1}}
#sb-email-accounts .sb-eac-actions .sb-btn{height:28px;line-height:28px;font-size:12px;padding:0 10px;color:#566069;font-weight:500;text-decoration:none}
#sb-email-accounts .sb-eac-actions .sb-email-account-delete{color:#b42318}
#sb-email-accounts .sb-eac-actions .sb-email-account-delete.sb-armed{background:#b42318;border-color:#b42318;color:#fff}
#sb-email-accounts .sb-email-accounts-empty{margin:0;border:1px dashed #d6dbe3;border-radius:10px;padding:18px;font-size:13px;color:#8a8a8a}
#sb-email-accounts .sb-eac-bar{margin-top:12px}
#sb-email-accounts .sb-eac-bar .sb-btn{font-size:13px}
@media (max-width:620px){#sb-email-accounts .sb-email-account{flex-wrap:wrap}}
/* The old "Email piping" repeater and the manual SMTP fields stay in the page (the Save button
   reads them) but are not shown: mailboxes and servers are email accounts now. */
#email-piping{display:none!important}
#email-server>.input>div:not(#email-server-account){display:none!important}
/* The inline account form: the look of Campaigns > Senders > "Add a sender" (apps/campaigns/admin.css) */
.sb-eaf-inline{border:1px solid #e7eaef;border-radius:12px;background:#fff;padding:0 22px 22px}
.sb-eaf-inline>.sb-info{display:none;position:static;height:auto;margin:14px 0 0;padding:10px 14px;border-radius:8px;background:#fdecea;color:#b3261e;font-size:13px;line-height:1.55;cursor:pointer}
.sb-eaf-inline>.sb-info.sb-active{display:block}
.sb-eaf-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:18px 0 6px;border-bottom:1px solid #f0f2f5;margin-bottom:18px}
.sb-eaf-head h2{font-size:17px;margin:0;font-weight:600;color:#24272a}
.sb-eaf-btns{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sb-eaf-btns .sb-btn{font-size:13px}
.sb-eaf-btns .sb-btn.sb-disabled{opacity:.45;cursor:default}
.sb-eaf-cancel{font-size:13px;color:#566069;cursor:pointer;padding:0 6px}
.sb-email-account-form .sb-eaf-providerrow{margin:22px 0 20px;padding:20px 0;border-top:1px solid #eceef2;border-bottom:1px solid #eceef2}
.sb-email-account-form .sb-eaf-providerrow .sb-input{max-width:330px}
.sb-email-account-form .sb-eaf-advanced{margin-top:22px;padding-top:16px;border-top:1px solid #eceef2}
.sb-email-account-form .sb-eaf-advanced-toggle{cursor:pointer;font-size:13px;font-weight:500;color:#028be5}
.sb-email-account-form .sb-eaf-advanced-toggle:after{content:' \25B8'}
.sb-email-account-form .sb-eaf-advanced.sb-active .sb-eaf-advanced-toggle:after{content:' \25BE'}
.sb-email-account-form .sb-eaf-advanced-body{display:none;padding-top:14px}
.sb-email-account-form .sb-eaf-advanced.sb-active .sb-eaf-advanced-body{display:block}
.sb-email-account-form .sb-eaf-advanced .sb-eaf-check:first-child{margin-top:0}
/* "Add email account": the look of Campaigns > Senders > "Add a sender" (apps/campaigns/admin.css) */
.sb-email-account-box{max-width:940px}
.sb-email-account-form .sb-title{margin:0 0 14px;font-weight:500}
.sb-email-account-form .sb-title>span{font-weight:400;font-size:12.5px;color:#9ca3af;margin-left:7px}
.sb-email-account-form .sb-eaf-cols{display:grid;grid-template-columns:1fr 1fr;gap:0 34px}
.sb-email-account-form .sb-eaf-col{min-width:0}
.sb-email-account-form .sb-eaf-f{margin-bottom:10px}
.sb-email-account-form .sb-input>span{box-sizing:border-box;padding-right:12px;width:126px;min-width:126px}
.sb-email-account-form .sb-eaf-f-area .sb-input{align-items:flex-start}
.sb-email-account-form .sb-eaf-f-area .sb-input>span{padding-top:11px}
.sb-email-account-form .sb-input>textarea{min-height:78px}
.sb-email-account-form .sb-eaf-check{display:flex;align-items:flex-start;gap:12px;margin:12px 0 0;cursor:pointer;user-select:none;font-size:12.5px;line-height:1.55;color:#566069}
.sb-email-account-form .sb-eaf-check b{color:#1a1a2e}
.sb-email-account-form .sb-eaf-check>input[type=checkbox]{-webkit-appearance:none!important;appearance:none!important;flex:0 0 auto;width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;margin:1px 0 0!important;padding:0!important;border:1px solid #d4d4d4!important;border-radius:4px!important;background:#fff!important;cursor:pointer!important;position:relative}
.sb-email-account-form .sb-eaf-check>input[type=checkbox]:hover,.sb-email-account-form .sb-eaf-check>input[type=checkbox]:checked{border-color:#028be5!important}
.sb-email-account-form .sb-eaf-check>input[type=checkbox]:checked:before{content:"\77"!important;font-family:"Support Board Icons"!important;color:#028be5;font-size:12px;line-height:20px;display:block;text-align:center}
@media (max-width:900px){.sb-email-account-form .sb-eaf-cols{grid-template-columns:1fr;gap:0}}
@media (max-width:620px){.sb-email-account-form .sb-input{display:block}.sb-email-account-form .sb-input>span{width:auto;min-width:0;display:block;margin-bottom:5px}}
.sb-smtp-accounts-link{margin:8px 0 0!important}.sb-smtp-accounts-link a{cursor:pointer;color:#028be5;font-size:13px}
.sb-email-account-form .sb-eaf-provider-hint{margin:8px 0 0;font-size:12.5px;line-height:1.5;color:#8a8a8a;max-width:640px}
.sb-email-account-form .sb-eaf-check em{font-style:normal}
.sb-email-account-form .sb-eaf-check.sb-disabled{opacity:.55;cursor:default}
.sb-email-account-form .sb-eaf-check.sb-disabled>input[type=checkbox]{cursor:default!important}

/* Admin editor: "Send message" is a button like the agent's "Run agent" - faint until there is something to send. */
.sb-editor .sb-bar .sb-btn.sb-submit.sb-submit-btn{display:block;height:28px;line-height:28px;padding:0 12px;margin-left:12px;font-size:12px;white-space:nowrap;opacity:.3;pointer-events:none;cursor:pointer}
.sb-editor.sb-active .sb-bar .sb-btn.sb-submit.sb-submit-btn{opacity:1;pointer-events:auto}
.sb-editor .sb-bar .sb-btn.sb-submit.sb-submit-btn{color:#566069;background:#fff;border:1px solid #ccd2d5;border-radius:4px;font-weight:500}
.sb-editor .sb-bar .sb-btn.sb-submit.sb-submit-btn:hover{color:#028be5;border-color:#028be5;background:#fff}