/* Keep the five management areas on one compact, state-preserving page. */
.admin-membership__heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.admin-membership__heading > button { flex-shrink: 0; }
.admin-membership__tabs { display: flex; flex-wrap: wrap; gap: 6px; padding: 6px; border: 1px solid #393440; border-radius: 12px; background: #1c1a20; }
:root[data-studio-theme="light"] .admin-membership__tabs { border: 1px solid rgba(153, 163, 184, 0.58); background: rgba(255, 255, 255, 1); }
.admin-membership .admin-membership__tabs > button { min-height: 40px; padding: 8px 18px; border-color: transparent; background: transparent; color: #b4aebb; white-space: nowrap; }
:root[data-studio-theme="light"] .admin-membership .admin-membership__tabs > button { color: rgba(66, 75, 93, 1); }
.admin-membership .admin-membership__tabs > button:hover { background: #302a38; color: #e4e1e8; }
:root[data-studio-theme="light"] .admin-membership .admin-membership__tabs > button:hover { background: rgba(240, 242, 247, 1); color: rgba(35, 41, 55, 1); }
.admin-membership .admin-membership__tabs > button[aria-selected="true"] { background: #49345e; color: #f0e5ff; border-color: #785695; }
:root[data-studio-theme="light"] .admin-membership .admin-membership__tabs > button[aria-selected="true"] { background: rgba(246, 244, 249, 1); color: rgba(35, 41, 55, 1); border-color: rgba(185, 164, 203, 0.58); }
.admin-membership__panel { display: grid; gap: 18px; min-width: 0; }
.admin-membership__panel[hidden] { display: none; }
.admin-membership__panel:focus-visible { outline: 2px solid #ba99ef; outline-offset: 4px; border-radius: 12px; }
:root[data-studio-theme="light"] .admin-membership__panel:focus-visible { outline: 2px solid rgba(176, 152, 215, 0.58); }
.admin-membership__panel .admin-membership__connection { padding: 18px 20px; }
.admin-membership__panel .admin-membership__toolbar p { margin: 6px 0 0; }
@media (max-width: 600px) {
  .admin-membership__heading { align-items: flex-start; flex-wrap: wrap; gap: 12px; }
  .admin-membership__tabs { gap: 4px; padding: 4px; }
  .admin-membership .admin-membership__tabs > button { flex: 1 0 auto; min-height: 44px; padding: 8px 12px; }
  .admin-membership__panel .admin-membership__connection { padding: 16px; }
}