:root {
    --xf-subnav-height: 56px;
}

#xf-allmodules-overlay {
    isolation: isolate;
}

#xf-allmodules-grid {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.xf-module-card {
    display: flex;
    width: 100%;
}

/* Ensure all cards in the module grid are the same height */
.xf-module-card .card {
    min-height: 100%;
    width: 100%;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.xf-module-card .card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

.xf-module-children {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    max-height: 160px;
    overflow-y: auto;
}