/* samuilife · community: Gruppen, Beitraege, Chats, Nutzer-News und -Termine.
   Nur Tokens aus css/base.css, Skalen wie im Rest der App (Abstaende 4/8/12/16/24,
   Schrift 11/12/13/14/16/18/22, Radien 8/12/16/999). Mobile-first, 44px Hit-Areas,
   Hell und Dunkel ueber die Tokens. */

.cm-lead{font-family:var(--mono);font-size:11px;color:var(--dim);line-height:1.55;margin-top:4px}
.cm-sec{font-family:var(--cond);font-weight:700;font-size:12px;letter-spacing:.09em;
  text-transform:uppercase;color:var(--dim);margin-top:24px;margin-bottom:8px}
.cm-sec:first-child{margin-top:8px}

/* Aktionsleiste */
.cm-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.cm-act{border:1px solid var(--line);border-radius:999px;padding:12px 16px;min-height:44px;
  font-family:var(--cond);font-size:13px;font-weight:600;background:var(--paper2);color:var(--ink);
  display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.cm-act.pri{background:var(--go);border-color:var(--go);color:var(--on-acc)}
.cm-act[disabled]{opacity:.5}

/* Zeilen: Gruppen, Chats, Nutzer */
.cm-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;min-height:44px;
  padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--paper2);
  margin-bottom:8px;color:inherit}
.cm-row:hover{border-color:var(--dim)}
.cm-row .cm-m{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto}
.cm-row .cm-m b{font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cm-row .cm-m span{font-family:var(--mono);font-size:11px;color:var(--dim);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cm-row .cm-go{font-family:var(--mono);font-size:13px;color:var(--dim)}
.cm-row.cm-new{border-color:var(--go)}
.cm-badge{font-family:var(--mono);font-size:11px;border:1px solid var(--line);border-radius:999px;
  padding:2px 8px;color:var(--dim);white-space:nowrap}
.cm-badge.hot{border-color:var(--go);color:var(--go-text)}
.cm-badge.ok{border-color:var(--ok);color:var(--ok-text)}
.cm-badge.warn{border-color:var(--warn);color:var(--warn-text)}

/* Beitraege */
.cm-post{border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--paper2);margin-bottom:8px}
.cm-post .cm-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.cm-post .cm-who{font-family:var(--mono);font-size:11px;color:var(--dim)}
.cm-post h3{font-family:var(--disp);font-size:18px;font-weight:700;letter-spacing:-.01em;margin-top:4px}
.cm-post .cm-body{font-size:14px;line-height:1.42;margin-top:4px;white-space:pre-wrap;word-wrap:break-word}
.cm-post .cm-photo{display:block;width:100%;max-width:100%;border-radius:8px;margin-top:8px;background:var(--paper)}
.cm-post .cm-foot{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px}
.cm-mini{border:1px solid var(--line);border-radius:999px;padding:8px 12px;min-height:44px;
  font-family:var(--cond);font-size:13px;font-weight:600;background:none;color:var(--ink);
  display:inline-flex;align-items:center;gap:4px}
.cm-mini.on{border-color:var(--ok);color:var(--ok-text)}
.cm-mini.dgr{border-color:var(--danger);color:var(--danger-text)}

/* Kommentare */
.cm-cmt{border-left:2px solid var(--line);padding-left:12px;margin-top:12px}
.cm-cmt .cm-who{font-family:var(--mono);font-size:11px;color:var(--dim)}
.cm-cmt .cm-body{font-size:14px;line-height:1.42;white-space:pre-wrap;word-wrap:break-word}

/* Chat */
.cm-thread{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}
.cm-msg{max-width:82%;padding:8px 12px;border:1px solid var(--line);border-radius:12px;
  background:var(--paper2);font-size:14px;line-height:1.42;word-wrap:break-word;align-self:flex-start}
.cm-msg.me{align-self:flex-end;background:var(--go);border-color:var(--go);color:var(--on-acc)}
.cm-msg.me .cm-at,.cm-msg.me .cm-who{color:var(--on-acc-dim)}
.cm-msg.sys{align-self:center;background:none;border-style:dashed;color:var(--dim);
  font-size:13px;text-align:center;max-width:100%}
.cm-msg .cm-who{display:block;font-family:var(--mono);font-size:11px;color:var(--dim)}
.cm-msg .cm-at{display:block;font-family:var(--mono);font-size:11px;color:var(--dim);margin-top:4px}
.cm-msg .cm-att{display:inline-block;margin-top:4px;font-family:var(--mono);font-size:11px;
  border:1px solid var(--line);border-radius:999px;padding:2px 8px}
.cm-msg.me .cm-att{border-color:var(--on-acc-line)}
.cm-send{display:flex;gap:8px;align-items:flex-end;position:sticky;bottom:0;
  background:var(--paper);padding-top:8px;padding-bottom:8px}
.cm-send textarea{flex:1 1 auto;min-height:44px;max-height:160px;padding:12px;border:1px solid var(--line);
  border-radius:12px;background:var(--paper2);color:var(--ink);font-family:var(--sans);font-size:14px;resize:vertical}
.cm-send button{min-height:44px;min-width:44px;border:1px solid var(--go);border-radius:12px;
  background:var(--go);color:var(--on-acc);font-family:var(--cond);font-size:13px;font-weight:600;padding:12px}

/* Formulare · nutzen die Feldstile aus css/auth.css, hier nur Ergaenzungen */
.cm-form{margin-top:8px}
.cm-form textarea.au-in{min-height:120px;resize:vertical}
.cm-lab{font-family:var(--cond);font-weight:600;font-size:12px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--dim);margin-top:12px;display:block}
.cm-two{display:grid;grid-template-columns:1fr;gap:8px}
@media(min-width:520px){.cm-two{grid-template-columns:1fr 1fr}}

/* Zustaende */
.cm-state{font-family:var(--mono);font-size:11px;color:var(--dim);line-height:1.55;
  border:1px dashed var(--line);border-radius:12px;padding:24px 16px;text-align:center;margin-top:8px}
.cm-err{font-family:var(--cond);font-size:13px;color:var(--danger-text);line-height:1.42;margin-top:8px}
.cm-ok{font-family:var(--cond);font-size:13px;color:var(--ok-text);line-height:1.42;margin-top:8px}
.cm-note{font-family:var(--mono);font-size:11px;color:var(--dim);line-height:1.55;margin-top:8px}
.cm-live{position:fixed;left:0;right:0;bottom:0;height:0;overflow:hidden}

.cm-acts-inl{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}