/* Presentation only: no look-name selectors or app layout coupling. */
.appearance-menu { position: relative; display: inline-block; font: 400 var(--f2)/1.5 var(--font-body); color: var(--ink); }
.appearance-menu-trigger { min-height: 44px; padding: var(--sp2); background: transparent; color: var(--ink-subtle); border: 1px solid transparent; border-radius: var(--r-sm); font: inherit; cursor: pointer; }
.appearance-menu-trigger:hover { color: var(--ink); background: var(--s2); }
/* A fixed-position menu portalled to <body> (mountLookMenu) must out-rank every sticky/fixed
   panel it can render over -- z-index:30 sat under .workspace-resource's sticky z-index:1100, so
   the pinned verdict summary intercepted a real pointer click on an option underneath it
   (reproduced 2026-09-18 at 1280px on a scrolled refusal card: elementFromPoint at the option's
   centre returned .workspace-verdict-summary, and the click timed out). 2100 clears every
   sticky/fixed z-index in this stylesheet and workspace.css/mobile.css, including the highest
   (the 2000 definition tooltip); appearance-fonts.test.mjs asserts this holds for any future
   sticky/fixed addition, not just the ones known today. */
.appearance-menu-options { position: fixed; z-index: 2100; box-sizing: border-box; left: 0; top: 0; width: 300px; overflow-y: auto; overscroll-behavior: contain; font: 400 var(--f2)/1.5 var(--font-body); color: var(--ink); padding: var(--sp2); background: var(--s1); border: 1px solid var(--control-line); border-radius: var(--r-md); }
.appearance-menu-options[hidden] { display: none; }
.appearance-menu-option { display: block; width: 100%; min-height: 44px; text-align: start; padding: var(--sp2) var(--sp3); color: var(--ink); background: var(--s1); border: 1px solid transparent; border-radius: var(--r-xs); font: inherit; cursor: pointer; }
.appearance-menu-option[aria-checked="true"] { border-inline-start: 3px solid var(--accent); }
.appearance-menu-option:hover, .appearance-menu-option:focus-visible { background: var(--s2); }
.appearance-menu-name { display: block; font-weight: 600; }
.appearance-menu-description { display: block; color: var(--ink-subtle); font-size: var(--f1); }
.appearance-menu button:focus-visible, .appearance-menu-option:focus-visible { outline: var(--focus-width) solid var(--focus-ink); outline-offset: var(--focus-offset); }
@media print { .appearance-menu, .appearance-menu-options { display: none; } }