.first-point-records { display: grid; gap: 1.5rem; }
.first-point-records--edit { max-width: 60rem; margin: 0 auto; }
.first-point-records__panel,
.first-point-records__filters { padding: 1.25rem; border: 1px solid var(--app-border); border-radius: .75rem; background: var(--app-surface); }
.first-point-records__panel { display: grid; gap: 1rem; }
.first-point-records__panel h2 { font-size: 1.1rem; font-weight: 600; }
.first-point-records__filters { display: flex; flex-wrap: wrap; align-items: end; gap: 1rem; }
.first-point-records__field { display: grid; gap: .5rem; min-width: 0; }
.first-point-records__filters .first-point-records__field { flex: 1 1 16rem; }
.first-point-records__field label { font-weight: 600; }
.first-point-records__field :is(input, select, textarea) { width: 100%; }
.first-point-records__details { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.first-point-records__details dt { font-size: .875rem; opacity: .65; margin-bottom: .25rem; }
.first-point-records__table-container { overflow-x: auto; }
.first-point-records .table th,
.first-point-records .table td { white-space: nowrap; }
.first-point-records .table .first-point-records__reason { white-space: pre-wrap; min-width: 12rem; overflow-wrap: anywhere; }
.first-point-records__empty { text-align: center; padding: 2rem; opacity: .65; }
.first-point-records__pagination,
.first-point-records__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; }
.first-point-records__pagination { justify-content: space-between; }
.first-point-records__actions { position: sticky; bottom: 0; z-index: 10; justify-content: flex-end; padding: 1rem; border-top: 1px solid var(--app-border); background: var(--app-sticky-surface); backdrop-filter: blur(12px); }
.first-point-records__note { font-size: .875rem; line-height: 1.7; }
.first-point-records__error { color: var(--app-danger-text); }
@media (max-width: 640px) {
  .first-point-records__details { grid-template-columns: 1fr; }
}