/* 06.11 — шаги хиро рабочие (steps.js): отклик на наведение и нажатие, смена заливки 200 мс; плашка CRM — два состояния
   в одной ячейке (размер не прыгает): «Nová zakázka v CRM» → «Tomáš M. zavolal Janě» */
.steps button,.steps b{transition:background-color .2s var(--ease),color .2s var(--ease),scale .1s ease-out}
.steps button:active{scale:.97}
@media (hover:hover) and (pointer:fine){.steps button[aria-pressed=false]:hover{background:var(--land);color:var(--ink)}
  .steps button[aria-pressed=false]:hover b{background:#fff}}
.crm .cst{display:grid}
.crm .cs{grid-area:1/1;display:flex;align-items:center;gap:12px;transition:opacity .2s var(--ease),translate .2s var(--ease)}
.crm .cs.call{opacity:0;translate:0 4px}
.crm[data-s=call] .cs.new{opacity:0;translate:0 -4px;transition-duration:.12s}
.crm[data-s=call] .cs.call{opacity:1;translate:none;transition-delay:.06s}
body[data-demo] .chip.crm{transition:opacity .32s var(--ease),translate .32s var(--ease)}
body[data-demo] .chip.crm[data-s=none]{opacity:0;translate:0 8px}
@media (prefers-reduced-motion:reduce){.steps button,.steps b,.crm .cs,body[data-demo] .chip.crm{transition:none}}