.management-page,
.form-page,
.settings-page {
  width: min(100% - var(--rd-page-gutter), 73.75rem);
  margin: 0 auto;
  padding: 44px 0 70px;
}

.compact-page,
.form-page {
  width: min(100% - var(--rd-page-gutter), 56.25rem);
}

.narrow-form-page {
  width: min(100% - var(--rd-page-gutter), 42.5rem);
}

.management-heading {
  align-items: center;
  margin-bottom: 27px;
}

.filter-bar {
  flex-wrap: wrap;
  margin-bottom: 13px;
  padding: 12px 14px;
  border: 1px solid var(--rd-line);
  border-radius: var(--rd-radius-md);
  background: var(--rd-surface);
}

.filter-control {
  display: flex;
  gap: 7px;
  align-items: center;
}

.filter-control label {
  white-space: nowrap;
}

.filter-control .form-select {
  width: auto;
  min-width: 120px;
  font-size: 0.7rem;
}

.management-surface,
.surface-form,
.collection-list,
.confirm-card {
  border: 1px solid var(--rd-line);
  border-radius: var(--rd-radius-lg);
  background: var(--rd-surface);
  box-shadow: 0 8px 30px rgba(35, 50, 45, 0.035);
}

.management-summary {
  padding: 10px 14px;
  border-bottom: 1px solid var(--rd-line);
  color: var(--rd-muted);
  font-size: var(--rd-text-sm);
}

.management-table {
  --bs-table-bg: transparent;
  --bs-table-color: var(--rd-ink);
  min-width: 45rem;
  font-size: 0.73rem;
}

.management-table th {
  padding: 11px 14px;
  color: var(--rd-faint);
  font-size: 0.61rem;
  font-weight: 730;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.management-table td {
  padding: 13px 14px;
}

.object-title {
  color: var(--rd-ink);
  font-weight: 680;
  text-decoration: none;
}

.management-table td small {
  max-width: 25rem;
  margin-top: 2px;
  font-size: var(--rd-text-xs);
}

.object-tags {
  margin-top: 5px;
}

.object-tags .badge {
  --bs-badge-padding-x: 0.375rem;
  --bs-badge-padding-y: 0.125rem;
  --bs-badge-font-size: 0.54rem;
  --bs-badge-font-weight: 620;
  background: var(--rd-surface-soft);
  color: var(--rd-muted);
}

.status-badge {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  color: var(--rd-muted);
  font-size: 0.65rem;
  white-space: nowrap;
}

.status-badge i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--rd-faint);
}

.status-success i { background: var(--rd-accent); }
.status-danger i { background: var(--rd-danger); }
.status-info i { background: var(--rd-info); }

.row-actions .icon-button {
  width: 2rem;
  height: 2rem;
  flex-basis: 2rem;
  vertical-align: middle;
}