/* Shared by the shell and activity bar; phone layout is set by matchMedia. */
.tao-menu-button, .tao-menu-panel, .tao-menu-row{display:none}
html[data-phone-layout="corners"] .tao-menu-button,
html[data-phone-layout="corners"] .tao-menu-panel{
  box-sizing:border-box; position:fixed; margin:0; border:1px solid var(--line);
  background:var(--cream); color:var(--ink); font:inherit}
html[data-phone-layout="corners"] .tao-menu-button{
  display:grid; place-items:center; left:16px; top:16px; width:48px; height:48px;
  padding:0; border-radius:50%; z-index:15; cursor:pointer; appearance:none}
html[data-phone-layout="corners"] .tao-menu-panel{
  inset:72px auto auto 16px; width:min(248px,calc(100vw - 32px)); padding:6px;
  max-height:calc(100vh - 152px); max-height:calc(100dvh - 152px);
  overflow:auto; overscroll-behavior:contain; border-radius:12px; z-index:16}
html[data-phone-layout="corners"] .tao-menu-panel:popover-open{display:grid}
html[data-phone-layout="corners"] .tao-menu-panel.is-two-col{
  width:min(480px,calc(100vw - 32px)); grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-phone-layout="corners"] .tao-menu-row{
  box-sizing:border-box; display:flex; align-items:center; gap:12px; min-height:44px;
  width:100%; padding:8px 12px; border:0; border-radius:8px; background:transparent;
  color:inherit; font:inherit; text-align:left; cursor:pointer; appearance:none}
html[data-phone-layout="corners"] .tao-menu-row svg{flex:none; width:22px; height:22px}
html[data-phone-layout="corners"] .tao-menu-row:hover{background:var(--cream-2)}
html[data-phone-layout="corners"] .tao-menu-row[aria-disabled="true"]{color:var(--ink-soft)}
html.kb-modality[data-phone-layout="corners"] :is(.tao-menu-button,.tao-menu-row):focus-visible{
  outline:2px solid var(--gold); outline-offset:2px}