/* Group and contact information share these surfaces in web and native shells. */
.group-info-shell { min-width: 0; }
.group-info-shell :is(.group-profile, .group-edit-card, .group-member-search, .group-settings-card, .group-members > div) { min-width: 0; }
.group-info-shell :is(h2, .group-profile p, .group-members strong) { overflow-wrap: anywhere; }
.group-info-shell :is(input, textarea, select) { min-width: 0; max-width: 100%; }
.group-info-shell .group-members > div > span { min-width: 0; }

:root[data-theme="dark"] .group-info-shell { color: #e9edef; }
:root[data-theme="dark"] .group-info-shell :is(.group-edit-card, .group-member-search, .group-settings-card, .group-members > div) {
  color: #e9edef;
  border-color: #344149;
  background: #182229;
}
:root[data-theme="dark"] .group-info-shell :is(.group-edit-card label, .group-member-search, .group-section-title, .group-created, .group-members small, .group-setting-row small, .group-settings-card > button small) { color: #aebac1; }
:root[data-theme="dark"] .group-info-shell .group-info-tabs { background: #202c33; }
:root[data-theme="dark"] .group-info-shell .group-info-tabs button { color: #aebac1; }
:root[data-theme="dark"] .group-info-shell .group-info-tabs button.active { color: #e0d2ff; background: #41315f; }
:root[data-theme="dark"] .group-info-shell :is(input, textarea, select) { color: #e9edef; border-color: #3a474f; background: #202c33; }
:root[data-theme="dark"] .group-info-shell :is(input, textarea)::placeholder { color: #9ca9af; opacity: 1; }
:root[data-theme="dark"] .group-info-shell :is(.group-setting-row, .group-settings-card > button) { color: #e9edef; border-color: #344149; background: transparent; }
:root[data-theme="dark"] .group-info-shell .group-setting-row > span { color: #c4b5fd; }
:root[data-theme="dark"] .group-info-shell .group-members em { color: #e0d2ff; background: #41315f; }
:root[data-theme="dark"] .group-info-shell .group-media-grid a { color: #e9edef; background: #202c33; }
:root[data-theme="dark"] .group-info-shell .group-file { color: #dce3e6; }
:root[data-theme="dark"] .group-info-shell .group-avatar-editor > button { border-color: #182229; }
:root[data-theme="dark"] .group-info-shell .group-profile :is(p, small) { color: #e4dcf6; }
:root[data-theme="dark"] .group-info-shell .encryption-truth { color: #f6d995; border-color: #756036; background: #342c1e; }