/**
 * Backend Menu Spacers
 * Visual spacers and indentation for the TYPO3 backend module menu
 */

/* Module menu: dotted separators and vertical spacing for all top-level items */
.modulemenu > .modulemenu-group-container > li {
    border-top: 1px dotted grey;
    border-bottom: 1px dotted grey;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

/* Sub-menu indentation for improved hierarchy */
.modulemenu > .modulemenu-group-container > li ul {
    margin-left: 1rem;
}

/* Alternating subtle background tints for all top-level menu items */
.modulemenu > .modulemenu-group-container > li:nth-child(8n+1) {
    background-color: rgba(59, 130, 246, 0.06);   /* blue tint */
}
.modulemenu > .modulemenu-group-container > li:nth-child(8n+2) {
    background-color: rgba(16, 185, 129, 0.06);   /* green tint */
}
.modulemenu > .modulemenu-group-container > li:nth-child(8n+3) {
    background-color: rgba(245, 158, 11, 0.06);   /* amber tint */
}
.modulemenu > .modulemenu-group-container > li:nth-child(8n+4) {
    background-color: rgba(139, 92, 246, 0.06);   /* purple tint */
}
.modulemenu > .modulemenu-group-container > li:nth-child(8n+5) {
    background-color: rgba(236, 72, 153, 0.06);   /* pink tint */
}
.modulemenu > .modulemenu-group-container > li:nth-child(8n+6) {
    background-color: rgba(20, 184, 166, 0.06);   /* teal tint */
}
.modulemenu > .modulemenu-group-container > li:nth-child(8n+7) {
    background-color: rgba(251, 146, 60, 0.06);   /* orange tint */
}
.modulemenu > .modulemenu-group-container > li:nth-child(8n+8) {
    background-color: rgba(34, 211, 238, 0.06);   /* cyan tint */
}