/* Forced Colors / High Contrast compatibility fixes
   Replaces legacy -ms-high-contrast media use with modern forced-colors rules
   Keeps visual layout similar while preventing deprecation console messages.
*/

/* Apply when the browser is in forced colors / high contrast mode */
@media (forced-colors: active) {
  /* Ensure backface visibility and overflow behaviors used by the dashboard remain visible */
  .rotating-card-container .card .back,
  .rotating-card-container .card .front {
    forced-color-adjust: none;
    backface-visibility: visible;
  }

  .rotating-card-container .card .back {
    visibility: visible;
  }

  /* Perfect-scrollbar fallback: keep scrollbars usable under forced colors */
  .ps {
    overflow: auto !important;
    forced-color-adjust: none;
  }

  /* Buttons and badges: ensure adequate contrast in forced colors too */
  .btn, .badge {
    forced-color-adjust: none;
    border-color: CanvasText;
    background: ButtonFace;
    color: ButtonText;
  }

  /* Modal backdrops and overlays */
  .modal-backdrop {
    background-color: Canvas;
    forced-color-adjust: none;
  }
}

/* Also include support query for browsers implementing the feature via supports */
@supports (forced-colors: active) {
  :root { --fc-active: 1; }
}