/* Globale Bewegung (29.10.2026): kurz, ruhig, abschaltbar über prefers-reduced-motion. */
:root{--crm-ease:cubic-bezier(.2,.8,.2,1);--crm-fast:160ms;--crm-mid:240ms}

/* Bedienelemente: weiche Zustandswechsel + spürbares Drücken */
.twenty-ui :is(.btn,a,.form-control,.form-select,.form-check-input,.nav-link,.badge,.card,.list-group-item){
  transition:color var(--crm-fast) var(--crm-ease),background-color var(--crm-fast) var(--crm-ease),border-color var(--crm-fast) var(--crm-ease),box-shadow var(--crm-fast) var(--crm-ease),transform var(--crm-fast) var(--crm-ease),opacity var(--crm-fast) var(--crm-ease)}
.twenty-ui .btn:active:not(:disabled){transform:scale(.97)}
.twenty-ui :is(.form-control,.form-select):focus{box-shadow:0 0 0 3px rgba(23,86,118,.18)}

/* Seitenwechsel: Inhalt gleitet sanft ein. Ohne fill-mode, sonst hält transform fixe Drawer/Overlays im Inhalt fest. */
@keyframes crm-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.twenty-ui main>*{animation:crm-enter var(--crm-mid) var(--crm-ease)}

/* Karten am Desktop: leichtes Anheben bei Hover */
@media(hover:hover){.twenty-ui main .card:is(.pl-karte,.spipeline-card,.crm-hover):hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(16,24,32,.08)}}

/* Dialoge: Ein-/Ausblenden statt hartem Aufploppen */
@keyframes crm-dialog-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
@keyframes crm-fade-in{from{opacity:0}to{opacity:1}}
.twenty-ui dialog[open]{animation:crm-dialog-in var(--crm-mid) var(--crm-ease)}
.twenty-ui dialog[open]::backdrop{animation:crm-fade-in var(--crm-mid) var(--crm-ease)}
@media(max-width:760px){@keyframes crm-sheet-in{from{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}.twenty-ui dialog[open]{animation-name:crm-sheet-in}}

/* Aufklappbereiche */
.twenty-ui [role=region],.twenty-ui .collapse.show,.twenty-ui [aria-expanded=true]+*{animation:crm-fade-in var(--crm-mid) var(--crm-ease)}

/* Seitenleiste (Mobil-Menü) */
.twenty-ui .hk-menu{transition:transform var(--crm-mid) var(--crm-ease),width var(--crm-mid) var(--crm-ease)!important}

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