.support-chat-layout { height: 100vh; height: 100dvh; min-height: 0; overflow: hidden; }
.support-chat-layout > header { flex-shrink: 0; }
.support-chat-layout > .mobile-bottom-nav { position: static; flex-shrink: 0; }
.support-chat-main { display: flex; flex: 1; min-width: 0; min-height: 0; background: #fafafa; }
.support-chat-page { display: flex; flex: 1; min-width: 0; min-height: 0; padding-block: 1.5rem; color: #252529; font-size: .875rem; }
.support-chat-page-card { display: flex; flex-direction: column; width: 100%; min-width: 0; min-height: 0; overflow: hidden; border: 1px solid #ececef; border-radius: 1.8rem; background: #fff; box-shadow: 0 12px 48px rgb(24 24 27 / 7%), 0 2px 8px rgb(24 24 27 / 3%); }
.support-chat-page-card > .support-widget-header { padding: 1.1rem 1.25rem; }
.support-chat-page-content { display: flex; flex: 1; min-height: 0; overflow: hidden; }
.support-chat-page-card .support-chat--compact .support-chat-history { padding: 1.25rem 1.5rem; }
.support-chat-page-card .support-chat--compact .support-chat-bubble { max-width: min(90%, 38rem); }
.support-chat-page-card .support-widget-intro { max-width: 30rem; }
.support-chat-page-card .support-chat-admin-header { flex-wrap: wrap; padding: 1.1rem 1.25rem; }
.support-chat-admin-header .support-widget-heading { flex: 1 1 8rem; overflow-wrap: anywhere; }
.support-chat-admin-header .support-widget-avatar { font-size: .65rem; }
.support-chat-member-email { margin-top: .15rem; color: #71717a; font-size: .7rem; line-height: 1.5; }
.support-chat-admin-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: .5rem; margin-left: auto; }
.support-chat-page-card .support-chat--compact .support-chat-composer--compact { padding: .75rem 1.15rem .3rem; }
.support-chat-page-card > .support-widget-footer { padding-bottom: .9rem; }
.support-chat-page-card button:focus-visible, .support-chat-page-card a:focus-visible { outline: 3px solid #a78bfa; outline-offset: 3px; }
@media (max-width: 639px) {
  .support-chat-page { padding-block: .75rem; }
  .support-chat-page-card { border-radius: 1.5rem; }
  .support-chat-page-card > .support-widget-header { padding: .8rem .9rem; }
  .support-chat-page-card .support-chat-admin-header { padding: .8rem .9rem; }
  .support-chat-page-card .support-chat--compact .support-chat-history { padding: .9rem 1rem; }
  .support-chat-page-card .support-chat--compact .support-chat-composer--compact { padding: .65rem .85rem .3rem; }
}
@media (max-height: 600px) {
  .support-chat-page { padding-block: .75rem; }
}