/* Approved league/cup cards. Desktop retains aliases and existing columns. */
@media (max-width: 650px) {
  #brfc-pilot.competition-search .panel .wpdt-c table.wpDataTable tbody { gap: 10px; }
  #brfc-pilot.competition-search .panel .wpdt-c table.wpDataTable tbody tr:has(td.column-competition_name) {
    position: relative; display: flex !important; flex-wrap: wrap; align-items: baseline;
    gap: 0; padding: 16px 72px 16px 16px;
  }
  #brfc-pilot.competition-search .panel .wpdt-c table.wpDataTable tbody tr:has(td.column-competition_name)::after {
    content: ''; order: 3; flex-basis: 100%; height: 6px;
  }
  /* Expose existing name/status spans to the card layout without moving data. */
  #brfc-pilot.competition-search .panel .wpdt-c table.wpDataTable tbody tr td.column-competition_name { display: contents !important; }
  #brfc-pilot.competition-search .panel .wpdt-c table.wpDataTable tbody tr td.column-square_image {
    order: 1; flex: 0 0 28px; width: 28px !important; align-self: center;
  }
  #brfc-pilot.competition-search .panel .wpdt-c table.wpDataTable tbody tr td.column-square_image :is(img,.competition-image-fallback) {
    width: 28px !important; height: 32px !important; max-width: 28px !important; max-height: 32px !important;
    padding: 3px; margin: 0 !important; border-radius: 6px;
  }
  #brfc-pilot.competition-search .panel .wpdt-c table.wpDataTable tbody tr .competition-image-fallback svg { width: 20px; height: 20px; }
  #brfc-pilot.competition-search .panel .wpdt-c table.wpDataTable tbody tr .competition-name {
    order: 2; flex: 1 0 calc(100% - 36px); min-width: 0; margin-left: 8px; align-self: center;
    color: #173f59; font: 700 16px/22px 'DM Sans', Arial, sans-serif; overflow-wrap: anywhere;
  }
  #brfc-pilot.competition-search .panel .wpdt-c table.wpDataTable tbody tr .competition-alias { display: none !important; }
  #brfc-pilot.competition-search .panel .wpdt-c table.wpDataTable tbody tr td.column-season_range {
    order: 4; margin-right: 8px; padding: 0 !important; border: 0 !important;
    color: #637083 !important; font: 400 12px/18px 'DM Sans', Arial, sans-serif !important;
  }
  #brfc-pilot.competition-search .panel .wpdt-c table.wpDataTable tbody tr .competition-status {
    order: 5; display: inline-flex !important; align-items: center; gap: 5px; margin: 0;
    color: #637083; font: 400 12px/18px 'DM Sans', Arial, sans-serif; text-transform: capitalize; letter-spacing: normal;
  }
  #brfc-pilot.competition-search .panel .wpdt-c table.wpDataTable tbody tr td.column-pilot_classification {
    order: 6; flex-basis: 100%; margin-top: 6px;
  }
  #brfc-pilot.competition-search .panel .wpdt-c table.wpDataTable tbody tr .competition-tag {
    padding: 3px 7px; font: 700 10px/14px 'DM Sans', Arial, sans-serif; letter-spacing: normal;
  }
  #brfc-pilot.competition-search .panel .wpdt-c table.wpDataTable tbody tr td.column-masterdetail {
    position: absolute; right: 16px; top: 50%; transform: translateY(-50%); width: 44px !important;
  }
  #brfc-pilot.competition-search .panel .wpdt-c table.wpDataTable tbody tr td.column-masterdetail br { display: none; }
  #brfc-pilot.competition-search .panel .wpdt-c table.wpDataTable tbody tr .master_detail_column_btn {
    width: 44px !important; height: 44px !important; min-width: 44px !important; min-height: 44px !important; border-radius: 8px !important; margin: 0 !important;
  }
  #brfc-pilot.competition-search .panel .wpdt-c .master_detail_column_btn:focus-visible { outline: 2px solid #0877cf; outline-offset: 3px; }
}