/* Shared facility and platform records. Loaded after the workspace stylesheet. */
.record-label { display: none; }
.record-value { display: contents; }

@media (max-width: 760px) {
  .responsive-table.record-table,
  .platform-table-scroll.record-table { overflow: visible; scrollbar-gutter: auto; }
  .record-table::before { display: none !important; }
  .record-table table { display: block; width: 100%; min-width: 0; max-width: 100%; }
  .record-table thead {
    position: absolute; width: 1px; height: 1px; padding: 0;
    overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%);
    white-space: nowrap; border: 0;
  }
  .record-table tbody { display: grid; min-width: 0; gap: 12px; padding: 12px; }
  .record-table tbody tr {
    display: grid; min-width: 0; max-width: 100%; padding: 4px 12px;
    border: 1px solid #dce5e8; border-radius: 12px; background: #fff;
  }
  .record-table tbody td {
    display: grid; grid-template-columns: minmax(80px, 30%) minmax(0, 1fr);
    gap: 12px; min-width: 0; max-width: 100%; padding: 11px 0;
    border: 0; border-top: 1px solid #edf1f3; white-space: normal; text-align: left;
    font-size: .83rem; line-height: 1.5; overflow-wrap: anywhere;
  }
  .record-table tbody td:first-child { border-top: 0; }
  .record-table .record-label {
    display: block; padding-top: 2px; color: #536775; font-size: .69rem;
    font-weight: 700; line-height: 1.4; letter-spacing: .02em;
  }
  .record-table .record-value { display: block; min-width: 0; }
  .record-table td strong { font-size: .87rem; }
  .record-table td small { margin-top: 3px; font-size: .74rem; }
  .record-table td.record-actions { grid-template-columns: minmax(0, 1fr); gap: 6px; }
  .record-table .record-actions .record-value { display: flex; flex-wrap: wrap; gap: 8px; }
  .record-table .record-actions .button { min-height: 44px; flex: 1 1 110px; margin: 0; }
  .record-table .record-actions .platform-inline-actions { width: 100%; flex-wrap: wrap; gap: 8px; }
  .record-table .record-actions .platform-inline-actions button { flex: 1 1 110px; min-height: 44px; }
  .record-table .status-pill,
  .record-table .platform-status { max-width: 100%; line-height: 1.4; }
  .record-table tbody td[colspan] { display: block; }
  .record-table.is-empty tbody { padding: 0; }
  .record-table.is-empty tbody tr { padding: 0; border: 0; }
  .record-table.is-empty tbody td { padding: 0; }
}

@media (max-width: 360px) {
  .record-table tbody { padding: 8px; }
  .record-table tbody tr { padding-inline: 10px; }
  .record-table tbody td { grid-template-columns: minmax(0, 1fr); gap: 4px; }
}