/* assets/css/chat-lite.css — dodatki do lekkiego czatu (bazowe .chat-* zostają w style.css) */
#wf-chat { position: relative; }
#wf-chat .chat-messages { overflow-y: auto; overscroll-behavior: contain; }
#wf-chat.full .chat-messages { height: calc(100vh - 280px); min-height: 420px; }

.chat-smiley { display: inline; max-height: 36px; width: auto; vertical-align: middle; object-fit: contain; }
.chat-text { word-break: break-word; }
.chat-text a { color: #374151; font-weight: 800; word-break: break-all; }

.chat-msg-temp { opacity: .6; }
.chat-msg-err  { opacity: 1; outline: 2px solid #ef4444; }

.chat-user.rank-admin     { color: #dc2626; }
.chat-user.rank-moderator { color: #16a34a; }
.chat-user.rank-newsmod   { color: #b45309; }

.chat-tool { background: none; border: none; cursor: pointer; font-size: 11px; color: #6b7280; padding: 0 2px; line-height: 1; }
.chat-tool:hover { color: #111; }

.chat-empty { text-align: center; padding: 18px 8px; font-size: 12px; font-weight: 700; color: #9ca3af; }

.chat-older { text-align: center; padding: 4px 0 8px; font-size: 12px; font-weight: 800; color: #6b7280; }
.chat-older button { background: #fff; border: 1px solid #e5e7eb; border-radius: 999px; padding: 5px 14px;
                     font-size: 12px; font-weight: 800; color: #374151; cursor: pointer; }
.chat-older button:hover { background: #f3f4f6; }
.chat-older a { color: #374151; }

.chat-newpill { position: absolute; left: 50%; transform: translateX(-50%); display: none; z-index: 5;
                background: #374151; color: #fff; border: none; border-radius: 999px; padding: 5px 12px;
                font-size: 11px; font-weight: 800; cursor: pointer; box-shadow: 0 2px 8px rgba(0,0,0,.25); }

.chat-smiley-btn { background: none; border: none; cursor: pointer; font-size: 16px; padding: 2px 4px; flex-shrink: 0; line-height: 1; }

.chat-smiley-picker { position: fixed; z-index: 9999; display: none; flex-wrap: wrap; gap: 4px;
                      background: #fff; border: 1px solid #e5e7eb; border-radius: 12px; padding: 10px;
                      box-shadow: 0 4px 20px rgba(0,0,0,.18); max-width: 300px; max-height: 220px; overflow-y: auto; }
.chat-smiley-picker img { max-height: 36px; width: auto; object-fit: contain; cursor: pointer; padding: 2px; border-radius: 4px; }
.chat-smiley-picker img:hover { background: #f3f4f6; }

/* archiwum */
.chat-arch-day { font-size: 11px; font-weight: 900; color: #9ca3af; text-transform: uppercase; letter-spacing: .5px; margin: 10px 0 2px; }
.chat-arch-msg { background: #fff; border-radius: 10px; padding: 10px 14px; box-shadow: 0 1px 4px rgba(0,0,0,.05); border: 1px solid #f3f4f6; }
.chat-arch-msg .chat-user { font-weight: 900; font-size: 13px; color: #374151; }
.chat-arch-msg .chat-time { font-size: 11px; color: #aaa; font-weight: 700; margin-left: 8px; }
.chat-arch-msg .chat-text { font-size: 13px; font-weight: 600; color: #374151; margin-top: 4px; }