/* The palette (7 Oct 2026, Wave 1 item 2): one overlay in the shell and in the framed Planning page. Tokens from tokens.css. */
#palette .pal-back{position:fixed;inset:0;background:rgba(26,28,32,.28);z-index:60}
#palette .pal{position:fixed;left:50%;top:12vh;transform:translateX(-50%);width:min(680px,calc(100vw - 32px));max-height:72vh;display:flex;flex-direction:column;background:var(--surface,#fff);border:1px solid var(--line,#E2DED5);border-radius:12px;box-shadow:0 24px 60px -20px rgba(0,0,0,.45);z-index:61;overflow:hidden}
#palette .pal-in{font:16px/1.4 var(--sans,system-ui);padding:14px 16px;border:0;border-bottom:1px solid var(--line,#E2DED5);outline:none;background:transparent;color:var(--ink,#1A1C20)}
#palette .pal-list{overflow:auto;padding:6px 0}
#palette .pal-g{font:600 11px var(--sans,system-ui);letter-spacing:.05em;text-transform:uppercase;color:var(--muted,#5A5F66);padding:8px 16px 2px}
#palette .pal-row{display:grid;grid-template-columns:62px 1fr auto auto auto;gap:8px;align-items:center;padding:6px 10px 6px 16px;cursor:pointer;font-size:14px;color:var(--ink,#1A1C20)}
#palette .pal-row.on,#palette .pal-row:hover{background:var(--accent-soft,#E3EEEC)}
#palette .pal-k{font:11px var(--mono,monospace);color:var(--muted,#5A5F66);text-transform:uppercase}
#palette .pal-l{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#palette .pal-s{font-size:12px;color:var(--muted,#5A5F66);white-space:nowrap}
#palette .pal-a{border:1px solid var(--line,#E2DED5);background:var(--surface,#fff);border-radius:6px;padding:2px 7px;font:12px var(--sans,system-ui);cursor:pointer;color:var(--ink-2,#3E434A)}
#palette .pal-a.pin{border:0;background:none;color:var(--muted,#5A5F66);font-size:15px;padding:0 4px}
#palette .pal-a.pin.on{color:var(--warn,#A97A1E)}
#palette .pal-foot{font-size:11px;color:var(--muted,#5A5F66);padding:6px 16px;border-top:1px solid var(--line,#E2DED5)}
#palBtn kbd{font:11px var(--mono,monospace);border:1px solid var(--line,#E2DED5);border-radius:4px;padding:0 4px;margin-left:4px;color:var(--muted,#5A5F66)}
/* Recent and Pinned above the map (map.js) */
.map .pinstrip{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:0 14px 6px;font-size:12px;color:var(--ink3,#5A5F66)}
.map .pinstrip .k{font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:11px;margin-right:2px}
.map .pinstrip .chip{cursor:pointer;background:var(--sheet,#fff);border:1px solid var(--rule,#E2DED5);border-radius:12px;padding:1px 9px;font-size:12px;color:var(--ink,#1A1C20)}
.map .pinstrip .chip.pin{border-color:var(--warn,#A97A1E)}
.map .pinstrip summary{cursor:pointer;color:var(--blue,#1E5B57)}