/* S1: the locked small palette over the dimmed page (2026-10-16). */
.palette-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1300;
  background: rgb(10 8 14 / .62);
}
.palette-panel {
  position: absolute;
  left: 50%;
  top: 80px;
  transform: translateX(-50%);
  width: min(620px, calc(100% - 24px));
  max-height: calc(100dvh - 104px);
  display: flex;
  flex-direction: column;
  padding: 12px;
  background: var(--card);
  border-radius: 18px;
  box-shadow: 0 10px 40px rgb(0 0 0 / .5);
}
.palette-query {
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 6px 8px 10px;
  border-bottom: 1px solid var(--border-strong);
  color: var(--dim);
}
.palette-query input {
  flex: 1;
  min-width: 0;
  width: 100%;
  border: none;
  outline: none;
  background: transparent;
  color: var(--text);
  font: 500 16px 'Hanken Grotesk', sans-serif;
}
.palette-close {
  padding: 3px 6px;
  color: var(--dim);
  background: var(--chip-bg);
  border: none;
  border-radius: 5px;
  font: 11px 'Space Mono', monospace;
  cursor: pointer;
}
.palette-close:focus-visible { outline: 2px solid var(--pink); }
.palette-results { overflow-y: auto; min-height: 0; padding-top: 6px; }
.palette-row {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 9px 10px;
  border-radius: 9px;
  font: 500 14px 'Hanken Grotesk', sans-serif;
  color: var(--text-body);
  cursor: pointer;
}
.palette-row:hover, .palette-row[aria-selected="true"] { background: var(--chip-bg); }
.palette-text { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.palette-age { flex-shrink: 0; font: 10px 'Space Mono', monospace; color: var(--dim); }
.palette-place {
  flex-shrink: 0;
  padding: 2px 7px;
  border-radius: 999px;
  background: var(--chip-bg);
  color: var(--dim);
  font: 600 10px 'Space Grotesk', sans-serif;
}
.palette-place-inbox { background: oklch(0.36 0.09 350); color: var(--pink); }
.palette-place-parl { background: oklch(0.9 0.045 350); color: oklch(0.25 0.03 350); }
.palette-place-oneday { background: oklch(0.82 0.1 230); color: oklch(0.25 0.03 230); }
.palette-place-done { background: oklch(0.3 0.035 155); color: oklch(0.73 0.09 155); }
.palette-place-requests { background: oklch(0.32 0.055 185); color: oklch(0.8 0.1 185); }
.palette-results mark { background: oklch(0.62 0.18 350 / .35); color: inherit; border-radius: 3px; padding: 0 2px; }
.palette-message { padding: 9px 10px; color: var(--dim); font: 500 14px 'Hanken Grotesk', sans-serif; }
.palette-focus { outline: 2px solid var(--pink); outline-offset: 3px; }
@media (max-width: 480px) {
  .palette-row { gap: 6px; padding: 9px 6px; }
}