/* Изолированные стили мини-чата «Улей общения» */
#p63-chat-root { --p63-ink:#273b27; --p63-gold:#f2c04a; --p63-line:#e9dfc7; position:fixed; z-index:99990; right:clamp(12px,2vw,28px); bottom:calc(16px + env(safe-area-inset-bottom, 0px)); font-family:Arial,Helvetica,sans-serif; color:var(--p63-ink); font-size:14px; line-height:1.4; }
#p63-chat-root *,#p63-chat-root *::before,#p63-chat-root *::after { box-sizing:border-box }
#p63-chat-root button,#p63-chat-root input { font:inherit }
#p63-chat-root button { cursor:pointer }
#p63-chat-root button:focus-visible,#p63-chat-root input:focus-visible { outline:3px solid #357449; outline-offset:2px }
#p63-chat-root [hidden] { display:none!important }
#p63-chat-root .p63-trigger { position:relative; display:flex; align-items:center; justify-content:center; gap:9px; margin-left:auto; padding:13px 17px; border:1px solid #d2aa3a; border-radius:999px; background:#f9ca53; color:#253b28; box-shadow:0 5px 24px #4b3e1645; font-size:15px; font-weight:800 }
#p63-chat-root .p63-count { display:inline-flex; min-width:24px; justify-content:center; padding:2px 6px; border-radius:15px; background:#2e5b40; color:white; font-size:12px }
#p63-chat-root .p63-panel { width:min(380px,calc(100vw - 24px)); height:min(570px,calc(100dvh - 96px)); display:flex; flex-direction:column; overflow:hidden; margin-bottom:10px; border:1px solid #e5d5ae; border-radius:19px; background:#fffdf8; box-shadow:0 12px 42px #1c2d2040 }
#p63-chat-root .p63-head { display:flex; justify-content:space-between; align-items:center; gap:8px; background:#fff0c7; padding:14px 15px; border-bottom:1px solid var(--p63-line) }
#p63-chat-root .p63-headline { font-size:17px; font-weight:800 }
#p63-chat-root .p63-state { font-size:12px; color:#5e6e59; padding-top:2px }
#p63-chat-root .p63-x { border:0; background:transparent; font-size:24px; color:#425846; border-radius:8px; padding:0 7px }
#p63-chat-root .p63-online { padding:9px 14px; font-size:12px; color:#4d604b; background:#fffaf0; border-bottom:1px solid var(--p63-line); overflow-wrap:anywhere }
#p63-chat-root .p63-feed { flex:1; overflow-y:auto; padding:13px; display:flex; flex-direction:column; gap:10px; overscroll-behavior:contain; background:#fffdfa }
#p63-chat-root .p63-note { text-align:center; color:#697565; font-size:13px; margin:auto 0; padding:15px 10px; line-height:1.55 }
#p63-chat-root .p63-msg { align-self:flex-start; max-width:92%; padding:9px 11px; background:#f5f0e3; border:1px solid #eee5d2; border-radius:13px; overflow-wrap:anywhere }
#p63-chat-root .p63-mine { align-self:flex-end; background:#eaf4e8; border-color:#d9e9d5 }
#p63-chat-root .p63-author { display:flex; align-items:center; gap:8px; color:#547150; font-size:11px; font-weight:700; margin-bottom:4px }
#p63-chat-root .p63-time { color:#7b8776; font-weight:400 }
#p63-chat-root .p63-text { margin:0; white-space:pre-wrap; line-height:1.45 }
#p63-chat-root .p63-alternative { display:flex; flex-direction:column; gap:12px; padding:18px 16px; border-top:1px solid var(--p63-line); background:#fffaf1 }
#p63-chat-root .p63-alternative p { margin:0; font-size:13px; color:#4e614e; line-height:1.5 }
#p63-chat-root .p63-alternative-link { display:block; padding:13px 16px; border-radius:12px; background:#2e5b40; color:#fff; font-size:14px; font-weight:800; text-align:center; text-decoration:none }
#p63-chat-root .p63-alternative-link:hover { background:#214731 }
#p63-chat-root .p63-alternative-link:focus-visible { outline:3px solid #d99b00; outline-offset:2px }
#p63-chat-root .p63-bottom { display:flex; flex-direction:column; gap:8px; padding:11px 12px; border-top:1px solid var(--p63-line); background:#fffaf1 }
#p63-chat-root .p63-name-label { display:flex; align-items:center; gap:7px; color:#586f52; font-size:12px }
#p63-chat-root .p63-name-label input { width:100%; min-width:0; padding:7px 9px; border:1px solid #d9d5c8; border-radius:9px; background:white; color:#243a29 }
#p63-chat-root .p63-sendline { display:flex; align-items:center; gap:7px }
#p63-chat-root .p63-message-input { width:100%; min-width:0; padding:11px; border:1px solid #d9d5c8; border-radius:11px; background:white; color:#243a29 }
#p63-chat-root .p63-send { flex:none; padding:11px 14px; background:#efbd40; border:1px solid #d6a635; border-radius:10px; color:#26392b; font-weight:800 }
#p63-chat-root .p63-send:disabled { opacity:.45; cursor:not-allowed }
#p63-chat-root .p63-hint { margin:0; color:#69796a; font-size:11px }
@media(max-width:480px) {
  #p63-chat-root { right:12px; bottom:calc(12px + env(safe-area-inset-bottom,0px)) }
  #p63-chat-root .p63-panel { width:calc(100vw - 24px); height:min(72dvh,590px) }
  #p63-chat-root .p63-trigger { padding:12px 15px }
}
@media(prefers-reduced-motion:reduce) { #p63-chat-root * { scroll-behavior:auto!important } }