/* Chat samt de generelle .empty og .banner
   Udtrukket fra index.html (linje 294-318 i den oprindelige <style>-blok).
   Raekkefoelgen af <link>-tags i index.html skal bevares - kaskaden afhaenger af den. */

/* ---------- chat ---------- */
.chat{display:grid;grid-template-columns:210px 1fr;gap:1.1rem;height:calc(100vh - 200px);min-height:420px}
.channels{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:.7rem;overflow-y:auto}
.ch{display:block;width:100%;text-align:left;border:none;background:none;padding:.55rem .65rem;border-radius:9px;
  font-weight:600;color:var(--slate);font-size:.92rem}
.ch.active{background:var(--paper);color:var(--ink)}
.ch:hover{background:var(--paper)}
.chat-main{background:var(--white);border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;min-width:0}
/* Hovedet rummer nu ogsaa emne-handlinger til hoejre. */
.chat-head{padding:.8rem 1.1rem;border-bottom:1px solid var(--line);font-weight:800;font-family:var(--serif);
  display:flex;align-items:center;justify-content:space-between;gap:1rem}

/* "+ Nyt emne" staar nederst i listen og skal laese som en handling, ikke som
   endnu et emne - derfor stiplet ramme frem for fed tekst. */
.ch-new{margin-top:.35rem;border:1px dashed var(--line);color:var(--slate);font-weight:700}
.ch-new:hover{border-color:var(--gold);color:var(--ink)}
.msgs{flex:1;overflow-y:auto;padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.9rem}
.msg{display:flex;gap:.65rem}
.msg .body{min-width:0;flex:1}
.msg .mhead{font-size:.78rem;color:var(--slate);font-weight:600;margin-bottom:.1rem;display:flex;align-items:center;gap:.4rem}
.msg .mhead b{color:var(--ink);font-weight:700}
.msg .mtext{background:var(--paper);border-radius:4px 12px 12px 12px;padding:.5rem .75rem;font-size:.92rem;font-weight:500}
.msg.mine .mtext{background:#fde9e3}
.chat-input{display:flex;gap:.6rem;padding:.8rem 1rem;border-top:1px solid var(--line)}
.chat-input input{flex:1;border:1.5px solid var(--line);border-radius:999px;padding:.6rem 1rem;font:inherit;background:var(--paper-soft)}
.chat-input input:focus{border-color:var(--gold);outline:none}

/* .empty og .banner laa her, men er generelle. De ligger nu i ui.css. */