/* „Spółka celowa na każdą inwestycję?” – minimalne animacje (js/groups-vis.js) */

.gm-list li { transition: background .35s; border-radius: 6px; }
.gm-list li.is-live { background: linear-gradient(90deg, #ebf7f0, transparent 90%); }
.gm-list .x-pill { transition: background .3s, color .3s; }
.gm-list .x-pill.is-pop { animation: gm-pop .45s cubic-bezier(.34, 1.56, .64, 1); }
@keyframes gm-pop { from { transform: scale(.75); opacity: .2; } to { transform: scale(1); opacity: 1; } }

.gm-field code { position: relative; transition: border-color .2s, box-shadow .2s; }
.gm-field code.is-focus { border-color: #0c9256; box-shadow: 0 0 0 1px #0c9256; }
.gm-field code.is-focus::after { content: ""; display: inline-block; width: 1px; height: 12px; margin-left: 1px; vertical-align: -2px; background: #101c19; animation: gm-blink 1s steps(1) infinite; }
@keyframes gm-blink { 50% { opacity: 0; } }
.gm-field code.is-fill { animation: gm-fill .5s ease; }
@keyframes gm-fill { from { background: #ebf7f0; } to { background: #ffffff; } }
.gm-note { transition: opacity .3s; }
.gm-note.is-dim { opacity: .35; }
.gm-note b { font-weight: 600; }
.gm-note b.is-pop { animation: gm-pop .45s cubic-bezier(.34, 1.56, .64, 1); display: inline-block; }

.gm-steps li { transition: border-color .3s, background .3s, opacity .3s; }
.gm-steps i { transition: background .3s; }
.gm-steps li.is-wait { opacity: .55; }
.gm-steps li.is-wait i { background: #c3cdc8; }
.gm-steps li.is-run i { background: transparent; border: 2px solid #a7dfc1; border-top-color: #0c9256; color: transparent; animation: gm-spin .7s linear infinite; }
.gm-steps li.is-done { border-color: #cfe9d9; background: #fbfdfb; }
.gm-steps li.is-done i { font-size: 0; }
.gm-steps li.is-done i::before { content: "✓"; font-size: 11px; }
@keyframes gm-spin { to { transform: rotate(360deg); } }

@media (prefers-reduced-motion: reduce) {
    .gm *, .gm *::before, .gm *::after { animation: none !important; transition: none !important; }
}