/* C3A Central de Atendimento Pro */
.c3a-ct{--c3a-att-anim-ms:220ms;position:relative;z-index:9999;display:inline-block;font-family:sans-serif}
.c3a-ct *{box-sizing:border-box}

/* Trigger */
.c3a-hd{position:relative;display:flex;align-items:center;gap:10px;margin:0;padding:4px 16px;border:1px solid #0052c4;border-radius:12px;background:transparent;color:#0052c4;cursor:pointer;font:inherit;text-align:left;transition:all .2s;-webkit-appearance:none;appearance:none}
.c3a-hd:hover,.c3a-hd[aria-expanded=true]{border-color:#003da1;background:#f0f7ff;color:#003da1}
.c3a-hd:focus-visible{outline:3px solid rgba(0,82,196,.24);outline-offset:3px}
.c3a-hd-icon{display:flex;align-items:center;justify-content:center;font-size:28px}
.c3a-hd-icon svg{display:block;width:1em;height:1em;fill:currentColor}
.c3a-hd-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}
.c3a-hd-top{font-size:11px;font-weight:500;letter-spacing:.3px;opacity:.8}
.c3a-hd-bottom{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:800}
.c3a-hd-arrow{margin-top:2px;font-size:10px;opacity:.7;transition:transform .2s}
.c3a-hd[aria-expanded=true] .c3a-hd-arrow{transform:rotate(180deg)}
.c3a-att-trigger-solid .c3a-hd{background:#0052c4;color:#fff;border-color:#0052c4}
.c3a-att-trigger-solid .c3a-hd:hover,.c3a-att-trigger-solid .c3a-hd[aria-expanded=true]{background:#003da1;color:#fff;border-color:#003da1}
.c3a-att-trigger-soft .c3a-hd{background:#f0f7ff;border-color:transparent}
.c3a-att-trigger-ghost .c3a-hd{border-color:transparent;background:transparent}
.c3a-att-trigger-ghost .c3a-hd:hover,.c3a-att-trigger-ghost .c3a-hd[aria-expanded=true]{background:rgba(0,82,196,.08)}
.c3a-att-trigger-pill .c3a-hd{border-radius:999px}

/* Trigger formats + sizes */
.c3a-att-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.c3a-att-hd-compact .c3a-hd-top{display:none}
.c3a-att-hd-compact .c3a-hd-text{flex-direction:row;align-items:center}
.c3a-att-hd-compact .c3a-hd{gap:8px}
.c3a-att-hd-icon .c3a-hd{justify-content:center;align-items:center;gap:0;width:var(--c3a-hd-box,48px);height:var(--c3a-hd-box,48px);padding:0;aspect-ratio:1}
.c3a-att-hd-icon .c3a-hd-text,.c3a-att-hd-circle .c3a-hd-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.c3a-att-hd-icon .c3a-hd-arrow,.c3a-att-hd-circle .c3a-hd-arrow{display:none}
.c3a-att-hd-circle .c3a-hd{justify-content:center;align-items:center;gap:0;width:var(--c3a-hd-box,48px);height:var(--c3a-hd-box,48px);padding:0;aspect-ratio:1;border-radius:50%!important}
.c3a-att-hd-chip .c3a-hd{gap:6px;padding:4px 12px 4px 8px;border-radius:999px}
.c3a-att-hd-chip .c3a-hd-top{display:none}
.c3a-att-hd-chip .c3a-hd-icon{font-size:16px}
.c3a-att-hd-chip .c3a-hd-bottom{font-size:13px;font-weight:700}
.c3a-att-hd-chip .c3a-hd-arrow{display:none}
.c3a-att-hd-stack .c3a-hd{flex-direction:column;gap:4px;padding:10px 14px;text-align:center}
.c3a-att-hd-stack .c3a-hd-text{align-items:center}
.c3a-att-hd-stack .c3a-hd-bottom{justify-content:center}
.c3a-att-hd-wide{display:block;width:100%}
.c3a-att-hd-wide .c3a-hd{width:100%;justify-content:flex-start}
.c3a-att-hd-text .c3a-hd-icon{display:none}
.c3a-att-hd-size-xs{--c3a-hd-box:36px}
.c3a-att-hd-size-sm{--c3a-hd-box:42px}
.c3a-att-hd-size-md{--c3a-hd-box:48px}
.c3a-att-hd-size-lg{--c3a-hd-box:56px}
.c3a-att-hd-size-xl{--c3a-hd-box:64px}
.c3a-att-hd-size-xs .c3a-hd-icon{font-size:18px}
.c3a-att-hd-size-sm .c3a-hd-icon{font-size:22px}
.c3a-att-hd-size-md .c3a-hd-icon{font-size:28px}
.c3a-att-hd-size-lg .c3a-hd-icon{font-size:34px}
.c3a-att-hd-size-xl .c3a-hd-icon{font-size:40px}
.c3a-att-hd-size-xs .c3a-hd-top{font-size:9px}
.c3a-att-hd-size-xs .c3a-hd-bottom{font-size:12px}
.c3a-att-hd-size-sm .c3a-hd-top{font-size:10px}
.c3a-att-hd-size-sm .c3a-hd-bottom{font-size:13px}
.c3a-att-hd-size-lg .c3a-hd-top{font-size:12px}
.c3a-att-hd-size-lg .c3a-hd-bottom{font-size:16px}
.c3a-att-hd-size-xl .c3a-hd-top{font-size:13px}
.c3a-att-hd-size-xl .c3a-hd-bottom{font-size:18px}
.c3a-att-hd-size-xs .c3a-hd{padding:2px 10px}
.c3a-att-hd-size-sm .c3a-hd{padding:3px 12px}
.c3a-att-hd-icon .c3a-hd:hover,.c3a-att-hd-circle .c3a-hd:hover,
.c3a-att-hd-icon .c3a-hd[aria-expanded=true],.c3a-att-hd-circle .c3a-hd[aria-expanded=true]{transform:scale(1.06)}

/* Panel (.c3a-dd BC + .c3a-att-panel) */
.c3a-dd,.c3a-att-panel{position:absolute;top:100%;right:0;display:none;width:260px;margin-top:8px;padding:15px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;box-shadow:0 8px 25px rgba(0,0,0,.12);text-align:left;z-index:2}
.c3a-dd:before,.c3a-att-panel:before{position:absolute;top:-12px;right:0;left:0;height:12px;background:transparent;content:""}
.c3a-att-pos-left .c3a-dd,.c3a-att-pos-left .c3a-att-panel{right:auto;left:0}
.c3a-att-pos-center .c3a-dd,.c3a-att-pos-center .c3a-att-panel{right:auto;left:50%;transform:translateX(-50%)}
.c3a-att-format-dropdown.c3a-att-open-hover:not(.c3a-att-js):hover .c3a-dd,
.c3a-att-format-dropdown.c3a-att-open-both:not(.c3a-att-js):hover .c3a-dd,
.c3a-att-format-popover.c3a-att-open-hover:not(.c3a-att-js):hover .c3a-dd,
.c3a-att-format-popover.c3a-att-open-both:not(.c3a-att-js):hover .c3a-dd,
.c3a-ct.is-open .c3a-dd,.c3a-ct.is-open .c3a-att-panel,
.c3a-att-preview-open .c3a-dd,.c3a-att-preview-open .c3a-att-panel{display:block}

/* Strip via inset (avoids ::after clash with popover arrow) */
.c3a-dd.has-strip,.c3a-att-panel.has-strip{box-shadow:0 8px 25px rgba(0,0,0,.12),inset 0 4px 0 #2B7AB8;padding-top:18px}

/* Close */
.c3a-att-close{position:absolute;top:8px;right:8px;z-index:3;display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin:0;padding:0;border:0;border-radius:50%;background:#f1f5f9;color:#475569;font-size:18px;line-height:1;cursor:pointer;transition:background .15s,color .15s}
.c3a-att-close:hover{background:#e2e8f0;color:#0f172a}
.c3a-att-close:focus-visible{outline:2px solid rgba(0,82,196,.4);outline-offset:2px}
.c3a-dd:has(.c3a-att-close),.c3a-att-panel:has(.c3a-att-close){padding-top:36px}

/* Overlay */
.c3a-att-overlay{position:fixed;inset:0;z-index:10000;display:none;background:#0f172a;opacity:.45;cursor:pointer}
.c3a-ct.is-open .c3a-att-overlay,.c3a-att-preview-open .c3a-att-overlay{display:block}
.c3a-att-preview-open .c3a-att-overlay{pointer-events:none}

/* Popover */
.c3a-att-format-popover .c3a-dd,.c3a-att-format-popover .c3a-att-panel{margin-top:14px;filter:drop-shadow(0 8px 20px rgba(0,0,0,.14));box-shadow:none}
.c3a-att-format-popover .c3a-dd.has-strip,.c3a-att-format-popover .c3a-att-panel.has-strip{box-shadow:inset 0 4px 0 #2B7AB8}
.c3a-att-format-popover .c3a-dd:after,.c3a-att-format-popover .c3a-att-panel:after{content:"";position:absolute;top:-7px;right:22px;width:14px;height:14px;background:inherit;border-left:1px solid #e2e8f0;border-top:1px solid #e2e8f0;transform:rotate(45deg)}
.c3a-att-pos-left.c3a-att-format-popover .c3a-dd:after,.c3a-att-pos-left.c3a-att-format-popover .c3a-att-panel:after{right:auto;left:22px}
.c3a-att-pos-center.c3a-att-format-popover .c3a-dd:after,.c3a-att-pos-center.c3a-att-format-popover .c3a-att-panel:after{right:auto;left:50%;margin-left:-7px}

/* Modal */
.c3a-att-format-modal .c3a-dd,.c3a-att-format-modal .c3a-att-panel{position:fixed;top:50%;left:50%;right:auto;bottom:auto;width:min(360px,calc(100vw - 32px));margin:0;z-index:10001;transform:translate(-50%,-50%)}
.c3a-att-format-modal .c3a-dd:before,.c3a-att-format-modal .c3a-att-panel:before{display:none}

/* Drawer */
.c3a-att-format-drawer .c3a-dd,.c3a-att-format-drawer .c3a-att-panel{position:fixed;top:0;bottom:0;right:0;left:auto;width:min(340px,92vw);max-height:100vh;margin:0;border-radius:12px 0 0 12px;z-index:10001;overflow-y:auto}
.c3a-att-format-drawer.c3a-att-drawer-left .c3a-dd,.c3a-att-format-drawer.c3a-att-drawer-left .c3a-att-panel{right:auto;left:0;border-radius:0 12px 12px 0}
.c3a-att-format-drawer .c3a-dd:before,.c3a-att-format-drawer .c3a-att-panel:before{display:none}

/* Sheet */
.c3a-att-format-sheet .c3a-dd,.c3a-att-format-sheet .c3a-att-panel{position:fixed;top:auto;right:0;bottom:0;left:0;width:100%;max-width:none;margin:0;border-radius:16px 16px 0 0;z-index:10001;max-height:min(80vh,560px);overflow-y:auto}
.c3a-att-format-sheet .c3a-dd:before,.c3a-att-format-sheet .c3a-att-panel:before{display:none}

/* Inline */
.c3a-att-format-inline{display:block;width:100%}
.c3a-att-format-inline .c3a-dd,.c3a-att-format-inline .c3a-att-panel{position:static;width:100%;max-width:420px;margin-top:10px;transform:none;box-shadow:0 4px 16px rgba(0,0,0,.08)}
.c3a-att-format-inline .c3a-dd:before,.c3a-att-format-inline .c3a-att-panel:before{display:none}
.c3a-att-format-inline .c3a-dd.has-strip,.c3a-att-format-inline .c3a-att-panel.has-strip{box-shadow:0 4px 16px rgba(0,0,0,.08),inset 0 4px 0 #2B7AB8}

/* Animations */
.c3a-att-anim-fade.is-open .c3a-dd,.c3a-att-anim-fade.is-open .c3a-att-panel,
.c3a-att-anim-fade.c3a-att-preview-open .c3a-dd,.c3a-att-anim-fade.c3a-att-preview-open .c3a-att-panel{animation:c3a-att-fade var(--c3a-att-anim-ms) ease both}
.c3a-att-anim-scale.is-open .c3a-dd,.c3a-att-anim-scale.is-open .c3a-att-panel,
.c3a-att-anim-scale.c3a-att-preview-open .c3a-dd,.c3a-att-anim-scale.c3a-att-preview-open .c3a-att-panel{animation:c3a-att-scale var(--c3a-att-anim-ms) ease both}
.c3a-att-format-modal.c3a-att-anim-scale.is-open .c3a-dd,.c3a-att-format-modal.c3a-att-anim-scale.is-open .c3a-att-panel,
.c3a-att-format-modal.c3a-att-anim-scale.c3a-att-preview-open .c3a-dd,.c3a-att-format-modal.c3a-att-anim-scale.c3a-att-preview-open .c3a-att-panel{animation:c3a-att-modal-scale var(--c3a-att-anim-ms) ease both}
.c3a-att-anim-slide.is-open .c3a-dd,.c3a-att-anim-slide.is-open .c3a-att-panel,
.c3a-att-anim-slide.c3a-att-preview-open .c3a-dd,.c3a-att-anim-slide.c3a-att-preview-open .c3a-att-panel{animation:c3a-att-slide-down var(--c3a-att-anim-ms) ease both}
.c3a-att-format-drawer.c3a-att-anim-slide.is-open .c3a-dd,.c3a-att-format-drawer.c3a-att-anim-slide.is-open .c3a-att-panel,
.c3a-att-format-drawer.c3a-att-anim-slide.c3a-att-preview-open .c3a-dd,.c3a-att-format-drawer.c3a-att-anim-slide.c3a-att-preview-open .c3a-att-panel{animation:c3a-att-slide-right var(--c3a-att-anim-ms) ease both}
.c3a-att-format-drawer.c3a-att-drawer-left.c3a-att-anim-slide.is-open .c3a-dd,.c3a-att-format-drawer.c3a-att-drawer-left.c3a-att-anim-slide.is-open .c3a-att-panel,
.c3a-att-format-drawer.c3a-att-drawer-left.c3a-att-anim-slide.c3a-att-preview-open .c3a-dd,.c3a-att-format-drawer.c3a-att-drawer-left.c3a-att-anim-slide.c3a-att-preview-open .c3a-att-panel{animation:c3a-att-slide-left var(--c3a-att-anim-ms) ease both}
.c3a-att-format-sheet.c3a-att-anim-slide.is-open .c3a-dd,.c3a-att-format-sheet.c3a-att-anim-slide.is-open .c3a-att-panel,
.c3a-att-format-sheet.c3a-att-anim-slide.c3a-att-preview-open .c3a-dd,.c3a-att-format-sheet.c3a-att-anim-slide.c3a-att-preview-open .c3a-att-panel{animation:c3a-att-slide-up var(--c3a-att-anim-ms) ease both}
.c3a-att-format-modal.c3a-att-anim-slide.is-open .c3a-dd,.c3a-att-format-modal.c3a-att-anim-slide.is-open .c3a-att-panel,
.c3a-att-format-modal.c3a-att-anim-slide.c3a-att-preview-open .c3a-dd,.c3a-att-format-modal.c3a-att-anim-slide.c3a-att-preview-open .c3a-att-panel{animation:c3a-att-modal-slide var(--c3a-att-anim-ms) ease both}
.c3a-ct.is-open .c3a-att-overlay,.c3a-att-preview-open .c3a-att-overlay{animation:c3a-att-fade var(--c3a-att-anim-ms) ease both}

@keyframes c3a-att-fade{from{opacity:0}to{opacity:1}}
@keyframes c3a-att-scale{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}
@keyframes c3a-att-modal-scale{from{opacity:0;transform:translate(-50%,-50%) scale(.94)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes c3a-att-slide-down{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@keyframes c3a-att-slide-up{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes c3a-att-slide-right{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}
@keyframes c3a-att-slide-left{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:translateX(0)}}
@keyframes c3a-att-modal-slide{from{opacity:0;transform:translate(-50%,calc(-50% + 16px))}to{opacity:1;transform:translate(-50%,-50%)}}

/* Content */
.c3a-sc{margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #edf2f7}
.c3a-sc:last-of-type{margin-bottom:12px;border-bottom:0}
.c3a-toggle{width:100%}
.c3a-tl{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px;padding:4px 0;color:#718096;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.c3a-toggle summary.c3a-tl{cursor:pointer;list-style:none}
.c3a-toggle summary.c3a-tl::-webkit-details-marker{display:none}
.c3a-toggle summary.c3a-tl:after{color:#a0aec0;content:"▼";font-size:9px}
.c3a-toggle[open] summary.c3a-tl:after{content:"▲"}
.c3a-channel-list{margin-top:8px}
.c3a-it{display:flex;align-items:center;gap:10px;margin-bottom:6px;color:#2d3748!important;font-size:13px;text-decoration:none!important}
.c3a-it:last-child{margin-bottom:0}
.c3a-it-top{align-items:flex-start;margin-top:4px}
.c3a-item-icon{display:flex;flex:0 0 17px;align-items:center;justify-content:center;margin-top:1px;color:inherit;font-size:16px}
.c3a-item-icon svg{display:block;width:1em;height:1em;fill:currentColor}
.c3a-nb{color:#1a202c;font-size:14px;font-weight:700}
.c3a-lb{color:#718096;font-size:12px;line-height:1.3}
.c3a-it:hover .c3a-nb{color:#0052c4}
.c3a-btn{display:flex;align-items:center;justify-content:center;gap:7px;padding:8px;border:1px solid #cbd5e0;border-radius:8px;background:#f7fafc;color:#4a5568!important;font-size:13px;font-weight:600;text-align:center;text-decoration:none!important;transition:all .2s}
.c3a-btn:hover{background:#edf2f7;color:#2d3748!important}
.c3a-btn svg{width:1em;height:1em;fill:currentColor}
.c3a-att-status{display:flex;align-items:center;gap:6px;margin-top:8px;color:#718096;font-size:10px}
.c3a-att-status i{width:7px;height:7px;border-radius:50%;background:#e53e3e;box-shadow:0 0 0 3px rgba(229,62,62,.12)}
.c3a-att-status.is-online{color:#27864a}
.c3a-att-status.is-online i{background:#31b967;box-shadow:0 0 0 3px rgba(49,185,103,.15)}
body.c3a-att-scroll-lock{overflow:hidden}

@media(max-width:767px){
.c3a-att-format-dropdown .c3a-dd,.c3a-att-format-dropdown .c3a-att-panel,
.c3a-att-format-popover .c3a-dd,.c3a-att-format-popover .c3a-att-panel{position:fixed;top:auto!important;right:12px!important;bottom:12px;left:12px!important;width:auto!important;max-height:calc(100vh - 24px);margin:0;overflow:auto;transform:none!important;z-index:10001}
.c3a-att-format-dropdown .c3a-dd:before,.c3a-att-format-dropdown .c3a-att-panel:before,
.c3a-att-format-popover .c3a-dd:before,.c3a-att-format-popover .c3a-att-panel:before,
.c3a-att-format-popover .c3a-dd:after,.c3a-att-format-popover .c3a-att-panel:after{display:none}
.c3a-hd{touch-action:manipulation}
}
@media(prefers-reduced-motion:reduce){
.c3a-hd,.c3a-hd-arrow,.c3a-btn,.c3a-att-close{transition:none!important}
.c3a-hd{transform:none!important}
.c3a-ct.is-open .c3a-dd,.c3a-ct.is-open .c3a-att-panel,.c3a-att-preview-open .c3a-dd,.c3a-att-preview-open .c3a-att-panel,
.c3a-ct.is-open .c3a-att-overlay,.c3a-att-preview-open .c3a-att-overlay{animation:none!important}
}