/* /szavazas (és az idea-cta az /otleteim-en is): a kör címe és hogy mit lehet most csinálni; az ötlet beküldése. */
.stage { margin-bottom: 22px; }
.stage h1 { margin: 2px 0 6px; }
.stage > .muted { margin: 0 0 14px; max-width: 62ch; }
.stage-bar { position: relative; height: 12px; border-radius: 99px; background: rgba(255, 255, 255, .08); overflow: hidden; box-shadow: inset 0 0 0 1px var(--line); }
.stage-bar i { display: block; height: 100%; min-width: 12px; border-radius: 99px; background: linear-gradient(90deg, var(--gold2), var(--gold)); transition: width 1s linear; }
.stage-bar.wait i { width: 30% !important; animation: stage-wait 1.8s ease-in-out infinite alternate; }
@keyframes stage-wait { from { transform: translateX(-10%); } to { transform: translateX(245%); } }
@media (prefers-reduced-motion: reduce) { .stage-bar.wait i { animation: none; width: 100% !important; opacity: .35; } }
.can-now { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 12px; padding: 0; list-style: none; }
.can-now li { display: flex; align-items: center; gap: 7px; padding: 7px 12px 7px 9px; border-radius: 99px; border: 1px solid var(--line); background: var(--card); font-weight: 700; font-size: .92rem; color: var(--mute); }
.can-now li span { display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: rgba(255, 255, 255, .08); font-size: .8rem; }
.can-now li.on { color: var(--ink2); border-color: var(--green); }
.can-now li.on span { background: var(--green); color: #10251a; }
.free-note { margin: 10px 0 0; color: var(--gold); }
.stage-meta { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 16px; margin-top: 8px; font-size: .9rem; color: var(--mute); }
.stage-meta b { color: var(--gold); font-variant-numeric: tabular-nums; }
.idea-cta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 18px; margin: 0 0 22px; }
.idea-cta h3 { margin: 0 0 4px; }
.idea-cta p { margin: 0; }
.myidea .files-card { margin-top: 12px; }
.idea .mine-files { font-size: .86rem; }
#otlet, .mine-ideas .idea { scroll-margin-top: 84px; }
/* 0.5.0: the studio fixed the idea's title or text (moderation, typos) */
.edited { margin: -4px 0 8px; font-size: .78rem; font-style: italic; color: var(--mute); }
.edited::before { content: "✎ "; font-style: normal; }
