.customer-menu{flex-shrink:0;position:relative}.customer-menu-button{border:1px solid var(--border-soft);border-radius:var(--radius-control,8px);background:var(--surface,#fff);min-height:44px;color:var(--foreground);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:600;display:inline-flex}.customer-menu-button[aria-expanded=true]{border-color:var(--accent);color:var(--accent)}.customer-menu-panel{z-index:60;overscroll-behavior:contain;border:1px solid var(--border-soft);border-radius:var(--radius-control,8px);background:var(--surface,#fff);width:min(320px,100vw - 24px);max-height:min(70dvh,640px);color:var(--foreground);padding:8px;display:grid;position:fixed;overflow-y:auto;box-shadow:0 12px 36px #00000026}.customer-menu-link{border-radius:var(--radius-control,8px);text-align:left;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:10px 12px;font-size:14px;font-weight:500;line-height:1.4;display:flex}.customer-menu-link:hover,.customer-menu-link[aria-current=page]{background:var(--surface-2);color:var(--accent)}.customer-menu-link[aria-current=page]{font-weight:700}.customer-menu-ustaad{border-radius:var(--radius-control,8px);background:var(--accent);min-height:84px;color:var(--accent-foreground,#fff);align-items:center;gap:12px;margin-bottom:8px;padding:12px;display:flex}.customer-menu-ustaad:hover{filter:brightness(.95)}.customer-menu-ustaad[aria-current=page]{box-shadow:inset 0 0 0 2px var(--accent-foreground,#fff), 0 0 0 2px var(--accent)}.customer-menu-ustaad>img{border:2px solid var(--accent-foreground,#fff);background:var(--surface,#fff);object-fit:cover;border-radius:50%;flex-shrink:0;width:48px;height:48px}.customer-menu-ustaad-copy{flex:1;gap:4px;min-width:0;display:grid}.customer-menu-ustaad-copy strong{font-size:16px;font-weight:700;line-height:1.3}.customer-menu-ustaad-copy>span{font-size:12px;line-height:1.5}