/* NERVIA accessibility, motion and long-list contract.
 * UI-only: no API, data, persistence or database behavior is changed.
 */
:where(button, a, input, select, textarea, [tabindex]):focus-visible {
  outline: 3px solid color-mix(in srgb, #1d1d1f 38%, transparent);
  outline-offset: 3px;
}
:where(.table-wrap, .list-card, .products-grid, .cari-list, .pending-list) {
  content-visibility: auto;
  contain-intrinsic-size: 1px 420px;
}
:where(.table-wrap td, .table-wrap th, .metric-value, .stat-value, .tutar, .bakiye, [data-tr-number], [data-tr-integer]) {
  font-variant-numeric: tabular-nums lining-nums;
}
:where(.long-name, .customer-name, .product-name, .supplier-name) {
  overflow-wrap: anywhere;
  min-width: 0;
}
html {
  scroll-padding-bottom: calc(72px + env(safe-area-inset-bottom));
}
@media (hover: hover) and (pointer: fine) {
  :where(button, a, .list-card, .dashboard-card):hover {
    transition-property: transform, opacity, background-color;
  }
}
@media (max-width: 720px) {
  :where(input, select, textarea) {
    scroll-margin-bottom: 35vh;
  }
  html.keyboard-open :where(input:focus, select:focus, textarea:focus) {
    scroll-margin-bottom: 40vh;
  }
}
@media (prefers-reduced-motion: reduce) {
  :where(*, *::before, *::after) {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}