/* Contact card, aligned with the consultation dialog. */
#chat-root { --chat-edge: 24px; --chat-bottom: max(24px, env(safe-area-inset-bottom)); }
#chat-root .chat-fab {
  right: var(--chat-edge); bottom: var(--chat-bottom); height: 54px;
  padding: 0 20px; gap: 10px; border-radius: 28px; border: 1px solid #ffffff30;
  background: #0B1F3A; color: #fff; box-shadow: 0 8px 26px #0b1f3a26;
  animation: none; transition: background .18s, box-shadow .18s;
}
#chat-root .chat-fab:hover { background: #153b65; transform: none; box-shadow: 0 10px 30px #0b1f3a36; }
#chat-root .chat-fab__close { display: none; }
#chat-root .chat-fab[aria-expanded="true"] .chat-fab__open { display: none; }
#chat-root .chat-fab[aria-expanded="true"] .chat-fab__close { display: block; }
#chat-root .chat-panel {
  right: var(--chat-edge); bottom: calc(var(--chat-bottom) + 68px);
  width: min(370px, calc(100vw - 2 * var(--chat-edge)));
  max-height: calc(100vh - var(--chat-bottom) - 88px);
  max-height: calc(100dvh - var(--chat-bottom) - 88px);
  border-radius: 20px; border: 1px solid #dce4ec; background: #fff;
  box-shadow: 0 20px 70px #0b1f3a26; overflow-y: auto; overscroll-behavior: contain;
  scrollbar-width: thin; transform: translateY(10px); transition: opacity .18s, transform .18s, visibility .18s;
}
#chat-root .chat-panel.is-open { transform: none; }
#chat-root .chat-panel__head { position: relative; padding: 26px 24px 23px; background: #0B1F3A; }
.chat-brand .finovas-wordmark { display: block; width: 132px; height: auto; margin-bottom: 23px; }
#chat-root .chat-panel__head h2 { color: #fff; font-size: 21px; line-height: 1.5; margin: 0; }
#chat-root .chat-panel__head p { color: #b8c8db; font-size: 13px; line-height: 1.8; margin-top: 6px; }
.chat-close { position: absolute; top: 18px; right: 18px; display: grid; place-items: center; width: 36px; height: 36px; border: 1px solid #ffffff28; border-radius: 50%; color: #eef6ff; background: #ffffff0d; }
.chat-close:hover { background: #ffffff20; }
.chat-close svg { width: 18px; height: 18px; }
#chat-root .chat-panel__body { padding: 20px; }
.chat-section-label { margin-bottom: 13px; color: #4F6F8F; font-size: 12px; }
#chat-root .chat-channel { display: flex; align-items: center; gap: 12px; width: 100%; margin-bottom: 10px; padding: 13px; border: 1px solid #dce4ec; border-radius: 12px; background: #fafcfe; color: #0B1F3A; text-align: left; transition: background .16s, border-color .16s; }
#chat-root .chat-channel:hover { border-color: #9cbcea; background: #eef6ff; filter: none; }
.chat-channel__icon { display: grid; place-items: center; flex: 0 0 38px; height: 38px; border-radius: 10px; background: #eaf1fa; color: #1262d4; }
#chat-root .chat-channel__icon svg { width: 21px; height: 21px; }
.chat-channel__copy { display: grid; gap: 3px; min-width: 0; }
.chat-channel__copy strong { font-size: 14px; font-weight: 600; }
.chat-channel__copy small { font-size: 11px; font-weight: 400; line-height: 1.6; color: #4F6F8F; }
#chat-root .chat-channel__arrow { flex: 0 0 16px; width: 16px; height: 16px; color: #4F6F8F; margin-left: auto; }
#chat-root .chat-line { background: #f0fbf4; border-color: #cbead6; }
#chat-root .chat-line:hover { background: #e4f7ec; border-color: #7dcc9c; }
.chat-line .chat-channel__icon { background: #06a647; color: white; }
.chat-facebook .chat-channel__icon { background: #1877f2; color: white; }
.chat-direct { border-top: 1px solid #e6edf4; margin-top: 20px; padding-top: 16px; }
.chat-direct p { color: #4F6F8F; font-size: 11px; margin-bottom: 8px; }
.chat-direct a { display: flex; align-items: center; gap: 10px; min-height: 36px; padding-block: 6px; color: #0B1F3A; font-size: 13px; }
.chat-direct a:hover { color: #1262d4; text-decoration: underline; }
.chat-direct a span { min-width: 0; overflow-wrap: anywhere; }
.chat-direct svg { flex: 0 0 16px; width: 16px; height: 16px; color: #4F6F8F; }
#chat-root :is(button, a):focus-visible { outline: 3px solid #80b6ff; outline-offset: 3px; }
@media (max-width: 480px) {
  #chat-root { --chat-edge: 14px; --chat-bottom: max(16px, env(safe-area-inset-bottom)); }
  #chat-root .chat-fab { width: 54px; padding: 0; justify-content: center; }
  #chat-root .chat-fab span { display: none; }
  #chat-root .chat-panel { border-radius: 18px; }
}
@media (prefers-reduced-motion: reduce) { #chat-root .chat-panel, #chat-root .chat-fab, #chat-root .chat-channel { transition: none; } }