.brand { display: inline-flex; align-items: center; gap: 9px; }
.brand img { border-radius: 5px; }
.welcome-mascot { display: block; border-radius: 12px; margin-bottom: 24px; }
.section-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 20px; }
.section-heading .button { flex-shrink: 0; }
.sidebar nav.settings-navigation { flex-direction: column; }
.object-id { overflow-wrap: anywhere; font-size: 12px; }
.object-id code { font: inherit; }
.empty-state { padding: 20px; border: 1px dashed var(--line); border-radius: 4px; }
.table-scroll { overflow-x: auto; margin-block: 16px 24px; }
table { border-collapse: collapse; width: 100%; text-align: left; font-size: 13px; }
th, td { border-bottom: 1px solid var(--line); padding: 11px 12px; vertical-align: top; }
th { font-weight: 600; color: var(--muted); background: var(--soft); }
td.numeric, th.numeric { text-align: right; font-variant-numeric: tabular-nums; }
.metric-card { border: 1px solid var(--line); border-radius: 4px; margin-block: 20px; padding: 18px; min-width: 0; }
.metric-value { font-size: 26px; font-weight: 650; color: var(--ink); margin-bottom: 6px; }
.metric-value small { font-size: 13px; font-weight: 400; }
.metric-chart { width: 100%; height: 340px; }
.chart-caption, .muted { color: var(--muted); font-size: 12px; }
.report-reason { border-left: 3px solid var(--primary); padding: 4px 16px; margin-block: 20px; }
.report-reason p { white-space: pre-wrap; color: var(--ink); }
.data-fields { display: grid; grid-template-columns: minmax(100px, 180px) minmax(0, 1fr); gap: 8px 16px; margin-block: 16px; }
.data-fields dt { color: var(--muted); overflow-wrap: anywhere; }
.data-fields dd { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.data-fields .data-fields { margin: 0; grid-template-columns: minmax(90px, 140px) minmax(0, 1fr); }
.data-list { margin: 0; padding-left: 20px; }
.data-list > li { padding-bottom: 8px; }
.pagination { display: flex; align-items: center; justify-content: space-between; margin-top: 16px; gap: 12px; }
.report-description { max-width: 400px; }
@media (max-width: 640px) {
  .section-heading { flex-wrap: wrap; }
  .metric-card { padding: 12px; }
  .metric-chart { height: 310px; }
  .data-fields, .data-fields .data-fields { grid-template-columns: 1fr; gap: 3px; }
  .data-fields dd { margin-bottom: 12px; }
  th, td { padding: 9px; }
}