/* Lernbereich „Gruppe“ als Postfach (lernen/chat.js) – nichts scrollt seitlich */
.lc { display: flex; flex-direction: column; gap: 10px; min-width: 0; padding-bottom: 90px; }
.lc-head { display: flex; align-items: center; gap: 8px; min-width: 0; margin: 0 2px; }
.lc-h1 { margin: 0; font-size: 26px; }
.lc-tt { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; }
.lc-back { white-space: nowrap; flex: none; }
.lc-ic { width: 40px; height: 40px; flex: none; border-radius: 50%; border: 1px solid var(--line); background: var(--panel); font-size: 20px; line-height: 1; cursor: pointer; color: inherit; display: inline-flex; align-items: center; justify-content: center; }
.lc-plus { background: var(--brand); border-color: var(--brand); color: #fff; font-size: 24px; }
.lc-q { width: 100%; box-sizing: border-box; }
.lc-sec { font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); margin: 6px 4px -4px; }
.lc-list { background: var(--panel); border: 1px solid var(--line); border-radius: 18px; overflow: hidden; }
.lc-row { display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; gap: 10px; align-items: center; width: 100%; padding: 11px 14px; border: 0; border-bottom: 1px solid var(--line); background: none; text-align: left; font: inherit; color: inherit; cursor: pointer; }
.lc-row:last-child { border-bottom: 0; } .lc-row[disabled] { cursor: default; opacity: .75; }
.lc-av { width: 42px; height: 42px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: #fff; font-weight: 700; font-size: 14px; }
.lc-av.g { border-radius: 13px; }
.lc-mid { min-width: 0; display: flex; flex-direction: column; } .lc-mid b, .lc-mid small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .lc-mid small { color: var(--muted); font-size: 13px; }
.lc-r { display: flex; flex-direction: column; align-items: flex-end; gap: 3px; } .lc-r small { color: var(--muted); font-size: 12px; } .lc-r .dot { position: static; }
.lc-ask { color: var(--brand-dark) !important; font-weight: 600; }
.lc-req { display: flex; flex-direction: column; gap: 6px; border: 1.5px solid var(--brand); } .lc-req p { margin: 0; } .lc-rt { overflow-wrap: anywhere; } .lc-req .row { display: flex; gap: 8px; flex-wrap: wrap; }
.lc-hits { display: flex; flex-direction: column; gap: 6px; } .lc-hit { text-align: left; border: 1px solid var(--line); background: var(--panel); border-radius: 14px; padding: 9px 12px; font: inherit; color: inherit; cursor: pointer; display: flex; flex-direction: column; gap: 2px; overflow-wrap: anywhere; } .lc-hit small { color: var(--muted); }
.lc-priv { margin: 0 4px; }
.lc-older { align-self: center; }
.lc .msg { cursor: pointer; overflow-wrap: anywhere; }
.lc .msg.lc-off { opacity: .6; }
.lc-img img { display: block; max-width: min(240px, 100%); max-height: 260px; border-radius: 10px; margin-top: 6px; }
.lc-file { display: inline-flex; gap: 6px; margin-top: 6px; color: inherit; overflow-wrap: anywhere; }
.lc-att { width: 46px; height: 46px; flex: none; border-radius: 14px; border: 1px solid var(--line); background: var(--panel); display: inline-flex; align-items: center; justify-content: center; font-size: 20px; cursor: pointer; }
.lc-sheet { display: flex; flex-direction: column; gap: 6px; } .lc-sheet .menu-btn { text-align: left; } .lc-danger { color: var(--err, #b3261e); }
.lc-adult p { margin: 0 0 8px; }