/* Focused fixes verified against the live applications. */
.cad-project-menu [role="menu"]{background:#f8f9fc!important;color:#20261f!important}
.cad-project-menu [role="menu"] :is(button,a){color:#20261f!important;min-height:44px;line-height:1.4}
.cad-project-menu [role="menu"] strong{color:#596151!important}
.cad-project-menu [role="menu"] button:not(:disabled):hover{background:#e7edf7!important;color:#20261f!important}
.cad-project-menu [role="menu"] button:disabled{color:#6b746c!important;opacity:.65}
@media(max-width:700px){
 .cad-project-menu [role="menu"]{position:fixed!important;top:58px!important;left:8px!important;right:8px!important;width:auto!important;max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 74px)!important;overflow-y:auto!important;box-sizing:border-box}
 .cad-project-menu>summary{min-width:40px!important;width:40px!important}
 html[data-tcc-app="glyph"] .gl-grid{max-height:152px!important;overflow-y:auto!important;overscroll-behavior:contain;border-bottom:1px solid #424650}
 html[data-tcc-app="glyph"] .gl-grid::before{content:'Choose a glyph · scroll for more';display:block;font:600 12px/1.5 Arial,sans-serif;margin:0 0 8px;color:inherit}
 html[data-tcc-app="glyph"] .gl-grid-row button{min-width:44px;min-height:44px}
 html[data-tcc-app="glyph"] .gl-center{min-width:0}
 html[data-tcc-app="glyph"] .gl-editor-wrap{width:100%!important;max-width:520px!important;height:auto!important;aspect-ratio:1;box-sizing:border-box}
 html[data-tcc-app="glyph"] .gl-editor{display:block;width:100%!important;height:auto!important;aspect-ratio:1}
 html[data-tcc-app="weblab"] .app{grid-template-rows:auto auto minmax(0,1fr) auto!important}
 html[data-tcc-app="weblab"] .app>header{height:auto!important;min-height:60px;flex-wrap:wrap;gap:10px;padding:12px 16px;box-sizing:border-box}
 html[data-tcc-app="weblab"] .app>header .brand{flex-basis:100%;max-width:100%;font-size:14px;white-space:normal}
 html[data-tcc-app="weblab"] .header-actions{display:flex;width:100%;gap:8px}
 html[data-tcc-app="weblab"] .header-actions button{flex:1;min-width:0;min-height:48px;font-size:16px;line-height:1.4;padding:10px}
 html[data-tcc-app="weblab"] .library{flex-wrap:wrap!important;overflow:visible!important;gap:8px;padding:12px 16px;box-sizing:border-box}
 html[data-tcc-app="weblab"] .library button{min-height:44px;flex:1 0 28%;box-sizing:border-box}
 html[data-tcc-app="weblab"] .library .hint{display:block!important;flex-basis:100%;margin:4px 0;font-size:13px;line-height:1.5}
}
html[data-tcc-app="glyph"] :is(.gl-grid h3,.gl-side h3,#panel-tester h3,#panel-kerning h3){font-family:Arial,sans-serif}

/* Text-only Luma menu actions span the icon and label columns. */
.studio-app-menu>div button:not(:has(>svg))>span:first-child{grid-column:1/3!important;min-width:0;white-space:normal;line-height:1.5}