@layer legacy {
/* "master all" - the browser-wide size-master switch (issue #1019, the other
 * operator, 2026-09-27).
 *
 * `#headerMasterAllBtn` reuses the SAME `.btn-icon` box every other header
 * control uses (client/css/styles.css) - this file only overrides its
 * glyph's colour, on an ID selector so it wins over both the header's
 * default accent rule AND the folded-panel neutral-icon rule
 * (client/css/header-menu.css), because this ONE row deliberately keeps
 * its own colour in both presentations: it states a single browser-wide
 * state, not a per-item action like its neighbours.
 *
 * LIT `--oc-yellow-bright` WHILE ON (the same token the toolbar's own
 * size-master crown fills with while it holds a session,
 * SizeMasterCrown.svelte) - a dim `--oc-text-dim` outline while off,
 * exactly the crown's own off state. Colour only from those two tokens,
 * never a literal gold.
 */
#headerMasterAllBtn > svg {
    color: var(--oc-text-dim);
}

#headerMasterAllBtn[aria-pressed='true'] > svg {
    color: var(--oc-yellow-bright);
}

/* THE SAME SWITCH'S SECOND DOOR, in the drawer's bottom bar
 * (`client/js/session-sidebar-bar.js`'s `masterAllButton()`), because
 * issue #452 (2026-09-25) takes the whole app header off the terminal
 * page at 1024px and up once the grid is mounted and the drawer is
 * showing - the app's ordinary desktop state - so `#headerMasterAllBtn`
 * alone is unreachable there. A different element in a different tree,
 * so its own id, same two-token rule. */
#sidebarMasterAllBtn {
    color: var(--oc-text-dim);
}

#sidebarMasterAllBtn[aria-pressed='true'] {
    color: var(--oc-yellow-bright);
}
}