/* Shared look of every tool window (CAD, curve tracer, instruments, board). Each page links
   this first and keeps its own <style> after it: the page's palette (:root tokens) and
   anything that differs from page to page. A rule every page has goes here. */
* { box-sizing: border-box; }
/* dropdowns drawn by the page, not the OS: Safari otherwise shows white native boxes
   with the page's light text (unreadable); the same look in every browser */
:root { color-scheme: dark; }
select { -webkit-appearance: none; appearance: none; color: var(--text);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%238b949e' stroke-width='1.5'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important; background-position: right 7px center !important; background-size: 10px 6px !important; padding-right: 22px !important; }
select option, select optgroup { background-color: #0f151e; color: #e6edf3; }
html, body { height: 100%; margin: 0; }
.spacer { flex: 1; }
.btn { background: var(--panel2); border: 1px solid var(--line); border-radius: 6px; padding: 5px 10px; cursor: pointer; white-space: nowrap; }
/* right-click menus (UiKit.contextMenu, the Board's own) */
.menu-list.ctx { position: fixed; top: 0; left: 0; right: auto; min-width: 210px; max-width: 320px; z-index: 40; }
.ctx .menu-item { gap: 18px; }
.ctx .menu-item kbd { font-size: 10px; color: var(--muted); background: none; border: 0; }
.ctx .ctx-title { font-size: 11px; color: var(--muted); padding: 4px 10px 2px; font-family: ui-monospace, Menlo, monospace; }