@layer legacy {
  /* LEGACY COMPAT LAYER
     Keep only compatibility mappings here.
     Do not introduce new component visuals in this file.
  */

  /* ===== LEGACY COMPAT START ===== */
  .legacy-ui .card,
  .legacy-ui .panel,
  .legacy-ui .table-wrap {
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
  }
  /* ===== LEGACY COMPAT END ===== */
}