/** MUAADH SWITCH — Toggle switches + segmented switches. Single source. */


/* ============================================================================
 * APPENDED (Phase 13 Wave 18 — 2026-05-13): rules pulled from muaadh-core.css
 * ============================================================================ */

.muaadh-switch {
    display: flex;
    border-bottom: var(--chassis-border-normal) solid var(--border-default);
    gap: 0;
    list-style: none;
    padding: 0;
    margin: 0;
}

.muaadh-switch__route {
    padding: var(--space-3) var(--space-4);
    cursor: pointer;
    color: var(--text-secondary);
    font-weight: var(--theme-font-medium);
    border-bottom: var(--chassis-border-normal) solid transparent;
    margin-bottom: -2px;
    transition: color var(--transition-fast), border-color var(--transition-fast);
    text-decoration: none;
    white-space: nowrap;
    display: block;
    /* list-style:none merged from the former CSS-RESTORATION P2 block
     * (Phase G' 2026-05-10) — was a separate redefinition at line ~2080. */
    list-style: none;
}

.muaadh-switch__route:hover,
.muaadh-switch__route.active {
    color: var(--action-primary);
    border-bottom-color: var(--action-primary);
}

.muaadh-switch__pane {
    display: none;
    padding: var(--space-4) 0;
}

.muaadh-switch__pane.muaadh-state--show,
.muaadh-switch__pane.active {
    display: block;
}

.muaadh-switch__panes > .muaadh-switch__pane {
    display: none;
}

.muaadh-switch__panes > .muaadh-switch__pane.active,
.muaadh-switch__panes > .muaadh-switch__pane.muaadh-state--show {
    display: block;
}