[data-role="jump-menu"] { padding: 24px 0; border-top: 1px solid var(--line); }
[data-role="jump-menu"] label { display: block; margin-bottom: 8px; font-weight: 600; }
[data-role="jump-controls"] { display: flex; align-items: stretch; gap: 16px; max-width: 560px; }
[data-role="jump-menu"] select { min-width: 0; width: 100%; flex: 1; padding: 10px 40px 10px 16px; border: 1px solid #6b7280; border-radius: 4px; background-color: var(--paper); cursor: pointer; }
[data-role="jump-button"] { padding: 8px 24px; border: 1px solid var(--blue-text); border-radius: 4px; background: var(--blue); color: var(--ink); font-weight: 600; cursor: pointer; white-space: nowrap; }
[data-role="jump-button"]:hover:not(:disabled) { background: #60a5fa; }
[data-role="jump-button"]:disabled { cursor: default; background: #f3f4f6; border-color: #9ca3af; color: var(--muted); }
[data-role="jump-status"] { margin-top: 16px; max-width: 62ch; color: var(--muted); }
[data-role="jump-menu"][data-state="error"] { border-top-color: var(--red); }
[data-role="jump-menu"][data-state="error"] [data-role="jump-status"] { color: #991b1b; }
[data-role="jump-menu"][data-state="empty"] { border-top-color: var(--amber); }
@media (max-width: 800px) {
  [data-role="jump-controls"] { gap: 8px; }
  [data-role="jump-button"] { padding-inline: 16px; }
}
@media (forced-colors: active) {
  [data-role="jump-button"] { background: ButtonFace; color: ButtonText; border-color: ButtonText; }
  [data-role="jump-button"]:disabled { color: GrayText; }
  [data-role="jump-menu"][data-state="error"] [data-role="jump-status"] { color: CanvasText; }
}