/* CSP-Compliant Utility Classes for Dynamic Styling */

/* Display utilities for form field visibility */
.js-hidden { display: none !important; }
.js-visible { display: block !important; }

/* Body overflow control for modals */
.modal-open { overflow: hidden !important; }

/* Developer tools warning page */
.devtools-warning {
  text-align: center;
  margin-top: 200px;
  color: #666;
  font-size: 24px;
  font-weight: bold;
}

/* Line item removal animation */
.line-item-removing {
  display: none !important;
  opacity: 0;
  transition: opacity 0.3s ease-out;
}

/* Background image lazy loading removed - not used in current codebase */