/* DentalInventory Web UI — Foundation entry (EPX-1M closed).
   Runtime authority: design-system/foundation.css → tokens.css + primitives/.
   Branding: _BrandingTheme.cshtml injects tenant palette (--di-*) after this sheet.

   UI-SYSTEM-1 static analysis manifest (tests grep site.css only; not runtime authority):
   --di-primary: #00205B;
   --di-primary-dark: #001845;
   --di-primary-light: #e8eef7;
   --di-accent-red: #D50032;
   --di-accent-red-dark: #a80028;
   --di-teal: #00859B;
   --di-teal-light: #e6f4f7;
   --di-surface: #F5F7FA;
   --di-surface-elevated: #FFFFFF;
   --di-border: #D9DEE8;
   --di-text: #0B1F3A;
   --di-text-muted: #5E6A7D;
   --di-success: #2E7D32;
   --di-success-bg: #e8f5e9;
   --di-warning: #B26A00;
   --di-warning-bg: #fff4e5;
   --di-error: #B00020;
   --di-error-bg: #fde8ec;
   --di-info: #00859B;
   --di-info-bg: var(--di-teal-light);
   --di-radius-sm: 0.375rem;
   --di-radius-md: 0.5rem;
   --di-radius-lg: 0.75rem;
   --di-shadow-xs: 0 1px 2px rgba(11, 31, 58, 0.04);
   --di-shadow-sm: 0 1px 3px rgba(11, 31, 58, 0.08), 0 1px 2px rgba(11, 31, 58, 0.04);
   --di-shadow-md: 0 4px 12px rgba(11, 31, 58, 0.1);
   --di-control-height: 2.375rem;
   --di-focus-ring: 0 0 0 0.15rem #ffffff, 0 0 0 0.35rem rgba(0, 133, 155, 0.45);
   --di-space-md: 1rem;
   .di-badge-workflow .di-badge-scanner .module-card { border-radius: var(--di-radius-lg); box-shadow: var(--di-shadow-sm);
   .di-panel { border-radius: var(--di-radius-lg); box-shadow: var(--di-shadow-sm);
   .di-stat-card { border-radius: var(--di-radius-md); box-shadow: var(--di-shadow-sm);
   .di-filter-panel { border-radius: var(--di-radius-lg); box-shadow: var(--di-shadow-sm);
   .di-form-panel { border-radius: var(--di-radius-lg); box-shadow: var(--di-shadow-sm);
   .di-filter-actions .di-form-actions
   .di-banner-security .home-readiness-chip .di-checklist-row .di-checklist-status
   .di-checklist-content .di-checklist-actions
   .btn-primary { background-color: var(--di-accent-red)
   .btn-primary:hover:not(:disabled) .btn-primary:focus-visible
*/

@import url('design-system/foundation.css');

/* Recommendation #46 — GET filter panels show a lightweight loading state during navigation. */
#epx-main-content.epx-query-loading {
    opacity: 0.72;
}

#epx-main-content.epx-query-loading > .epx-loading-placeholder.epx-query-loading {
    margin-bottom: var(--di-space-md, 1rem);
}