.fcb-trigger-wrap { position: relative; flex-shrink: 0; }
#fcb-support-panel .fcb-support-heading [hidden] { display: none; }
#fcb-support-panel .fcb-support-heading { overflow-wrap: anywhere; }
.fcb-pulse { position: absolute; top: calc(50% - var(--fcb-icon-size, 24px) / 2 - 2px); right: calc(50% - var(--fcb-icon-size, 24px) / 2 - 2px); width: var(--fcb-pulse-size, 9px); height: var(--fcb-pulse-size, 9px); box-sizing: border-box; border: 2px solid var(--fcb-pulse-color, #ffffff); border-radius: 50%; background-color: inherit; pointer-events: none; }
.fcb-pulse::before, .fcb-pulse::after { content: ''; position: absolute; inset: -2px; box-sizing: border-box; border-radius: 50%; background-color: var(--fcb-pulse-color, #ffffff); opacity: 0; animation: fcb-pulse-wave 2.4s ease-out infinite; }
.fcb-pulse::after { animation-delay: 1.2s; }
.fcb-pulse[data-pulse-type="rings"]::before, .fcb-pulse[data-pulse-type="rings"]::after { background: transparent; border: 2px solid var(--fcb-pulse-color, #ffffff); }
.fcb-pulse[data-pulse-type="breathe"]::before { animation: fcb-pulse-breathe 2.4s ease-in-out infinite; }
.fcb-pulse[data-pulse-type="breathe"]::after { content: none; }
.fcb-pulse[data-pulse-type="none"] { display: none; }
@keyframes fcb-pulse-wave { 0% { transform: scale(1); opacity: .4; } 80%, 100% { transform: scale(3); opacity: 0; } }
@keyframes fcb-pulse-breathe { 0%, 100% { transform: scale(1); opacity: .2; } 50% { transform: scale(1.8); opacity: .65; } }
@media (prefers-reduced-motion: reduce) { .fcb-pulse::before, .fcb-pulse::after { animation: none; } }
.fcb-tinted-icon { display: block; width: 28px; height: 28px; flex-shrink: 0; background-color: currentColor; -webkit-mask-image: var(--fcb-icon-image); mask-image: var(--fcb-icon-image); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; mask-mode: alpha; }
#floating-chat-button:focus-visible { outline: 3px solid #2271b1; outline-offset: 5px; }
#fcb-support-panel { position: fixed; z-index: 10001; width: 360px; max-width: calc(100vw - 24px); box-sizing: border-box; display: flex; flex-direction: column; overflow: hidden; background: #f8fafb; color: #263742; border: 1px solid #ffffffa6; border-radius: 20px; box-shadow: 0 24px 64px #142a3526, 0 4px 14px #142a3512; opacity: 0; visibility: hidden; transform: translateY(24px) scale(.25); transform-origin: var(--fcb-origin-x, 90%) var(--fcb-origin-y, bottom); transition: transform .36s cubic-bezier(.22,1,.36,1), opacity .22s, visibility .36s; font-family: inherit; text-align: start; }
#fcb-support-panel[hidden] { display: none !important; }
#fcb-support-panel.is-open { opacity: 1; visibility: visible; transform: translateY(0) scale(1); }
#fcb-support-panel * { box-sizing: border-box; }
#fcb-support-panel .fcb-support-header { position: relative; display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 24px; background: linear-gradient(120deg, #172b36, #24434b); border: 0; flex-shrink: 0; overflow: hidden; }
#fcb-support-panel .fcb-support-header::after { content: ''; position: absolute; width: 110px; height: 110px; border: 1px solid #ffffff0c; border-radius: 50%; inset-inline-end: -30px; bottom: -75px; box-shadow: 0 0 0 24px #ffffff04, 0 0 0 48px #ffffff03; pointer-events: none; }
#fcb-support-panel .fcb-support-heading { min-width: 0; position: relative; z-index: 1; }
#fcb-support-panel .fcb-support-eyebrow { display: block; color: #a6cec7; font-size: 10px; line-height: 1.8; font-weight: 500; margin-bottom: 7px; }
#fcb-support-panel .fcb-support-header h2 { color: #fff; font-family: inherit; font-size: 18px; line-height: 1.7; font-weight: 700; margin: 0; padding: 0; letter-spacing: 0; }
#fcb-support-panel .fcb-support-header p { margin: 5px 0 0; padding: 0; font-size: 12px; line-height: 1.8; color: #c1d0d6; font-weight: 400; }
#fcb-support-panel .fcb-support-close { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; min-width: 32px; min-height: 0; flex-shrink: 0; padding: 0; margin: 0; border: 1px solid #ffffff1a; border-radius: 10px; background: #ffffff0a; color: #d4e1e6; cursor: pointer; line-height: 1; box-shadow: none; position: relative; z-index: 1; transition: background .2s; }
#fcb-support-panel .fcb-support-close:hover { background: #ffffff1c; color: #fff; }
#fcb-support-panel .fcb-support-close svg { width: 16px; height: 16px; display: block; }
#fcb-support-panel .fcb-support-list { display: flex; flex-direction: column; gap: 10px; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 14px; scrollbar-width: thin; scrollbar-color: #cbd6db transparent; }
#fcb-support-panel .fcb-support-link { --fcb-channel-color: var(--fcb-accent, #247665); display: flex; align-items: center; gap: 13px; padding: 15px 14px; margin: 0; border: 1px solid #e5ebee; border-radius: 14px; background: #fff; color: #263742; text-decoration: none; box-shadow: 0 2px 4px #152a3503; opacity: 0; transform: translateY(12px); transition: opacity .24s, transform .3s, border-color .2s, box-shadow .2s; }
#fcb-support-panel.is-open .fcb-support-link { opacity: 1; transform: translateY(0); transition-delay: var(--fcb-row-delay, 0ms), var(--fcb-row-delay, 0ms), 0ms, 0ms; }
#fcb-support-panel .fcb-support-link:hover { border-color: #b5c9cd; color: #263742; text-decoration: none; box-shadow: 0 5px 15px #18343e0a; }
#fcb-support-panel .fcb-channel-whatsapp { --fcb-channel-color: #13975c; }
#fcb-support-panel .fcb-channel-telegram { --fcb-channel-color: #248ac4; }
#fcb-support-panel .fcb-channel-phone { --fcb-channel-color: #6963c5; }
#fcb-support-panel .fcb-channel-email { --fcb-channel-color: #c58133; }
#fcb-support-panel .fcb-support-avatar { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 14px; background: #eef4f5; background: color-mix(in srgb, var(--fcb-channel-color) 9%, white); color: var(--fcb-channel-color); flex-shrink: 0; }
#fcb-support-panel .fcb-support-avatar .dashicons { font-size: 26px; width: 26px; height: 26px; line-height: 1; }
#fcb-support-panel .fcb-support-avatar img, #fcb-support-panel .fcb-support-avatar svg { width: 28px; height: 28px; object-fit: contain; display: block; }
#fcb-support-panel .fcb-support-copy { flex: 1; min-width: 0; }
#fcb-support-panel .fcb-support-copy strong { display: block; font-size: 14px; font-weight: 600; line-height: 1.7; overflow-wrap: anywhere; }
#fcb-support-panel .fcb-support-copy small { display: block; font-size: 11px; font-weight: 400; color: #83919a; line-height: 1.8; margin-top: 4px; overflow-wrap: anywhere; }
#fcb-support-panel .fcb-support-arrow { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; flex-shrink: 0; border-radius: 50%; background: #f5f7f8; color: #7e939e; transition: background .2s, color .2s; }
#fcb-support-panel .fcb-support-arrow svg { width: 16px; height: 16px; display: block; }
#fcb-support-panel:dir(rtl) .fcb-support-arrow svg { transform: rotate(180deg); }
#fcb-support-panel .fcb-support-link:hover .fcb-support-arrow { background: #eaf1f3; color: #355c6c; }
#fcb-support-panel a:focus-visible, #fcb-support-panel button:focus-visible { outline: 2px solid #248ac4; outline-offset: -2px; }
.floating-chat-container:has(.is-open) .chat-text { opacity: 0; }
#fcb-support-panel { background: var(--fcb-popup-background, #f8fafb); color: var(--fcb-popup-text, #263742); border-color: var(--fcb-popup-border, #e5ebee); }
#fcb-support-panel .fcb-support-header { background: linear-gradient(120deg, var(--fcb-popup-header-start, #172b36), var(--fcb-popup-header-end, #24434b)); }
#fcb-support-panel .fcb-support-header h2 { color: var(--fcb-popup-header-text, #ffffff); }
#fcb-support-panel .fcb-support-header p, #fcb-support-panel .fcb-support-eyebrow { color: var(--fcb-popup-header-text, #ffffff); opacity: .75; }
#fcb-support-panel .fcb-support-close { color: var(--fcb-popup-header-text, #ffffff); background: color-mix(in srgb, var(--fcb-popup-header-text, #ffffff) 7%, transparent); border-color: color-mix(in srgb, var(--fcb-popup-header-text, #ffffff) 14%, transparent); }
#fcb-support-panel .fcb-support-close:hover { color: var(--fcb-popup-header-text, #ffffff); background: color-mix(in srgb, var(--fcb-popup-header-text, #ffffff) 18%, transparent); }
#fcb-support-panel .fcb-support-link { --fcb-channel-color: var(--fcb-popup-accent, #247665); background: var(--fcb-popup-card, #ffffff); color: var(--fcb-popup-text, #263742); border-color: var(--fcb-popup-border, #e5ebee); }
#fcb-support-panel .fcb-channel-whatsapp { --fcb-channel-color: #13975c; }
#fcb-support-panel .fcb-channel-telegram { --fcb-channel-color: #248ac4; }
#fcb-support-panel .fcb-channel-phone { --fcb-channel-color: #6963c5; }
#fcb-support-panel .fcb-channel-email { --fcb-channel-color: #c58133; }
#fcb-support-panel .fcb-support-link:hover { color: var(--fcb-popup-text, #263742); border-color: var(--fcb-popup-accent, #247665); }
#fcb-support-panel .fcb-support-copy small { color: var(--fcb-popup-muted, #83919a); }
#fcb-support-panel .fcb-support-avatar { background: color-mix(in srgb, var(--fcb-channel-color) 9%, var(--fcb-popup-card, #ffffff)); }
#fcb-support-panel .fcb-support-arrow { color: var(--fcb-popup-muted, #83919a); background: color-mix(in srgb, var(--fcb-popup-muted, #83919a) 8%, var(--fcb-popup-card, #ffffff)); }
#fcb-support-panel .fcb-support-link:hover .fcb-support-arrow { color: var(--fcb-popup-accent, #247665); background: color-mix(in srgb, var(--fcb-popup-accent, #247665) 10%, var(--fcb-popup-card, #ffffff)); }
#fcb-support-panel a:focus-visible, #fcb-support-panel button:focus-visible { outline-color: var(--fcb-popup-accent, #247665); }
#fcb-support-panel .fcb-support-list { scrollbar-color: var(--fcb-popup-border, #cbd6db) transparent; }
#fcb-support-panel .fcb-support-avatar { color: var(--fcb-contact-icon, var(--fcb-channel-color)); background: var(--fcb-contact-icon-bg, color-mix(in srgb, var(--fcb-channel-color) 9%, var(--fcb-popup-card, #ffffff))); }
@media (max-width: 480px) { #fcb-support-panel .fcb-support-header { padding: 20px; } #fcb-support-panel .fcb-support-link { padding: 13px 12px; } }
@media (prefers-reduced-motion: reduce) { #fcb-support-panel, #fcb-support-panel .fcb-support-link { transition: none; transform: none; } }