/* Menú compartido de cuenta; respeta los colores y los tamaños del encabezado. */
.menu-perfil{position:relative;flex:0 0 auto;font-size:14px;line-height:1.35}
.menu-perfil .perfil-disparador{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:transparent;border:0;color:var(--texto);padding:0;cursor:pointer;font:inherit;min-width:32px;min-height:36px;border-radius:8px}
.menu-perfil-tienda .perfil-disparador svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.menu-perfil .perfil-desplegable{position:absolute;right:0;top:calc(100% + 8px);width:210px;max-width:calc(100vw - 24px);padding:6px;display:grid;gap:2px;background:var(--panel);border:1px solid var(--borde);border-radius:12px;box-shadow:0 12px 32px #0003;z-index:85;color:var(--texto);text-align:left}
.menu-perfil .perfil-desplegable[hidden]{display:none!important}
.menu-perfil .perfil-desplegable a,.menu-perfil .perfil-desplegable button{display:flex;position:static;width:100%;min-height:42px;align-items:center;justify-content:flex-start;gap:8px;padding:10px 12px;border:0;border-radius:7px;background:transparent;color:var(--texto);font:inherit;font-size:14px;line-height:1.35;text-decoration:none;cursor:pointer;white-space:normal}
.menu-perfil .perfil-desplegable form{margin:0;padding:0;border-top:1px solid var(--borde)}
.menu-perfil .perfil-desplegable a:hover,.menu-perfil .perfil-desplegable button:hover{background:var(--panel2);color:var(--texto)}
.menu-perfil :is(a,button):focus-visible,.admin-ver-tienda:focus-visible{outline:2px solid var(--primario,var(--violeta));outline-offset:2px}
.menu-perfil .perfil-nombre{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--texto);font-size:13px}
.menu-perfil .perfil-avatar{width:36px;height:36px;flex:0 0 36px;border-radius:50%;display:grid;place-items:center;background:var(--primario,var(--violeta));color:var(--texto-sobre-primario,#fff);font-size:16px}
.admin-cabecera .admin-cabecera-titulo{min-width:0;flex:1}
.admin-cabecera .admin-cabecera-acciones{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-left:auto;flex:0 0 auto}
.admin-cabecera-acciones .admin-tema{margin:0;flex:0 0 auto}
.admin-cabecera-acciones .menu-perfil-admin{flex:0 1 auto;min-width:36px}
.menu-perfil-admin .perfil-disparador{max-width:100%}
.menu-perfil-admin .perfil-nombre{min-width:0;flex:0 1 auto}
.admin-ver-tienda{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 11px;min-height:36px;white-space:nowrap;border:1px solid var(--borde);border-radius:8px;font-size:13px;color:var(--texto);background:var(--panel2);text-decoration:none}
.admin-ver-tienda:hover{border-color:var(--primario,var(--violeta))}
.admin-ver-tienda svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.admin-lateral nav[data-admin-navegacion]{flex:1;min-height:0;max-height:none;align-content:start;overscroll-behavior:contain;scrollbar-gutter:stable;overflow-y:auto}
@media(max-width:700px){
    .admin-cabecera{height:auto;min-height:76px;padding:12px 14px;gap:10px;flex-wrap:wrap}
    .admin-cabecera .admin-menu{margin:0;flex:0 0 32px;width:32px;min-width:32px}
    .admin-cabecera .admin-cabecera-titulo{flex:1 1 calc(100% - 44px)}
    .admin-cabecera .admin-cabecera-acciones{width:100%;gap:12px}
    .admin-cabecera-acciones .admin-ver-tienda{margin-right:auto}
    .menu-perfil .perfil-nombre{max-width:110px}
    .menu-perfil-tienda .perfil-disparador{min-width:28px;min-height:34px}
    .menu-perfil-tienda .perfil-disparador svg{width:23px;height:23px}
}