/* Szybkie akcje przesuwaniem (opcja w „Wygląd aplikacji”, 26.10.2026). Bez włączenia nic tu nie działa. */
#seafix-demo.sf-swipe-enabled :is(#sf-active-list, #sf-assigned-list) { position: relative; }
#seafix-demo.sf-swipe-enabled :is(#sf-active-list, #sf-assigned-list) > .sf-ticket { touch-action: pan-y pinch-zoom; }
#seafix-demo :is(#sf-active-list, #sf-assigned-list) > .sf-ticket.is-swiping {
  position: relative; z-index: 1; border-radius: 0;
  transition: transform .32s cubic-bezier(.2, .9, .3, 1.12);
  will-change: transform; user-select: none; -webkit-user-select: none;
}
#seafix-demo :is(#sf-active-list, #sf-assigned-list) > .sf-ticket.is-dragging { transition: none; }
#seafix-demo .sf-swipe-backdrop {
  --sf-swipe-progress: 0;
  --sf-swipe-accept: light-dark(#1f8a5b, #1d8c5a);
  --sf-swipe-accept-armed: light-dark(#146c43, #23a56c);
  --sf-swipe-transfer: light-dark(#d99a00, #b98300);
  --sf-swipe-transfer-armed: light-dark(#b07a00, #d69e00);
  position: absolute; z-index: 0; overflow: hidden; border-radius: 0; pointer-events: none;
}
#seafix-demo .sf-swipe-action {
  position: absolute; inset: 0; display: none; align-items: center; gap: 12px;
  margin: 0; padding: 0 20px; border: 0; border-radius: 0; box-shadow: none;
  color: #fff; font: inherit; text-align: left; cursor: pointer; pointer-events: auto;
  transition: background-color .15s ease;
}
#seafix-demo .sf-swipe-action--transfer { justify-content: flex-start; background: var(--sf-swipe-transfer); }
#seafix-demo .sf-swipe-action--accept { justify-content: flex-end; background: var(--sf-swipe-accept); text-align: right; }
#seafix-demo .sf-swipe-backdrop[data-active="transfer"] .sf-swipe-action--transfer,
#seafix-demo .sf-swipe-backdrop[data-active="accept"] .sf-swipe-action--accept { display: flex; }
#seafix-demo .sf-swipe-backdrop.is-armed .sf-swipe-action--transfer { background: var(--sf-swipe-transfer-armed); }
#seafix-demo .sf-swipe-backdrop.is-armed .sf-swipe-action--accept { background: var(--sf-swipe-accept-armed); }
#seafix-demo .sf-swipe-icon {
  display: grid; place-items: center; flex: 0 0 38px; width: 38px; height: 38px; border-radius: 50%;
  background: rgb(255 255 255 / .2);
  transform: scale(calc(.7 + .3 * var(--sf-swipe-progress)));
  transition: transform .15s ease, background-color .15s ease;
}
#seafix-demo .sf-swipe-backdrop.is-armed .sf-swipe-icon { background: rgb(255 255 255 / .34); }
#seafix-demo .sf-swipe-icon svg { width: 20px; height: 20px; }
#seafix-demo .sf-swipe-label { display: grid; gap: 1px; min-width: 0; line-height: 1.25; }
#seafix-demo .sf-swipe-label strong { font-size: 15px; font-weight: 600; color: inherit; }
#seafix-demo .sf-swipe-label small { font-size: 11px; opacity: .88; color: inherit; white-space: nowrap; }
@media (max-width: 359px) { #seafix-demo .sf-swipe-label small { display: none; } }
@media (prefers-reduced-motion: reduce) {
  #seafix-demo :is(#sf-active-list, #sf-assigned-list) > .sf-ticket.is-swiping { transition: transform .01s linear; }
  #seafix-demo .sf-swipe-icon { transition: none; }
}
@media print { #seafix-demo .sf-swipe-backdrop { display: none !important; } }