/* MISQUAD · MENÚ LATERAL V23 · La V22 con un FONDO DE COLOR DEGRADADO en cada menú principal.
   Va sobre menu_v2.css + menu_v18.css + menu_v22.css.
   El título de cada bloque (Panel de control, Licencias, Equipos del club…) es una franja redondeada
   con su degradado y el texto en blanco; cada bloque lleva un degradado distinto (seis, que se
   repiten: :nth-child(… of .title) cuenta solo los títulos). Las opciones, como en la V18. Solo CSS. */

body .app-sidebar.app-navigation nav > ul > li.title {
    --mlv23-a: #22D3EE;
    --mlv23-b: #4DABF7;
    margin: 14px 10px 6px !important;
    padding: 11px 14px !important;
    border: 0 !important;
    border-radius: 14px;
    background: linear-gradient(120deg, var(--mlv23-a), var(--mlv23-b)) !important;
    box-shadow: 0 12px 24px -16px var(--mlv23-a), inset 0 1px 0 rgba(255, 255, 255, .25) !important;
    color: #FFFFFF !important;
    font-size: 11px !important;
    letter-spacing: .14em;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .25);
}
body .app-sidebar.app-navigation nav > ul > li.title i-t { color: #FFFFFF !important; }
/* El punto, blanco; sin la línea de la V22 (la franja ya marca el bloque) */
body .app-sidebar.app-navigation nav > ul > li.title::before {
    background: #FFFFFF !important;
    box-shadow: 0 0 8px rgba(255, 255, 255, .9);
}
body .app-sidebar.app-navigation nav > ul > li.title::after { display: none !important; }
body .app-sidebar.app-navigation nav > ul > li.title:first-child,
body .app-sidebar.app-navigation nav > ul > li.title#mis-areas-privadas + li.title { margin-top: 8px !important; padding-top: 11px !important; }

/* Un degradado por bloque, en este orden, que se repite cada seis. El primer título de la lista es
   «Mis áreas privadas» (oculto), así que el primer bloque visible es el segundo. */
body .app-sidebar.app-navigation nav > ul > li.title:nth-child(6n+2 of .title) { --mlv23-a: #22D3EE; --mlv23-b: #3B82F6; }   /* cian → azul */
body .app-sidebar.app-navigation nav > ul > li.title:nth-child(6n+3 of .title) { --mlv23-a: #8B5CFF; --mlv23-b: #D946EF; }   /* violeta → fucsia */
body .app-sidebar.app-navigation nav > ul > li.title:nth-child(6n+4 of .title) { --mlv23-a: #10B981; --mlv23-b: #22D3EE; }   /* verde → cian */
body .app-sidebar.app-navigation nav > ul > li.title:nth-child(6n+5 of .title) { --mlv23-a: #F59E0B; --mlv23-b: #F43F5E; }   /* ámbar → coral */
body .app-sidebar.app-navigation nav > ul > li.title:nth-child(6n+6 of .title) { --mlv23-a: #3B82F6; --mlv23-b: #8B5CFF; }   /* azul → violeta */
body .app-sidebar.app-navigation nav > ul > li.title:nth-child(6n+1 of .title) { --mlv23-a: #EC4899; --mlv23-b: #F59E0B; }   /* rosa → ámbar */