/* Fresh ideas (ideas.js). Delete with ideas.js once settled. */

/* ── The panel ───────────────────────────────────────────────────────────── */
.ideas { position: fixed; right: 16px; bottom: 16px; z-index: 95; display: flex; flex-direction: column; align-items: flex-end; gap: 8px; font-family: var(--display); color: var(--ink); }
.ideas-toggle { display: inline-flex; align-items: center; gap: 6px; height: 44px; padding: 0 16px 0 8px; border: 0; border-radius: 999px; background: var(--sun); color: var(--ink); font: 600 16px var(--display); cursor: pointer; box-shadow: 0 0 0 2px var(--ink), inset 0 -4px 0 rgba(0, 0, 0, 0.15); }
.ideas-toggle img { width: 30px; height: 30px; }
.ideas-toggle[aria-expanded="true"] { background: var(--ink); color: var(--white); }
.ideas-panel { order: -1; width: min(420px, calc(100vw - 32px)); max-height: min(76vh, 720px); overflow-y: auto; background: var(--white); border-radius: 22px; padding: 16px; box-shadow: 0 0 0 2px var(--ink), 0 24px 50px -20px rgba(0, 0, 0, 0.45); display: flex; flex-direction: column; gap: 12px; overscroll-behavior: contain; }
.ideas-panel[hidden] { display: none; }
.ideas-head { display: flex; align-items: center; justify-content: space-between; }
.ideas-head b { font-size: 22px; font-weight: 650; letter-spacing: -0.03em; }
.ideas-note { margin: 0; }
.ideas-group { display: flex; flex-direction: column; gap: 8px; }
.ideas-group .pills { gap: 6px; }
.ideas .pill { height: auto; min-height: 34px; font-size: 14.5px; text-align: left; }
#ideasBody { display: flex; flex-direction: column; gap: 16px; }
@media (max-width: 620px) { .ideas { right: 10px; bottom: 76px; } .ideas-toggle { height: 40px; } }


.ideas[hidden] { display: none; }