/* v3.13.32 — Alinhamento rígido do card ativo com o Painel Universal */
.kanban-page {
  --kanban-motion-duration: 3200ms;
  --kanban-motion-easing: cubic-bezier(0.22, 1, 0.36, 1);
  --kanban-active-card-left: 24px;
  --kanban-active-card-width: 340px;
  --kanban-active-card-gap: 12px;
  --kanban-panel-left: calc(var(--kanban-active-card-left) + var(--kanban-active-card-width) + var(--kanban-active-card-gap));
}

@media (min-width: 1101px) {
  .kanban-page.is-panel-preparing .kanban-universal-host,
  .kanban-page.is-panel-open .kanban-universal-host {
    inset: var(--kanban-panel-top) 0 0 var(--kanban-panel-left);
    opacity: 1;
    will-change: transform;
    backface-visibility: hidden;
    transform: translateX(100vw);
    transition: transform var(--kanban-motion-duration) var(--kanban-motion-easing);
  }

  .kanban-page.is-panel-open .kanban-universal-host {
    transform: translateX(0);
  }

  .kanban-page.is-panel-open .kanban-board-shell {
    position: fixed;
    top: var(--kanban-panel-top);
    left: var(--kanban-active-card-left);
    bottom: 16px;
    width: var(--kanban-active-card-width);
    max-height: none;
    z-index: 73;
    overflow: visible;
  }

  .kanban-page.is-panel-open .kanban-board {
    height: 100%;
    max-height: none;
    grid-auto-columns: var(--kanban-active-card-width);
    overflow: hidden;
    padding: 0;
  }

  .kanban-page.is-panel-open .kanban-column {
    height: 100%;
    min-height: 100%;
  }

  .kanban-page.is-panel-open .kanban-card.is-active-card {
    min-height: calc(100vh - var(--kanban-panel-top) - 16px);
    animation-duration: var(--kanban-motion-duration);
    animation-timing-function: var(--kanban-motion-easing);
  }

  .kanban-workspace,
  .kanban-board-shell,
  .kanban-column,
  .kanban-column__body,
  .kanban-card {
    transition-timing-function: var(--kanban-motion-easing);
  }
}

@media (max-width: 1320px) and (min-width: 1101px) {
  .kanban-page {
    --kanban-active-card-left: 18px;
    --kanban-active-card-width: 320px;
    --kanban-active-card-gap: 10px;
  }
}