body.compacto {
  --radius-lg: 16px;
  --radius-md: 12px;
}

body.compacto .wrap {
  padding: 4px;
  max-width: 520px;
}

body.compacto .breadcrumbs {
  margin: 0 8px 8px;
  padding: 4px 10px;
}

body.compacto .header-welcome {
  margin: 8px;
  padding: 14px 14px 10px;
}

body.compacto .section {
  margin: 0 8px 8px;
  padding: 12px;
}

body.compacto .kpis { gap: 8px; }
body.compacto .kpi { padding: 10px 8px; }

body.compacto .action-cards { gap: 8px; }

body.compacto .list,
body.compacto .form-grid {
  gap: 8px;
}

body.compacto .footer-nav {
  padding: 6px 8px calc(6px + env(safe-area-inset-bottom));
}

body.compacto .footer-nav__item {
  min-height: 48px;
}