/* Fabric reference: quiet groups inside a continuous white menu surface. */
.handoff-pop.grouped-pop{
 --menu-fill:#f6f6f6;--menu-divider:#e9e9e9;--menu-hover:#ededed;
 --menu-group-gap:12px;--menu-leading:24px;
 color:#222;
}
.handoff-pop.grouped-pop:not(.handoff-mobile-overlay){padding:12px;border-radius:16px;width:304px;background:#fff}
.handoff-pop.grouped-pop.rv-view-options:not(.handoff-mobile-overlay){padding:16px;width:320px}
.handoff-pop.grouped-pop .grouped-menu{display:grid;gap:var(--menu-group-gap);padding:0;margin:0}
.handoff-pop.grouped-pop .menu-group{display:grid;gap:0;padding:0;margin:0;border:0;border-radius:12px;background:var(--menu-fill);overflow:hidden}
.handoff-pop.grouped-pop .menu-group>button{
 position:relative;display:grid;grid-template-columns:var(--menu-leading) minmax(0,1fr) auto;
 align-items:center;gap:12px;width:100%;min-height:48px;margin:0;padding:10px 12px;
 border:0;border-radius:0;background:transparent;color:inherit;text-align:left;
 font:15px/1.35 var(--sans);cursor:pointer;
}
.handoff-pop.grouped-pop .menu-group>button+button{border-top:1px solid var(--menu-divider)}
.handoff-pop.grouped-pop .menu-group>button:hover{background:var(--menu-hover)}
.handoff-pop.grouped-pop .menu-group>button:active{background:#e4e4e4}
.handoff-pop.grouped-pop .menu-group>button:focus-visible{outline:2px solid var(--blue);outline-offset:-3px;z-index:1}
.handoff-pop.grouped-pop .menu-group>button>svg:first-child{width:20px;height:20px;justify-self:center;margin:0}
.handoff-pop.grouped-pop .menu-group>button>span:not(.avatar):not(.workspace-avatar):not(.mn-unread-label):not(.menu-switch){min-width:0;overflow-wrap:anywhere}
.handoff-pop.grouped-pop .menu-group :is(.avatar,.workspace-avatar){width:24px;height:24px;min-width:24px;min-height:24px;margin:0;flex-basis:24px}
.handoff-pop.grouped-pop .mn-more-identity button{min-height:60px}
.handoff-pop.grouped-pop .mn-more-identity small{font:12px/1.4 var(--sans);color:#686868;margin:0 0 2px}
.handoff-pop.grouped-pop .mn-unread-label{font:12px/1.3 var(--sans);background:#e8e8e8;color:#555;padding:3px 7px}
.handoff-pop.grouped-pop .menu-setting h3{font:14px/1.4 var(--sans);color:#555;margin:0 0 8px}
.handoff-pop.grouped-pop .menu-setting p{font:13px/1.4 var(--sans);color:#666;margin:8px 0 0}
.handoff-pop.grouped-pop .menu-setting+.menu-setting{margin-top:4px}
.handoff-pop.grouped-pop .menu-segmented{display:flex;gap:2px;padding:3px;border-radius:12px;background:var(--menu-fill)}
.handoff-pop.grouped-pop .menu-segmented button{flex:1;min-width:0;min-height:44px;padding:8px;border:1px solid transparent;border-radius:9px;background:transparent;color:#555;font:14px/1.3 var(--sans);cursor:pointer}
.handoff-pop.grouped-pop .menu-segmented button:hover{background:var(--menu-hover)}
.handoff-pop.grouped-pop .menu-segmented button[aria-pressed=true]{background:#fff;border-color:#ddd;color:#222}
.handoff-pop.grouped-pop .menu-segmented button:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}
.handoff-pop.grouped-pop .menu-group>.menu-toggle-row{grid-template-columns:minmax(0,1fr) auto;min-height:52px}
.menu-switch{position:relative;width:40px;height:24px;border-radius:999px;background:#ccc;transition:background-color 140ms ease}
.menu-switch::after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:white;transition:transform 140ms ease}
[aria-checked=true]>.menu-switch{background:#333}
[aria-checked=true]>.menu-switch::after{transform:translateX(16px)}
@media(max-width:760px){
 .handoff-pop.grouped-pop.handoff-mobile-overlay{background:rgb(20 20 20 / .32)}
 .handoff-pop.grouped-pop .mobile-pop-surface{background:white;border-radius:24px 24px 0 0}
 .handoff-pop.grouped-pop .mobile-pop-header{min-height:52px;border:0;background:white}
 .handoff-pop.grouped-pop .mobile-pop-handle{justify-content:flex-start;padding:14px 60px 0 16px;min-height:52px}
 .handoff-pop.grouped-pop .mobile-pop-title{font:14px/1.35 var(--sans);color:#666}
 .handoff-pop.grouped-pop .mobile-pop-grip{width:32px;height:4px;top:8px;background:#c7c7c7}
 .handoff-pop.grouped-pop .mobile-pop-close{top:8px;right:4px;width:44px;height:44px;border-radius:50%}
 .handoff-pop.grouped-pop .mobile-pop-close svg{width:18px;height:18px}
 .handoff-pop.grouped-pop .mobile-pop-content{padding:0 16px max(24px,env(safe-area-inset-bottom));scroll-padding:16px}
 .handoff-pop.grouped-pop .menu-group>button{min-height:48px;font-size:16px;line-height:1.25}
 .handoff-pop.grouped-pop .mn-more-identity button{min-height:60px}
}
@media(prefers-reduced-motion:reduce){.menu-switch,.menu-switch::after{transition:none}}
@media(forced-colors:active){.menu-switch{border:1px solid ButtonText}.menu-switch::after{background:ButtonText}[aria-checked=true]>.menu-switch{background:Highlight}}
