/* ============================================================================
   Ajwebx — Menú de perfil v1.0 (desplegable del usuario)
   Archivo: css/class/menu-perfil-v-1.0.css
   Creado:  2026-11-01
   Requiere: css/tokens/aj-tokens-v-1.0.css y js/utils/Menu-desp.js
   Origen:  estilos de .menu-desp en xForm-sodis-v-1.2.css
   Alcance: SOLO el desplegable del perfil (#menu-desp-perfil). No toca otros
            usos de .menu-desp que pudieran existir en apps.

   DOM que genera Menu-desp.js:

   <div id="menu-desp-perfil" class="cont-menu-desp">
       <div id="lista-menu-desp-perfil" class="menu-desp uMenu-despBR-5">
           <button class="btn-null uAbsoluteTR5">…cerrar…</button>
           <div class="menu-fila-1"><p>Perfil del usuario</p></div>
           <div class="menu-fila-2">…nombre y usuario…</div>
           <div class="menu-desp-item"><button>…</button></div>
           …
           <div class="menu-version">Sodis · v2.2</div>
       </div>
   </div>
   ============================================================================ */

#menu-desp-perfil .menu-desp
{
    min-width: 250px;
    max-width: 340px;
    padding: 0;
    overflow: hidden;

    background: var(--aj-s3, rgba(255, 255, 255, .92));
    -webkit-backdrop-filter: blur(var(--aj-blur-xl, 24px)) saturate(var(--aj-sat, 140%));
    backdrop-filter:         blur(var(--aj-blur-xl, 24px)) saturate(var(--aj-sat, 140%));
    border: 1px solid var(--aj-line, rgba(15, 23, 42, .08));
    border-radius: var(--aj-r-lg, 14px);
    box-shadow: var(--aj-sh3, 0 24px 64px rgba(2, 32, 71, .18)), var(--aj-edge, inset 0 1px 0 rgba(255, 255, 255, .75));
}

/* Botón de cierre (esquiva el padding del encabezado) */
#menu-desp-perfil .menu-desp > .btn-null
{
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 2;
}

#menu-desp-perfil .menu-fila-1
{
    display: flex;
    justify-content: flex-start;
    padding: 14px 40px 10px 14px;
    border-bottom: 1px solid var(--aj-line, rgba(15, 23, 42, .08));
}
#menu-desp-perfil .menu-fila-1 > p
{
    font-family: textoB, system-ui, -apple-system, "Segoe UI", sans-serif;
    font-size: 14px;
    line-height: 1.3;
    color: var(--aj-ink, #1B2735);
}

#menu-desp-perfil .menu-fila-2
{
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 10px 14px 12px;
    border-top: none;
    border-bottom: 1px solid var(--aj-line, rgba(15, 23, 42, .08));
}
#menu-desp-perfil .menu-fila-2 > p
{
    padding: 0;
    font-family: textoR, system-ui, -apple-system, "Segoe UI", sans-serif;
    font-size: 12.5px;
    line-height: 1.4;
    color: var(--aj-ink-2, #4A5A6E);
}
#menu-desp-perfil .menu-fila-2 > .nombre
{
    font-family: textoB, system-ui, sans-serif;
    font-size: 14px;
    color: var(--aj-ink, #1B2735);
}
#menu-desp-perfil .menu-fila-2 span
{
    color: var(--aj-link, #0B4F9E);
}

#menu-desp-perfil .menu-desp-item
{
    border-top: 1px solid var(--aj-line, rgba(15, 23, 42, .08));
    padding: 0;
}

#menu-desp-perfil .menu-desp-item > button,
#menu-desp-perfil .menu-desp-item > .label-input-file
{
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 40px;
    padding: 10px 14px;

    font-family: textoR, system-ui, -apple-system, "Segoe UI", sans-serif;
    font-size: 13.5px;
    line-height: 1.2;
    text-align: left;
    color: var(--aj-ink, #1B2735);

    background: transparent;
    border: none;
    border-radius: 0;
    cursor: pointer;
    transition: background-color var(--aj-t1, 120ms) var(--aj-ease, ease);
}

#menu-desp-perfil .menu-desp-item > button:hover,
#menu-desp-perfil .menu-desp-item > .label-input-file:hover
{
    background-color: var(--aj-accent-soft, #E3F0FC);
}

#menu-desp-perfil .menu-desp-item > button:focus-visible,
#menu-desp-perfil .menu-desp-item > .label-input-file:focus-visible
{
    outline: none;
    background-color: var(--aj-accent-soft, #E3F0FC);
    box-shadow: inset 0 0 0 2px var(--aj-link, #0B4F9E);
}

/* Línea de versión (informativa, no interactiva) */
#menu-desp-perfil .menu-version
{
    padding: 9px 14px;
    border-top: 1px solid var(--aj-line, rgba(15, 23, 42, .08));
    background-color: rgba(15, 23, 42, .025);

    font-family: textoL, system-ui, -apple-system, "Segoe UI", sans-serif;
    font-size: 11px;
    line-height: 1.2;
    letter-spacing: .02em;
    color: var(--aj-ink-3, #5E7085);
    user-select: text;
}