/* v3.13.27 — Painel Universal em overlay lateral, lento e colado na direita */
.kanban-page {
  --kanban-motion-duration: 3200ms;
  --kanban-panel-left: clamp(372px, 36vw, calc(100vw - 460px));
  --kanban-panel-top: calc(var(--kanban-menu-offset, 72px) + 48px);
}

@media (min-width: 1101px) {
  .kanban-page.is-panel-open .kanban-workspace {
    grid-template-columns: minmax(300px, 340px);
    gap: 0;
  }

  .kanban-page.is-panel-preparing .kanban-universal-host,
  .kanban-page.is-panel-open .kanban-universal-host {
    position: fixed;
    inset: var(--kanban-panel-top) 0 0 var(--kanban-panel-left);
    z-index: 74;
    display: block;
    pointer-events: none;
    opacity: 0;
    transform: translateX(100vw) scale(0.996);
    transition:
      transform var(--kanban-motion-duration) var(--kanban-motion-easing),
      opacity 1800ms var(--kanban-motion-easing);
  }

  .kanban-page.is-panel-open .kanban-universal-host {
    opacity: 1;
    transform: translateX(0) scale(1);
    pointer-events: auto;
  }

  .kanban-page.is-panel-open .kanban-board-shell {
    z-index: 73;
  }

  .kanban-page.is-panel-open .kanban-card.is-active-card {
    min-height: calc(100vh - var(--kanban-panel-top) - 8px);
  }

  .kanban-universal-host .universal-panel {
    height: 100%;
    max-height: none;
    border-right: 0;
    border-radius: 22px 0 0 22px;
    box-shadow: -28px 0 60px rgba(17, 24, 39, 0.13);
  }

  .kanban-universal-host .universal-panel::after {
    content: "";
    position: absolute;
    inset: 0 0 0 auto;
    width: 1px;
    background: #ffffff;
  }
}

@media (max-width: 1100px) {
  .kanban-page.is-panel-open .kanban-universal-host {
    inset: 92px 0 0 14px;
  }

  .kanban-universal-host .universal-panel {
    height: 100%;
    max-height: none;
    border-radius: 22px 0 0 22px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .kanban-page.is-panel-preparing .kanban-universal-host,
  .kanban-page.is-panel-open .kanban-universal-host {
    transition-duration: 1ms;
  }
}