/* HumanOS design system: loaded after theme and module styles. */
@import url("components/buttons.css");
@import url("components/forms.css");
@import url("components/cards.css");
@import url("components/tables.css");
@import url("components/badges.css");
@import url("components/modals.css");
@import url("components/feedback.css");
@import url("components/filters.css");
@import url("components/typography.css");

:root {
  --ui-space-1: .25rem;
  --ui-space-2: .5rem;
  --ui-space-3: .75rem;
  --ui-space-4: 1rem;
  --ui-space-5: 1.5rem;
  --ui-space-6: 2rem;
  --ui-control-height: 40px;
  --ui-control-height-sm: 32px;
  --ui-radius: 8px;
  --ui-border: #d1d5db;
  --ui-surface-muted: #f8fafc;
  --ui-focus-ring: 0 0 0 .2rem rgba(var(--tblr-primary-rgb), .2);
  /* Compatibility aliases for module styles. */
  --control-height: var(--ui-control-height);
  --control-height-sm: var(--ui-control-height-sm);
  --control-radius: var(--ui-radius);
  --control-padding-x: .875rem;
  --control-padding-x-sm: .625rem;
}

.page-header {
  margin-bottom: var(--ui-space-5);
}

.page-header .page-title,
.page-header h1 {
  margin: 0;
  font-size: 1.5rem;
  line-height: 1.25;
  letter-spacing: -.02em;
}

.page-header .text-muted {
  margin-top: var(--ui-space-1);
}

.page-header .btn-list {
  align-items: center;
  gap: var(--ui-space-2);
}

@media (max-width: 767.98px) {
  .page-header .row { gap: var(--ui-space-3); }
  .page-header .col-auto { width: 100%; }
  .page-header .col-auto > .btn,
  .page-header .col-auto > .btn-list { width: 100%; }
  .page-header .col-auto > .btn-list .btn { flex: 1 1 auto; }
}