/* All styles are confined to the isolated atendimento document. */
html:has(body.mc-atendimento), html body.mc-atendimento { margin:0 !important; padding:0 !important; width:100%; height:100%; min-height:0 !important; background:transparent !important; overflow:hidden !important; color-scheme:normal; }
body.mc-atendimento { font-family:Arial,Helvetica,sans-serif; color:#10233F; }
body.mc-atendimento .mc-status { position:fixed; inset:16px; padding:16px; border-radius:20px; background:#166534; color:#FFFFFF; font-size:14px; }
body.mc-atendimento.mc-ready .mc-status { display:none; }
html body.mc-atendimento #ht-ctc-chat { position:fixed !important; bottom:12px !important; right:12px !important; left:auto !important; top:auto !important; margin:0 !important; padding:0 !important; animation:none !important; transform:none !important; }
html body.mc-atendimento #style-99 { width:100px !important; height:100px !important; object-fit:contain; max-width:none !important; display:block; }
html body.mc-atendimento .ht_ctc_chat_greetings_box { position:fixed !important; inset:16px 16px 32px !important; width:auto !important; min-width:0 !important; max-width:none !important; padding:0 !important; margin:0 !important; }
html body.mc-atendimento .ht_ctc_chat_greetings_box_layout { max-height:calc(100dvh - 48px) !important; overflow-y:auto !important; overscroll-behavior:contain; background:#F0FDF4 !important; border:0 !important; border-radius:20px !important; box-shadow:0 12px 32px rgba(16,35,63,0.14) !important; }
html body.mc-atendimento .ctc_greetings_template { background:#F0FDF4; font-family:inherit; }
html body.mc-atendimento .ctc_g_heading { background:#166534 !important; color:#FFFFFF !important; padding:24px !important; }
html body.mc-atendimento .mc-heading { color:#FFFFFF !important; font-family:inherit !important; font-size:26px !important; font-weight:700 !important; line-height:1.2 !important; margin:0 32px 0 0 !important; padding:0 !important; }
html body.mc-atendimento .ctc_g_heading_for_main_content { padding-top:10px !important; }
html body.mc-atendimento .mc-guidance { color:#FFFFFF !important; font-family:inherit !important; font-size:14px !important; font-weight:400 !important; line-height:1.5 !important; margin:0 !important; padding:0 !important; }
/* The outer panel scrolls. An iframe-relative agent cap would cut the cards. */
html body.mc-atendimento .ctc_g_content { background:#F0FDF4 !important; padding:16px !important; height:auto !important; max-height:none !important; overflow:visible !important; }
html body.mc-atendimento .ctc_g_bottom { display:none !important; }
html body.mc-atendimento .ctc_greetings_agents { gap:14px !important; }
html body.mc-atendimento .ht_ctc_multi_agent { padding:0 !important; margin:0 !important; }
html body.mc-atendimento .agent_style { margin:0 !important; padding:0 !important; border-radius:16px; }
html body.mc-atendimento .g_multi_box { display:flex !important; align-items:center !important; gap:12px !important; box-sizing:border-box; background:#FFFFFF !important; color:#10233F !important; border:1px solid #DCFCE7 !important; padding:16px !important; border-radius:16px !important; box-shadow:0 3px 10px rgba(22,101,52,0.06) !important; transition:background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease; }
html body.mc-atendimento .ctc_g_agent_image { flex:0 0 36px !important; width:36px !important; height:36px !important; }
html body.mc-atendimento .ctc_g_agent_image svg, html body.mc-atendimento .ctc_g_agent_image img { display:block; width:36px !important; height:36px !important; object-fit:contain; }
html body.mc-atendimento .ctc_g_agent_image svg path:first-of-type, html body.mc-atendimento .ctc_g_agent_image svg path[fill^="url("] { fill:#008754 !important; }
html body.mc-atendimento .ctc_g_agent_content { flex:1 1 0 !important; min-width:0; padding:0 !important; }
html body.mc-atendimento .ctc_g_title { color:#10233F !important; font-family:inherit !important; font-size:18px !important; font-weight:600 !important; line-height:1.3 !important; margin:0 !important; white-space:normal !important; overflow:visible !important; text-overflow:clip !important; }
html body.mc-atendimento .ctc_g_description { color:#475569 !important; font-family:inherit !important; font-size:14px !important; font-weight:400 !important; line-height:1.5 !important; margin:4px 0 0 !important; white-space:normal !important; overflow:visible !important; text-overflow:clip !important; }
html body.mc-atendimento .ctc_g_agent_tags { flex:0 0 18px !important; width:18px !important; height:18px !important; display:flex !important; align-items:center; justify-content:center; margin:0 !important; padding:0 !important; color:#008754 !important; }
html body.mc-atendimento .ctc_g_agent_tags > * { display:none !important; }
html body.mc-atendimento .ctc_g_agent_tags::after { content:""; display:block; width:10px; height:10px; box-sizing:border-box; border-top:3px solid currentColor; border-right:3px solid currentColor; transform:rotate(45deg); }
@media (hover:hover) { html body.mc-atendimento .agent_style:hover .g_multi_box { background:#DCFCE7 !important; border-color:#86EFAC !important; box-shadow:0 6px 16px rgba(22,101,52,0.12) !important; transform:translateY(-2px); } }
html body.mc-atendimento .ctc_greetings_close_btn { position:absolute !important; right:12px !important; top:12px !important; display:flex !important; align-items:center; justify-content:center; box-sizing:border-box; width:44px; height:44px; margin:0 !important; padding:0 !important; color:#FFFFFF !important; background:transparent !important; border-radius:10px !important; line-height:1 !important; z-index:10; }
html body.mc-atendimento .ctc_greetings_close_btn svg { color:#FFFFFF !important; width:24px; height:24px; }
html body.mc-atendimento [role="button"]:focus-visible, html body.mc-atendimento [role="link"]:focus-visible, html body.mc-atendimento button:focus-visible, html body.mc-atendimento a:focus-visible { outline:3px solid #008754 !important; outline-offset:3px; }
html body.mc-atendimento .ctc_greetings_close_btn:focus-visible { outline-color:#FFFFFF !important; outline-offset:0; }
html body.mc-atendimento.mc-open #style-99 { visibility:hidden; pointer-events:none; }
html body.mc-atendimento.mc-standalone .ht_ctc_chat_greetings_box { inset:auto 16px 16px auto !important; width:min(390px, calc(100vw - 32px)) !important; }
html body.mc-atendimento.mc-standalone .ht_ctc_chat_greetings_box_layout { max-height:calc(100dvh - 32px) !important; }
@media (max-width:390px) { html body.mc-atendimento .mc-heading { font-size:24px !important; } }
@media (prefers-reduced-motion:reduce) { body.mc-atendimento *, body.mc-atendimento *::before, body.mc-atendimento *::after { animation:none !important; transition:none !important; } html body.mc-atendimento .agent_style:hover .g_multi_box { transform:none !important; } }