.customer-menu{position:relative;padding:0;border:0;max-width:300px;min-width:0}
.customer-menu summary{display:flex;align-items:center;gap:10px;list-style:none;border:1px solid var(--line);border-radius:12px;padding:9px 13px;min-height:48px;background:#fff;color:var(--navy)}
.customer-menu summary::-webkit-details-marker{display:none}
.customer-menu summary:hover,.customer-menu[open] summary{background:#edf5f8}
.customer-menu-identity{display:grid;min-width:0;gap:2px}
.customer-menu-identity strong{font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.customer-menu-identity small{font-size:.72rem;font-weight:400;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.customer-menu-chevron{margin-left:auto;transition:transform .15s}
.customer-menu[open] .customer-menu-chevron{transform:rotate(180deg)}
.customer-menu-panel{position:absolute;right:0;top:calc(100% + 8px);width:245px;max-width:calc(100vw - 32px);padding:7px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 30px #092f461f;z-index:50}
.customer-menu-panel a,.customer-menu-panel button{display:flex;align-items:center;gap:10px;width:100%;padding:12px;border:0;border-radius:8px;background:transparent;text-align:left;font-size:.9rem;color:var(--navy)}
.customer-menu-panel a:hover,.customer-menu-panel button:hover{background:#edf5f8}
.customer-menu-panel form{border-top:1px solid var(--line);margin-top:5px;padding-top:5px}
@media(max-width:700px){.customer-menu{max-width:48%}.customer-menu summary{gap:7px;padding:8px}.customer-menu-identity strong{font-size:.8rem}.customer-menu-identity small{font-size:.65rem}}