/* NemDisplay Support chat window on nemdisplay.dk (same look as in the backend; chat.js is a copy of the backend's) */
.nd-chat{position:fixed;right:18px;bottom:18px;z-index:40;font-family:inherit}
.chat-fab{font:inherit;font-weight:700;padding:11px 16px;border-radius:99px;border:0;background:var(--accent,#1f6feb);color:#fff;box-shadow:0 8px 24px rgba(15,23,42,.25);cursor:pointer}
.chat-panel{position:absolute;right:0;bottom:56px;width:min(360px,calc(100vw - 36px));background:var(--card,#fff);color:var(--ink,#0f172a);border:1px solid var(--line,#e2e8f0);border-radius:14px;box-shadow:0 18px 50px rgba(15,23,42,.25);display:flex;flex-direction:column;overflow:hidden;text-align:left}
.chat-panel[hidden]{display:none}
.chat-head{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line,#e2e8f0)}
.chat-close{background:none;border:0;font-size:1.3rem;line-height:1;cursor:pointer;color:var(--muted,#64748b)}
.chat-messages{display:flex;flex-direction:column;gap:8px;padding:12px;max-height:320px;min-height:140px;overflow:auto}
.chat-msg{max-width:85%;padding:8px 11px;border-radius:12px;font-size:.93rem;overflow-wrap:anywhere}
.chat-them{align-self:flex-start;background:color-mix(in srgb,var(--ink,#0f172a) 7%,transparent)}.chat-me{align-self:flex-end;background:var(--accent,#1f6feb);color:#fff}
.chat-author{font-size:.75rem;font-weight:700;opacity:.75;margin-bottom:2px}
.chat-form{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border-top:1px solid var(--line,#e2e8f0)}
.chat-form[hidden]{display:none}
.chat-form textarea,.chat-form input{font:inherit;padding:8px 10px;border:1px solid var(--line,#cbd5e1);border-radius:9px;background:var(--card,#fff);color:var(--ink,#0f172a);resize:vertical}
.chat-form button{font:inherit;font-weight:700;padding:9px 14px;border-radius:9px;border:0;background:var(--accent,#1f6feb);color:#fff;cursor:pointer}
.chat-error{margin:0 12px;color:#dc2626;font-size:.88rem}