.operational-surface { overflow-wrap: anywhere; }
.operational-surface :is(input, select, textarea) { max-width: 100%; border-color: #64748b; accent-color: #4338ca; }
.operational-surface :is(input[type="checkbox"], input[type="radio"]) { flex-shrink: 0; width: 1.25rem; height: 1.25rem; }
.operational-surface input[type="range"] { min-height: 2.75rem; }
.operational-surface :is(a, button, summary, input, select, textarea, [tabindex="-1"]):focus-visible { outline: 2px solid #4f46e5; outline-offset: 3px; }
.operational-surface :is(button, input):disabled { opacity: .65; cursor: not-allowed; }
.operational-surface .pagy { display: flex; flex-wrap: wrap; gap: .375rem; }
.operational-surface .pagy a { display: inline-flex; min-width: 2.75rem; min-height: 2.75rem; align-items: center; justify-content: center; border: 1px solid #64748b; border-radius: .25rem; }
.operational-surface .pagy [aria-current] { font-weight: 700; border-width: 2px; }
@media (forced-colors: active) {
  .operational-surface :is(a, button, input, select, textarea, summary) { forced-color-adjust: auto; }
  .operational-surface :is(button, input, select, textarea) { border: 1px solid ButtonText; }
  .operational-surface :focus-visible { outline: 3px solid Highlight; box-shadow: none; }
  .operational-surface :disabled { color: GrayText; opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .operational-surface, .operational-surface * { scroll-behavior: auto; }
}