/* ============================================================
   RABIES SURVEILLANCE — RESPONSIVE MAP / TABLE LAYOUT
   Author: Roberto Flores
   Organization: Los Angeles County Department of Public Health

   Purpose:
   - Share controls and table styles with #rabid-map and #rabid-graph
   - Desktop: compact multi-column controls and standard data table
   - <=768px: two-column filters and stacked table cards
   - <=480px: two compact filter columns, tighter cards, and compact pagination
   - Preserve Map/Table visibility, accessible focus and empty states

   Load AFTER rabies-view-shared.css and the map stylesheet.
   This replaces the previous map-table layout and table-search overrides.
   ============================================================ */

  /* 01 — View switching (map only) */
  #rabid-map [hidden],
  #rabid-graph [hidden] {
      display: none !important;
  }

  #rabid-map .rb-map-view-toggle {
      display: flex;
      width: max-content;
      max-width: 100%;
      margin: 0 auto 1rem 0;
  }

  #rabid-map .rb-map-table-panel {
      width: 100%;
      min-width: 0;
  }

  #rabid-map :is(.rb-map-table-panel, .live-map-box):not([hidden]) {
      animation: rb-view-enter 220ms ease-out both;
  }

  @keyframes rb-view-enter {
      from {
          opacity: .35;
          transform: translateY(5px);
      }

      to {
          opacity: 1;
          transform: translateY(0);
      }
  }

  /* Keep the map-only toolbar, status and note out of the table view. */
  #rabid-map[data-rabies-view="table"] :is(.rb-map-data-note, .rb-map-toolbar, .rb-map-status) {
      display: none !important;
  }

  /* 02 — Shared table filters: desktop */
  :is(#rabid-map, #rabid-graph) .rb-table-controls {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      align-items: end;
      gap: .85rem 1rem;
      width: 100%;
      min-width: 0;
      margin: 0 0 1rem;
      padding: 1rem;
      border: 1px solid #ccdde7;
      border-radius: 9px;
      background: #f1f7fb;
  }

  :is(#rabid-map, #rabid-graph) .rb-table-controls>*:last-child {
      grid-column: 1 / -1;
  }

  :is(#rabid-map, #rabid-graph) .rb-table-field {
      min-width: 0;
      max-width: 100%;
      box-sizing: border-box;
  }

  :is(#rabid-map, #rabid-graph) .rb-table-field label {
      display: block;
      margin: 0 0 .4rem;
      color: #103e65;
      font-size: .875rem;
      font-weight: 700;
      line-height: 1.35;
      text-transform: capitalize;
  }

  :is(#rabid-map, #rabid-graph) .rb-table-field :is(select, input) {
      display: block;
      width: 100%;
      min-width: 0;
      min-height: 44px;
      padding: .55rem .7rem;
      border: 1px solid #8eaabf;
      border-radius: 6px;
      background: #fff;
      color: #18364a;
      font: inherit;
      font-size: .9rem;
  }

  :is(#rabid-map, #rabid-graph) .rb-table-field :is(select, input):focus-visible,
  :is(#rabid-map, #rabid-graph) .rb-table-page-btn:focus-visible {
      outline: 3px solid #b84d00;
      outline-offset: 2px;
  }

  :is(#rabid-map, #rabid-graph) .rb-table-field input[aria-invalid="true"] {
      border-color: #b84d00;
      border-width: 2px;
  }

  /* 03 — Table: desktop + safe horizontal scrolling */
  :is(#rabid-map, #rabid-graph) :is(.rb-data-table-panel, .rb-map-table-panel) {
      width: 100%;
      min-width: 0;
  }

  :is(#rabid-map, #rabid-graph) :is(.rb-data-table-scroll, .rb-map-table-scroll) {
      display: block;
      width: 100%;
      max-width: 100%;
      overflow-x: auto;
      overscroll-behavior-x: contain;
      -webkit-overflow-scrolling: touch;
  }

  :is(#rabid-map, #rabid-graph) :is(.rb-data-table, .rb-map-data-table) {
      width: 100%;
      min-width: 720px;
  }

  :is(#rabid-map, #rabid-graph) :is(.rb-data-table, .rb-map-data-table) :is(th, td) {
      padding: .7rem .75rem;
      text-align: center;
      vertical-align: middle;
      overflow-wrap: anywhere;
  }

  #rabid-map .rb-map-data-table tbody tr.rb-map-table-latest {
      background: #fff4d4;
  }

  /* 04 — Pagination */
  :is(#rabid-map, #rabid-graph) .rb-table-pagination {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: flex-end;
      gap: .75rem;
      margin-top: 1rem;
  }

  :is(#rabid-map, #rabid-graph) .rb-table-page-btn {
      min-height: 44px;
      padding: .5rem 1rem;
      border: 1px solid #005a9c;
      border-radius: 6px;
      background: #fff;
      color: #005a9c;
      font: inherit;
      font-size: .875rem;
      font-weight: 700;
      cursor: pointer;
  }

  :is(#rabid-map, #rabid-graph) .rb-table-page-btn:hover:not(:disabled) {
      background: #e5f2fa;
  }

  :is(#rabid-map, #rabid-graph) .rb-table-page-btn:disabled {
      opacity: .45;
      cursor: not-allowed;
  }

  :is(#rabid-map, #rabid-graph) .rb-table-page-status {
      color: #103e65;
      font-size: .875rem;
      font-weight: 700;
      text-align: center;
  }

  /* 05 — Validation and prominent empty state */
  #rabid-map .rb-table-zip-error:not([hidden]) {
      margin: 0 0 1rem;
      padding: .85rem 1rem;
      border-left: 4px solid #b84d00;
      border-radius: 6px;
      background: #fff4e9;
      color: #7b2e00;
      font-size: .9rem;
      font-weight: 700;
  }

  :is(#rabid-map, #rabid-graph) .rb-data-table-empty:not([hidden]) {
      display: flex;
      align-items: center;
      justify-content: center;

      width: 100%;
      min-height: 90px;
      margin: 1rem 0;
      padding: 1.2rem 1.35rem;
      box-sizing: border-box;

      border: 1px solid #b7d6e8;
      border-left: 5px solid #005a9c;
      border-radius: 8px;

      background: #eff7fc;
      color: #103e65;

      font-size: 1rem;
      font-weight: 700;
      line-height: 1.55;
  }

  :is(#rabid-map, #rabid-graph) .rb-data-table-empty-text {
      display: block;
      width: 100%;
      max-width: 550px;
      margin: 0 auto;
      text-align: center;
  }

  :is(#rabid-map, #rabid-graph) .rb-data-table-empty:not([hidden])::before {
      content: "\f05a";
      flex: 0 0 auto;
      font-family: "Font Awesome 6 Free", "Font Awesome 5 Free";
      font-size: 1.3rem;
      font-weight: 900;
      color: #005a9c;
  }

  /* 06 — Tablet: <=768px. Two filters per row and compact table. */
  @media (max-width: 768px) {
      :is(#rabid-map, #rabid-graph) .rb-table-controls {
          grid-template-columns: repeat(3, minmax(0, 1fr));
          gap: .75rem;
          padding: .85rem;
          margin-bottom: .85rem;
      }

      :is(#rabid-map, #rabid-graph) :is(.rb-data-table-panel, .rb-map-table-panel) {
          padding: .75rem;
      }

      #rabid-map .rb-map-view-toggle {
          display: flex;
          width: 100%;
      }

      #rabid-map .rb-map-view-toggle .rb-view-button {
          flex: 1 1 0;
          min-width: 0;
      }

      /* Mobile-friendly card view without horizontal clipping.
     Preserve native <table> and column headers for assistive technology. */
      :is(#rabid-map, #rabid-graph) :is(.rb-data-table-scroll, .rb-map-table-scroll) {
          overflow-x: visible;
          border: 0;
          background: transparent;
      }

      :is(#rabid-map, #rabid-graph) :is(.rb-data-table, .rb-map-data-table),
      :is(#rabid-map, #rabid-graph) :is(.rb-data-table, .rb-map-data-table) tbody {
          display: block;
          width: 100%;
          min-width: 0;
      }

      /* Visually hide headers, but do not use display:none (screen readers). */
      :is(#rabid-map, #rabid-graph) :is(.rb-data-table, .rb-map-data-table) thead {
          position: absolute;
          width: 1px;
          height: 1px;
          margin: -1px;
          padding: 0;
          overflow: hidden;
          clip-path: inset(50%);
          white-space: nowrap;
          border: 0;
      }

      :is(#rabid-map, #rabid-graph) :is(.rb-data-table, .rb-map-data-table) tbody tr {
          display: block;
          margin-bottom: .85rem;
          padding: .3rem .85rem;
          border: 1px solid #ccdde7;
          border-left: 4px solid #005a9c;
          border-radius: 9px;
          background: #fff;
          box-shadow: 0 2px 7px rgb(13 56 88 / 7%);
      }

      :is(#rabid-map, #rabid-graph) :is(.rb-data-table, .rb-map-data-table) tbody tr:nth-child(even) {
          background: #f5f9fc;
      }

      :is(#rabid-map, #rabid-graph) :is(.rb-data-table, .rb-map-data-table) tbody td {
          display: grid;
          grid-template-columns: minmax(105px, 42%) minmax(0, 1fr);
          gap: .75rem;
          align-items: baseline;
          width: 100%;
          min-width: 0;
          padding: .7rem .1rem;
          border-bottom: 1px solid #dce6ec;
          text-align: left;
          overflow-wrap: anywhere;
          font-size: .875rem;
      }

      :is(#rabid-map, #rabid-graph) :is(.rb-data-table, .rb-map-data-table) tbody td:last-child {
          border-bottom: 0;
      }

      :is(#rabid-map, #rabid-graph) :is(.rb-data-table, .rb-map-data-table) tbody td::before {
          content: attr(data-label);
          color: #103e65;
          font-weight: 750;
      }

      #rabid-map .rb-map-data-table tbody tr.rb-map-table-latest {
          border-left-color: #a24f12;
          background: #fff4d4;
      }

      :is(#rabid-map, #rabid-graph) .rb-table-pagination {
          justify-content: space-between;
      }
  }

  @media (max-width: 550px) {
      :is(#rabid-map, #rabid-graph) .rb-table-results-header {
          display: flex;
          flex-direction: column;
          align-items: stretch;
          justify-content: flex-start;
          gap: .75rem;
          width: 100%;
      }

      /* PDF action container */
      :is(#rabid-map, #rabid-graph) .rb-table-results-header .rb-table-export-actions {
          display: flex;
          flex-direction: column;
          align-items: stretch;
          width: 100%;
          margin: 0;
      }

      /* PDF button */
      :is(#rabid-map, #rabid-graph) .rb-table-results-header .rb-table-export-btn {
          display: flex;
          width: 100%;
          max-width: 100%;
          justify-content: center;
          box-sizing: border-box;
      }

      /* Record summary */
      :is(#rabid-map, #rabid-graph) .rb-table-results-header .rb-data-table-summary {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 100%;
          max-width: 100%;
          margin: 0;
          box-sizing: border-box;
          text-align: center;
      }

      :is(#rabid-map, #rabid-graph) .rb-data-table-summary.rb-map-table-summary {
          width: 100% !important;
      }
  }

  /* 07 — Small phones: <=480px. Keep two compact filter columns. */
  @media (max-width: 480px) {
      :is(#rabid-map, #rabid-graph) .rb-table-controls {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          column-gap: .5rem;
          row-gap: .7rem;
          padding: .65rem;
      }

      :is(#rabid-map, #rabid-graph) .rb-table-field {
          min-width: 0;
          max-width: 100%;
      }

      :is(#rabid-map, #rabid-graph) .rb-table-field label {
          font-size: .78rem;
          line-height: 1.25;
          margin-bottom: .3rem;
          overflow-wrap: anywhere;
      }

      :is(#rabid-map, #rabid-graph) .rb-table-field :is(input, select) {
          box-sizing: border-box;
          width: 100%;
          max-width: 100%;
          min-width: 0;
          min-height: 44px;
          padding: .5rem .35rem;
          font-size: 0.85rem;
      }

      :is(#rabid-map, #rabid-graph) :is(.rb-data-table-panel, .rb-map-table-panel) {
          padding: .5rem 0;
      }

      :is(#rabid-map, #rabid-graph) :is(.rb-data-table, .rb-map-data-table) tbody tr {
          padding: .2rem .65rem;
          margin-bottom: .7rem;
      }

      :is(#rabid-map, #rabid-graph) :is(.rb-data-table, .rb-map-data-table) tbody td {
          padding-block: .6rem;
      }

      :is(#rabid-map, #rabid-graph) :is(.rb-data-table, .rb-map-data-table) tbody td {
          grid-template-columns: minmax(85px, 38%) minmax(0, 1fr);
          gap: .5rem;
          font-size: .83rem;
      }

      :is(#rabid-map, #rabid-graph) .rb-table-pagination {
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          gap: .4rem;
      }

      :is(#rabid-map, #rabid-graph) .rb-table-page-btn {
          flex: 0 0 auto;
          width: 44px;
          min-width: 44px;
          padding: 0;
      }

      :is(#rabid-map, #rabid-graph) .rb-table-page-status {
          font-size: .8rem;
          white-space: nowrap;
      }

      :is(#rabid-map, #rabid-graph) .rb-data-table-empty:not([hidden]) {
          padding: 1rem;
          font-size: .92rem;
      }
  }

  /* 08 — Motion preference */
  @media (prefers-reduced-motion: reduce) {
      #rabid-map :is(.rb-map-table-panel, .live-map-box):not([hidden]) {
          animation: none;
      }
  }

  /* Distinct, neutral informational summary (not an error alert). */
  :is(#rabid-map, #rabid-graph) .rb-data-table-summary.rb-map-table-summary {
      display: flex;
      align-items: center;
      gap: .65rem;
      width: fit-content;
      max-width: 100%;
      margin: -.25rem 0 0 auto;
      padding: .25rem 1rem;
      border: 1px solid #b9d6e7;
      border-left: 4px solid #005a9c;
      border-right: 4px solid #005a9c;
      border-radius: 8px;
      background: #eef6fc;
      color: #103e65;
      font-size: .7rem;
      font-weight: 700;
      line-height: 1.5;
  }

  :is(#rabid-map, #rabid-graph) .rb-data-table-summary.rb-map-table-summary::before {
      content: "\f0ce";
      /* fa-table */
      font-family: "Font Awesome 6 Free";
      font-weight: 900;
      font-size: 1.05rem;
      color: #005a9c;
      flex: none;
  }

  /* Accessible icon-only First / Previous / Next / Last controls. */
  :is(#rabid-map, #rabid-graph) .rb-table-pagination {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      gap: .5rem;
      margin: 1rem 0 0;
  }

  :is(#rabid-map, #rabid-graph) .rb-table-page-btn {
      display: inline-flex;
      justify-content: center;
      align-items: center;
      flex: 0 0 auto;
      width: 44px;
      height: 44px;
      min-width: 44px;
      min-height: 44px;
      padding: 0;
      border: 1px solid #005a9c;
      border-radius: 7px;
      background: #fff;
      color: #005a9c;
      font: inherit;
      font-size: 1rem;
      cursor: pointer;
      transition: background-color .18s ease, color .18s ease;
  }

  :is(#rabid-map, #rabid-graph) .rb-table-page-btn:hover:not(:disabled) {
      background: #005a9c;
      color: #fff;
  }

  :is(#rabid-map, #rabid-graph) .rb-table-page-btn:disabled {
      opacity: .45;
      cursor: not-allowed;
  }

  :is(#rabid-map, #rabid-graph) .rb-table-page-btn:focus-visible {
      outline: 3px solid #b84d00;
      outline-offset: 2px;
  }

  :is(#rabid-map, #rabid-graph) .rb-table-page-status {
      min-width: 105px;
      padding: 0 .4rem;
      color: #103e65;
      font-size: .875rem;
      font-weight: 700;
      text-align: center;
      white-space: nowrap;
  }

  @media (max-width: 768px) {
      :is(#rabid-map, #rabid-graph) .rb-table-pagination {
          justify-content: center;
          gap: .4rem;
      }

      :is(#rabid-map, #rabid-graph) .rb-table-page-status {
          min-width: 85px;
          padding: 0 .15rem;
      }
  }

  @media (max-width: 360px) {
      :is(#rabid-map, #rabid-graph) .rb-table-page-btn {
          width: 40px;
          min-width: 40px;
          height: 44px;
      }

      :is(#rabid-map, #rabid-graph) .rb-table-page-status {
          min-width: 75px;
          font-size: .8rem;
      }
  }

  @media (prefers-reduced-motion: reduce) {
      :is(#rabid-map, #rabid-graph) .rb-table-page-btn {
          transition: none;
      }
  }

  /* 09 — Small viewport finishing touches (kept last to win cascade). */
  @media (max-width: 480px) {
      :is(#rabid-map, #rabid-graph) .rb-table-controls {
          grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      :is(#rabid-map, #rabid-graph) .rb-table-pagination {
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          gap: .4rem;
      }

      :is(#rabid-map, #rabid-graph) .rb-table-page-btn {
          flex: 0 0 44px;
          width: 44px;
          min-width: 44px;
      }

      :is(#rabid-map, #rabid-graph) .rb-table-page-status {
          flex: 0 0 auto;
          min-width: 82px;
          font-size: .8rem;
      }

      :is(#rabid-map, #rabid-graph) .rb-data-table-summary.rb-map-table-summary {
          margin: .5rem 0 1rem auto;
          max-width: 100%;
          font-size: .75rem;
      }
  }

  /* Desktop and larger tablet screens */
  @media (min-width: 769px) {

      /* Maintain a scrollable container */
      #rabid-map .rb-map-table-scroll {
          width: 100%;
          max-width: 100%;
          overflow-x: auto;
          -webkit-overflow-scrolling: touch;
      }

      /* Equal-width columns */
      #rabid-map .rb-map-data-table {
          width: 100%;
          min-width: 720px;

          table-layout: fixed;
          border-collapse: collapse;
      }

      /* Six columns = 16.6667% each */
      #rabid-map .rb-map-data-table th,
      #rabid-map .rb-map-data-table td {
          width: 16.6667%;
          box-sizing: border-box;

          padding: 0.75rem;
          text-align: center;
          vertical-align: middle;

          /* Prevent long content from widening a column */
          overflow-wrap: anywhere;
          word-break: normal;
      }
  }

  /* Mobile: retain your existing card layout */
  @media (max-width: 768px) {

      #rabid-map .rb-map-data-table {
          table-layout: auto;
          width: 100%;
          min-width: 0;
      }

      #rabid-map .rb-map-data-table th,
      #rabid-map .rb-map-data-table td {
          width: auto;
      }
  }

  /* ============================================================
   RABIES MAP TABLE — DISABLED RADIUS INDICATOR
   Author: Roberto Flores

   PURPOSE:
   - Show a Not Allowed cursor when Radius is disabled.
   - Visually distinguish unavailable controls.
   - Display a mobile-friendly lock indicator.
   - Preserve accessibility and responsive layouts.
   ============================================================ */

  /* Error remains directly under the ZIP input in the same grid cell. */
  #rabid-map .rb-table-field>.rb-table-zip-error,
  .rb-map-table-panel .rb-table-field>.rb-table-zip-error {
      display: block;
      width: 100%;
      min-width: 0;
      margin: 0.3rem 0 0;
      padding: 6px;
      color: #a12622;
      font-size: 0.72rem;
      font-weight: 600;
      line-height: 1.4;
      overflow-wrap: anywhere;
  }

  #rabid-map .rb-table-field>.rb-table-zip-error[hidden],
  .rb-map-table-panel .rb-table-field>.rb-table-zip-error[hidden],
  .rb-map-table-panel .rb-table-radius-hint[hidden] {
      display: none !important;
  }

  /* Indicate that a ZIP must be entered before selecting a radius. */
  .rb-map-table-panel select[id$="-radius"]:disabled {
      cursor: not-allowed !important;
      opacity: 0.6;
      background-color: #f1f3f5;
      color: #667085;
  }

  /* Keep each control and its helper together on narrow screens. */
  .rb-map-table-panel .rb-table-field {
      min-width: 0;
  }

  /* ============================================================
   10 — MAP TABLE ZIP/RADIUS MESSAGE ALIGNMENT FIX
   Keep field labels and inputs level when inline messages appear.
   ============================================================ */
  #rabid-map .rb-map-table-panel .rb-table-controls {
      align-items: start;
  }

  #rabid-map .rb-map-table-panel .rb-table-field {
      align-self: start;
      min-width: 0;
      max-width: 100%;
  }

  #rabid-map .rb-map-table-panel .rb-table-field>.rb-table-zip-error:not([hidden]) {
      display: block;
      width: 100%;
      box-sizing: border-box;
      margin: .3rem 0 0;
      padding: 0;
      border: 0;
      border-radius: 0;
      background: transparent;
      color: #a12622;
      font-size: .72rem;
      font-weight: 600;
      line-height: 1.4;
      overflow-wrap: anywhere;
  }

  #rabid-map .rb-map-table-panel .rb-table-field>.rb-table-zip-error[hidden],
  #rabid-map .rb-map-table-panel .rb-table-radius-hint[hidden] {
      display: none !important;
  }

  #rabid-map .rb-map-table-panel .rb-table-radius-hint {
      display: block;
      margin: .3rem 0 0;
      font-size: .72rem;
      line-height: 1.4;
      color: #667085;
      overflow-wrap: anywhere;
  }


  /* ============================================================
   11 — WCAG FORM MESSAGES, RELOW AND FOCUS SAFEGUARDS
   Single live results summary; local messages remain linked to inputs.
   ============================================================ */
  #rabid-map .rb-map-table-panel .rb-table-controls {
      align-items: start;
  }

  #rabid-map .rb-map-table-panel .rb-table-field {
      align-self: start;
      min-width: 0;
  }

  #rabid-map .rb-map-table-panel .rb-table-field> :is(.rb-table-zip-error, .rb-table-search-message, .rb-table-radius-hint):not([hidden]) {
      display: block;
      width: 100%;
      box-sizing: border-box;
      margin: .3rem 0 0;
      padding: 0;
      border: 0;
      background: transparent;
      font-size: .78rem;
      font-weight: 600;
      line-height: 1.5;
      overflow-wrap: anywhere;
  }

  #rabid-map .rb-map-table-panel .rb-table-field> :is(.rb-table-zip-error, .rb-table-search-message) {
      color: #812500;
  }

  #rabid-map .rb-map-table-panel .rb-table-field>.rb-table-radius-hint {
      color: #405366 !important;
  }

  #rabid-map .rb-map-table-panel .rb-table-field> :is(.rb-table-zip-error, .rb-table-search-message, .rb-table-radius-hint)[hidden] {
      display: none !important;
  }

  #rabid-map .rb-map-table-panel .rb-table-field select:disabled {
      cursor: not-allowed;
      margin-bottom: 0.5rem !important;
  }

  @media (forced-colors: active) {
      #rabid-map .rb-map-table-panel .rb-table-field :is(input, select):focus-visible {
          outline: 3px solid Highlight;
      }
  }

  /* ============================================================
   11 — MAP DATA TABLE: NO REPORTING DATA
   Informational state (not a detection count of zero).
   Preserve the column headings when the source dataset is empty.
   ============================================================ */
  #rabid-map .rb-map-table-panel .rb-map-table-no-data:not([hidden]) {
      display: block;
      margin: 0 0 1rem;
      padding: .75rem 1rem;
      background: #eef6fc;
      border: 1px solid #b9d6e7;
      border-left: 4px solid #005a9c;
      border-radius: 6px;
      color: #103e65;
      font-size: .875rem;
      line-height: 1.5;
      font-weight: 600;
  }

  #rabid-map .rb-map-table-panel .rb-map-table-no-data[hidden] {
      display: none !important;
  }

  #rabid-map .rb-map-table-panel .rb-map-table-no-data-row td {
      width: 100%;
      padding: 1.25rem 1rem;
      text-align: center;
      color: #314b60;
      font-weight: 600;
      background: #f6f9fc;
  }

  /* The zero-record placeholder is a complete row, not a mobile data card. */
  @media (max-width: 768px) {
      #rabid-map .rb-map-table-panel .rb-map-data-table tbody tr.rb-map-table-no-data-row td {
          display: block;
          width: 100%;
          box-sizing: border-box;
          text-align: center;
      }

      #rabid-map .rb-map-table-panel .rb-map-data-table tbody tr.rb-map-table-no-data-row td::before {
          content: none;
      }
  }

  @media (forced-colors: active) {
      #rabid-map .rb-map-table-panel .rb-map-table-no-data:not([hidden]) {
          border-color: CanvasText;
      }
  }



/* ============================================================
   12 — RADIUS HELP BADGE (FONT AWESOME LOCK)
   Author: Roberto Flores

   PURPOSE:
   - Highlight the disabled Radius control.
   - Use amber/orange to distinguish the instruction.
   - Preserve accessibility and responsive layout.
   ============================================================ */

#rabid-map .rb-map-table-panel .rb-table-field > .rb-table-radius-hint:not([hidden]) {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .4rem;

    width: fit-content;
    max-width: 100%;
    box-sizing: border-box;

    margin: .45rem 0 0;
    padding: .35rem .65rem;

    border: 1px solid #d6a34a;
    border-left: 3px solid #b86b00;
    border-right: 3px solid #b86b00;
    border-radius: 6px;

    background: #fff3d9;
    color: #734300;

    font-size: .78rem;
    font-weight: 700;
    line-height: 1.4;

    overflow-wrap: anywhere;
}

/* Hide helper when Radius becomes enabled. */
#rabid-map .rb-map-table-panel .rb-table-field > .rb-table-radius-hint[hidden] {
    display: none !important;
}

/* Font Awesome lock icon */
#rabid-map .rb-map-table-panel .rb-table-radius-hint .fa-lock {
    flex: 0 0 auto;
    color: #9a5200;
    font-size: .85rem;
}

/* High contrast accessibility support */
@media (forced-colors: active) {
    #rabid-map .rb-map-table-panel .rb-table-radius-hint:not([hidden]) {
        border-color: CanvasText;
        background: Canvas;
        color: CanvasText;
    }

    #rabid-map .rb-map-table-panel .rb-table-radius-hint .fa-lock {
        color: CanvasText;
    }
}