/* Visual tokens matched to the supplied Narattivo V1 wireframe export. */
:root {
  --action: #111827;
  --sidebar: #0f1726;
  --border: #e1e5ec;
  background: #f5f7fa;
}

main { padding: 24px 32px 36px; }
h2 { font-size: 24px; line-height: 30px; }
h3 { font-size: 16px; line-height: 22px; margin-bottom: 14px; }
.card { border-radius: 8px; padding: 18px; }
button, .button-link { border-radius: 6px; }
.primary { background: var(--action); }
.primary:hover { background: #1f2937; }
.table-wrap { border-radius: 8px; }
th, td { padding: 9px 13px; }
.pill { padding: 4px 10px; }
.metric { font-size: 26px; line-height: 32px; }
.dashboard-metrics { gap: 14px; }
.metric-card { min-height: 96px; padding: 15px 16px; }
.launch-panel { border-radius: 8px; }

@media (max-width: 1200px) {
  main { padding: 22px 24px 32px; }
}