/* Shared section switcher. Rules: design/design-system.txt. */
.ui-sections{display:flex;flex-wrap:wrap;gap:4px;padding:4px;width:max-content;max-width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:12px;background:var(--paper-2);align-items:stretch}
.ui-sections>.ui-section{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--ink-2);font:500 14px/1.35 var(--font-body,inherit);text-align:center;text-decoration:none;cursor:pointer;min-width:0;white-space:normal;overflow-wrap:anywhere;box-shadow:none;flex:0 1 auto}
.ui-sections>.ui-section:hover{color:var(--ink);background:var(--card)}
.ui-sections>.ui-section.on{color:var(--accent,var(--green-2));background:var(--card);border-color:var(--line);box-shadow:0 1px 3px #0000000d;font-weight:600}
.ui-sections>.ui-section:focus-visible{outline:2px solid var(--accent,var(--green-2));outline-offset:2px}
.ui-section-count{flex:none;min-width:22px;padding:2px 6px;border-radius:6px;background:var(--line);color:var(--ink-2);font-size:12px;line-height:18px;font-weight:600;font-variant-numeric:tabular-nums}
.workspace-pages,.settings-sections,.member-sections,.portal-sections{margin-bottom:24px}
.audit-list{max-height:none;overflow:visible}
@media(max-width:640px){.ui-sections{width:100%}.ui-sections>.ui-section{flex:1 1 calc(50% - 4px);min-height:48px;padding:10px 12px}.workspace-pages,.settings-sections,.member-sections,.portal-sections{margin-bottom:20px}}