/* Community (community.js): grupper, emner, medlemmer og indstillinger */
.cm-rum { max-width: 60rem; }
/* .felt har display: grid, som ellers vinder over hidden (opgraderings-URL skjules ved Åben). */
.cm-rum [hidden] { display: none !important; }
.cm-top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .6rem; margin-bottom: 1rem; }
.cm-navn, .cm-titel { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; min-width: 0; }
.cm-navn strong { font-size: 1.15rem; overflow-wrap: anywhere; }
.cm-faner { flex-wrap: wrap; } .cm-faner button { white-space: nowrap; }
.cm-maerke { display: inline-block; font-size: .72rem; padding: .05rem .5rem; border-radius: 1rem; border: 1px solid var(--kant); color: var(--daempet); white-space: nowrap; }
.cm-maerke.cm-live, .cm-maerke.cm-aaben { border-color: var(--god); color: var(--god); }
.cm-maerke.cm-privat, .cm-maerke.cm-hemmelig { border-color: var(--advarsel); color: var(--advarsel); }
.cm-boks { background: var(--flade); border: 1px solid var(--kant); border-radius: .6rem; padding: 1.2rem 1.4rem; max-width: 40rem; }
.cm-grupper { display: grid; gap: .9rem; }
.cm-gruppe { background: var(--flade); border: 1px solid var(--kant); border-radius: .6rem; padding: .9rem 1rem; }
.cm-hoved { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .6rem; }
.cm-knapper { display: flex; flex-wrap: wrap; gap: .4rem; }
.cm-besk { margin: .4rem 0 0; overflow-wrap: anywhere; }
.cm-emner { list-style: none; margin: .7rem 0 0; padding: 0; display: grid; gap: .3rem; }
.cm-emne { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .5rem; padding: .45rem .6rem; border: 1px solid var(--kant); border-radius: .4rem; }
.cm-titel small { overflow-wrap: anywhere; } .cm-titel strong { overflow-wrap: anywhere; }
.cm-form { max-width: 34rem; }
.cm-form h2, .cm-medlem h3 { margin: 0 0 .4rem; font-size: 1.1rem; } .cm-medlem h3 { margin-top: 1.4rem; }
.cm-valg { display: flex; align-items: flex-start; gap: .5rem; } .cm-valg input { width: auto; margin-top: .25rem; flex: none; }
.cm-indrykket { margin-left: 1.6rem; }
.cm-adgangsvalg, .cm-felter { border: 1px solid var(--kant); border-radius: .4rem; padding: .6rem .8rem; margin: 0; min-width: 0; display: grid; gap: .6rem; }
.cm-felter { border: 0; padding: 0; gap: 1rem; }
.cm-soeg { width: min(20rem, 100%); }
.cm-tabel td a { overflow-wrap: anywhere; } .cm-tabel td { overflow-wrap: anywhere; }
.cm-adgangsliste, .cm-log { list-style: none; margin: 0 0 .6rem; padding: 0; display: grid; gap: .4rem; }
.cm-adgangsraekke { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; padding: .4rem .6rem; border: 1px solid var(--kant); border-radius: .4rem; }
.cm-adgangsraekke > span { flex: 1 1 12rem; overflow-wrap: anywhere; }
.cm-giv { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; } .cm-giv select { flex: 1 1 14rem; min-width: 0; width: auto; }
.cm-log li { overflow-wrap: anywhere; }
.cm-fare { margin-top: 1.6rem; padding-top: 1rem; border-top: 1px solid var(--kant); }
dialog.bekraeft input[data-felt="slet-navn"] { margin: .6rem 0; }
@media (max-width: 640px) {
  .cm-boks { padding: 1rem; } .cm-soeg { width: 100%; }
  .cm-tabel thead { display: none; }
  .cm-tabel, .cm-tabel tbody, .cm-tabel tr, .cm-tabel td { display: block; width: 100%; }
  .cm-tabel tr { border: 1px solid var(--kant); border-radius: .5rem; margin-bottom: .6rem; padding: .3rem .6rem; background: var(--flade); }
  .cm-tabel td { border: 0; padding: .2rem 0; }
  .cm-tabel td::before { content: attr(data-etiket) ': '; color: var(--daempet); font-size: .8rem; }
}