/* Floating palette choices; names remain available to assistive technology. */
proposal-switcher { display: block; }
.proposal-bar {
  position: fixed;
  right: max(var(--space-4), env(safe-area-inset-right));
  bottom: max(var(--space-4), env(safe-area-inset-bottom));
  z-index: 7;
}
.proposal-bar__control {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--line);
  border-radius: 50%;
  background: var(--card);
  color: var(--ink);
  box-shadow: var(--nav-shadow);
  cursor: pointer;
}
.proposal-bar__control:hover { background: var(--bg); }
.proposal-bar__control:focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; }
.proposal-bar__swatch { width: 12px; height: 12px; flex: 0 0 12px; aspect-ratio: 1; border-radius: 50%; background: var(--color-primary); }
.proposal-bar__description {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0;
}
/* Allow the final content to scroll clear of the fixed controls. */
body { padding-bottom: calc(76px + env(safe-area-inset-bottom)); }

/* Custom popup opens above the bottom-right trigger. */
.proposal-bar__menu {
  position: absolute;
  right: 0;
  bottom: calc(100% + var(--space-2));
  width: 208px;
  max-width: calc(100vw - 32px);
  padding: var(--space-2);
  border: 1px solid var(--line);
  border-radius: 16px;
  background: var(--card);
  color: var(--ink);
  box-shadow: var(--nav-shadow);
}
.proposal-bar__menu[hidden] { display: none; }
.proposal-bar__choice {
  display: flex; align-items: center; gap: var(--space-3);
  width: 100%; min-height: 44px; padding: 10px 12px;
  border: 0; border-radius: 10px; background: transparent;
  color: var(--ink); font: inherit; font-size: 14px; text-align: left; cursor: pointer;
}
.proposal-bar__choice:hover, .proposal-bar__choice:focus-visible { background: var(--bg); outline: none; }
.proposal-bar__choice:focus-visible { box-shadow: inset 0 0 0 2px var(--color-primary); }
.proposal-bar__choice[aria-checked="true"] { background: var(--color-primary-soft); font-weight: 600; }