// =============================================================================
// Shared chrome for every routed admin page — a page title and an optional
// lead paragraph. Individual pages add their own colocated .scss for their
// specific content (charts, tables, status board) on top.
// =============================================================================

.admin-page {
  &__title {
    font-size: var(--font-size-2xl);
    margin-bottom: var(--space-xs);
  }

  &__lead {
    margin: 0 0 var(--space-lg);
    color: var(--color-text-muted);
    font-size: var(--font-size-md);
  }

  &__placeholder {
    padding: var(--space-xl);
    border: 1px dashed var(--color-border);
    border-radius: var(--radius-md);
    color: var(--color-text-muted);
    text-align: center;
  }
}