/* Approved shared presentation, used by every public page. */
.site-ui .chat-backdrop { position: fixed; inset: 0; z-index: 149; background: #102e4038; backdrop-filter: blur(2px); }
.site-ui .chat-backdrop[hidden] { display: none; }
.site-ui.chat-is-open { overflow: hidden; }
.chat-panel--home { right: 24px; bottom: 24px; width: 410px; max-width: calc(100vw - 32px); height: min(660px, calc(100vh - 48px)); height: min(660px, calc(100dvh - 48px)); border: 1px solid #dce5e8; border-radius: 20px; box-shadow: 0 20px 70px #16364640; }
.chat-panel--home .chat-panel__hdr { display: flex; align-items: center; gap: 12px; flex-shrink: 0; padding: 22px 64px 20px 20px; background: #fff; color: #143747; }
.chat-panel--home .chat-panel__avatar { flex-shrink: 0; width: 52px; height: 52px; border-radius: 50%; }
.chat-panel--home .chat-panel__identity { min-width: 0; }
.chat-panel--home .chat-panel__title { font-size: 17px; line-height: 1.4; }
.chat-panel--home .chat-panel__sub { color: #617683; font-size: 11px; line-height: 1.5; opacity: 1; margin-top: 3px; }
.chat-panel--home .chat-panel__close { top: 24px; right: 12px; width: 44px; height: 44px; background: #f0f5f7; color: #466170; border-radius: 12px; }
.chat-panel--home .chat-panel__close:hover { background: #e1edf2; }
.chat-panel--home .chat-panel__hours { display: flex; align-items: center; gap: 8px; flex-shrink: 0; padding: 10px 20px; background: #edf4f7; color: #526b77; font-size: 11px; line-height: 1.6; }
.chat-panel--home .chat-panel__hours svg { width: 15px; height: 15px; flex-shrink: 0; }
.chat-panel--home .chat-panel__body { min-height: 0; padding: 24px 20px; gap: 14px; background: #f5f8fa; overscroll-behavior: contain; }
.chat-panel--home .chat-msg { max-width: 89%; padding: 14px 16px; border-radius: 16px; font-size: 14px; line-height: 1.6; flex-shrink: 0; }
.chat-panel--home .chat-msg--in { border: 1px solid #e1e9ee; border-top-left-radius: 4px; box-shadow: 0 2px 4px #17374804; }
.chat-panel--home .chat-msg--in::before { content: 'Администратор'; display: block; margin-bottom: 6px; color: var(--blue); font-weight: 600; font-size: 12px; }
.chat-panel--home .chat-msg--out { background: var(--blue); border-bottom-right-radius: 4px; }
.chat-panel--home .chat-msg--sys { max-width: 100%; border: 1px solid #f2d3d3; font-size: 13px; }
.chat-panel--home .chat-msg time { text-align: right; margin-top: 6px; font-size: 10px; }
.chat-panel--home .chat-panel__prompts { flex-shrink: 0; padding: 0 20px 20px; background: #f5f8fa; }
.chat-panel--home .chat-panel__prompts[hidden] { display: none; }
.chat-panel--home .chat-panel__prompts > span { display: block; margin-bottom: 8px; font-size: 12px; color: #617683; }
.chat-panel--home .chat-panel__prompts > div { display: flex; flex-wrap: wrap; gap: 8px; }
.chat-panel--home [data-chat-prompt] { min-height: 36px; padding: 8px 12px; border: 1px solid #cddde5; border-radius: 10px; background: #fff; color: var(--blue); font: inherit; font-size: 12px; line-height: 1.5; cursor: pointer; }
.chat-panel--home [data-chat-prompt]:hover { border-color: var(--blue); background: #eaf3f7; }
.chat-panel--home .chat-panel__form { align-items: flex-end; gap: 10px; flex-shrink: 0; padding: 16px 16px 10px; border-top-color: #e1e9ee; }
.chat-panel--home .chat-panel__input { min-width: 0; min-height: 52px; max-height: 96px; padding: 12px 14px; border: 1px solid #d7e3e9; border-radius: 12px; background: #f7fafb; font: inherit; font-size: 16px; line-height: 1.4; }
.chat-panel--home .chat-panel__input::placeholder { color: #70838d; }
.chat-panel--home .chat-panel__send { width: 52px; height: 52px; border-radius: 12px; background: var(--blue); }
.chat-panel--home .chat-panel__send:hover { background: var(--blue-hover); }
.chat-panel--home .chat-panel__legal { flex-shrink: 0; padding: 0 20px 16px; color: #6c808b; font-size: 10px; line-height: 1.6; }
.chat-panel--home .chat-panel__legal a { color: #526b77; text-underline-offset: 2px; }
.chat-panel--home :is(button, textarea, a):focus-visible { outline: 2px solid #1684ae; outline-offset: 3px; }
@media (max-width: 760px) {
  .chat-panel--home { top: 0; right: 0; bottom: 0; left: 0; width: 100%; max-width: none; height: 100%; height: 100dvh; border: 0; border-radius: 0; }
  .chat-panel--home .chat-panel__hdr { padding-top: max(20px, env(safe-area-inset-top)); }
  .chat-panel--home .chat-panel__legal { padding-bottom: max(16px, env(safe-area-inset-bottom)); }
  .chat-panel--home [data-chat-prompt] { min-height: 44px; }
}
@media (max-height: 560px) {
  .chat-panel--home .chat-panel__hours, .chat-panel--home .chat-panel__prompts { display: none; }
  .chat-panel--home .chat-panel__hdr { padding-block: 12px; }
  .chat-panel--home .chat-panel__close { top: 16px; }
  .chat-panel--home .chat-panel__body { padding-block: 14px; }
}