/* Chat klienta i panelu: przewijanie rozmowy, pole odpowiedzi stale pod nią. */
#messages .chat{height:min(68vh,680px);min-height:300px;display:flex;flex-direction:column;padding:0;overflow:hidden;background:#e9eef1;border-radius:18px}
#chatMessages{flex:1 1 0;min-height:0;overflow-x:hidden;overflow-y:auto;touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-gutter:stable;padding:16px;display:flex;flex-direction:column;gap:8px}
#chatMessages>.muted{margin:auto;text-align:center}
#chatMessages .bubble{width:fit-content;max-width:min(82%,560px);box-sizing:border-box;margin:0;padding:10px 12px;border:2px solid transparent;border-radius:16px;line-height:1.4;overflow-wrap:anywhere;box-shadow:0 2px 7px #00000012}
#chatMessages .messageTime,.adminMessageScroller .chatMessageTime{display:block;margin:0 0 4px;font-size:11px;font-weight:800;line-height:1.25;opacity:.78}
#chatMessages .bubble.admin{align-self:flex-start;background:#bff0c9;color:#153d22;border-bottom-left-radius:4px}
#chatMessages .bubble.customer{align-self:flex-end;background:#fff;color:#17202a;border-bottom-right-radius:4px}
#messages #messageForm{display:block!important;visibility:visible!important;flex:0 0 auto;margin:0;padding:10px;background:#fff;border:0;border-top:1px solid #dce2e7;border-radius:0;box-shadow:none}
#messages .messageRow{display:flex!important;visibility:visible!important;align-items:center;gap:8px}
#messages .messageRow input{display:block!important;visibility:visible!important;min-width:0;flex:1;margin:0;border-radius:999px;background:#f2f4f6}
#messages .messageRow button{display:block;min-height:46px;padding:0 18px;border-radius:999px}
.chatbox,.threadChat,.cloudChat{display:flex;flex-direction:column;min-height:330px;max-height:62vh;padding:0!important;overflow:hidden;background:#e9eef1!important;border-radius:15px}
.cloudChat>h3{flex:0 0 auto;margin:0;padding:12px 14px;background:#fff;border-bottom:1px solid #dce2e7}
.adminMessageScroller{flex:1 1 0;min-height:0;overflow-y:auto;touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-gutter:stable;padding:14px;display:flex;flex-direction:column;gap:8px}
.adminMessageScroller>.muted{margin:auto;text-align:center}
.adminMessageScroller .chatline{width:fit-content;max-width:82%;box-sizing:border-box;margin:0;padding:9px 11px;border:2px solid transparent!important;border-radius:15px;line-height:1.4;overflow-wrap:anywhere;box-shadow:0 2px 7px #00000012}
.adminMessageScroller .chatline.customer{align-self:flex-start;background:#fff;color:#17202a;border-bottom-left-radius:4px!important}
.adminMessageScroller .chatline.admin{align-self:flex-end;background:#bff0c9;color:#153d22;border-bottom-right-radius:4px!important}
.adminMessageScroller .chatline.admin .chatMessageTime{color:#28613a}
.chatbox>.reply,.threadChat>.reply,.cloudChat>.reply{display:flex;visibility:visible;flex:0 0 auto;margin:0;padding:10px;background:#fff;border-top:1px solid #dce2e7}
.reply input{min-width:0;border-radius:999px!important;background:#f2f4f6}
.reply button{min-height:44px;border-radius:999px!important;padding:0 17px!important}
#chatMessages .bubble.latestMessage,.adminMessageScroller .chatline.latestMessage{border-color:#27a85a!important;box-shadow:0 0 0 3px #39d47735,0 0 16px #27b85c55;animation:latestMessageGlow 2.2s ease-in-out infinite alternate}
#chatMessages .bubble.latestMessage .messageTime,.adminMessageScroller .chatline.latestMessage .chatMessageTime{color:#195d35}
@keyframes latestMessageGlow{from{box-shadow:0 0 0 2px #39d47730,0 0 8px #27b85c40}to{box-shadow:0 0 0 4px #39d47750,0 0 18px #27b85c70}}
@media(prefers-reduced-motion:reduce){#chatMessages .bubble.latestMessage,.adminMessageScroller .chatline.latestMessage{animation:none}}
@media(max-width:600px){
 #messages.page.active{position:fixed;inset:8px 0 calc(125px + env(safe-area-inset-bottom));z-index:4;display:flex!important;flex-direction:column;box-sizing:border-box;padding:8px 10px;background:#fff;overflow:hidden}
 #messages.page.active>h2{flex:0 0 auto;margin:0 0 8px}
 #messages.page.active>.chat{height:auto!important;max-height:none;min-height:0;flex:1 1 0}
 #chatMessages{padding:11px}
 #chatMessages .bubble,.adminMessageScroller .chatline{max-width:88%}
 .threadChat,.cloudChat{height:56vh;min-height:300px;max-height:56vh}
 .chatbox{height:430px;min-height:300px;max-height:62vh}
 .reply{gap:6px}
 .reply button,#messages .messageRow button{padding-left:13px!important;padding-right:13px!important}
 body.messageKeyboardOpen #messages.page.active{inset:0 0 auto 0;height:var(--chat-viewport-height,100dvh);bottom:auto;z-index:4;padding:7px 10px}
 body.messageKeyboardOpen #messages.page.active>.chat{height:auto!important;min-height:0;max-height:none;flex:1 1 0}
 body.messageKeyboardOpen #messages.page.active>h2{font-size:1.2rem}
 body.messageKeyboardOpen nav{display:none!important}
}