/* Escala tipográfica compacta del panel, inspirada en la jerarquía de Meta.
   Inter sigue siendo la tipografía de Holania. Las vistas de sitios generados
   conservan su propio sistema visual dentro de sus previsualizaciones. */
:root {
  --holania-type-aux: 12px;
  --holania-type-ui: 14px;
  --holania-type-emphasis: 15px;
  --holania-type-section: 16px;
  --holania-type-title: 20px;
}

body {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: var(--holania-type-ui) !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
}

body :is(.app-main, .sidebar, .topbar, .portfolio-context) { font-size: var(--holania-type-ui) !important; }

body .app-main :is(p, li, dt, dd, td, label, input, select, textarea, button, .primary, .secondary, .action-configure),
body .sidebar :is(a, button, .nav-label),
body .topbar :is(a, button, span, select) { font-size: var(--holania-type-ui) !important; }

body .page-head h1,
body .admin-workspace .page-head h1,
body.client-workspace .page-head h1 {
  margin: 0 0 6px !important;
  font-size: var(--holania-type-title) !important;
  line-height: 1.2 !important;
  letter-spacing: -.018em !important;
  font-weight: 600 !important;
}

body .app-main :is(.card h2, .section-heading h2, .owner-console-grid .card h2),
body .admin-workspace h2,
body.client-workspace .app-main h2 {
  font-size: var(--holania-type-section) !important;
  line-height: 1.35 !important;
  letter-spacing: -.01em !important;
  font-weight: 600 !important;
}

body .app-main :is(h3, .card h3),
body .admin-workspace h3,
body.client-workspace .app-main h3 {
  font-size: var(--holania-type-emphasis) !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
}

body :is(.eyebrow, .badge, .subscription-status, .nav-section, .client-nav-meta, .field-help, .helper-text, caption),
body .table-wrap thead th,
body .app-main small,
body .sidebar small {
  font-size: var(--holania-type-aux) !important;
  line-height: 1.4 !important;
}

body :is(.entity-name, .project-name, .card-title, .list-item-title, .table-wrap tbody td > strong) {
  font-size: var(--holania-type-emphasis) !important;
  line-height: 1.35 !important;
}

body :is(p, small, input, select, textarea, td) { font-weight: 400 !important; }
body :is(h1, h2, h3, strong, .metric-card strong, .kpis strong, .table-wrap thead th) { font-weight: 600 !important; }
body :is(label, .badge, .subscription-status, .sidebar nav a.active) { font-weight: 500 !important; }
body :is(.primary, .secondary, button, .action-row a) { font-weight: 500 !important; }
body :is(input, select, textarea, button, .primary, .secondary) { line-height: 1.4 !important; }
body .sidebar nav a { line-height: 1.4 !important; }
body :is(.kpis strong, .metric-card strong) { font-size: 24px !important; line-height: 1.2 !important; }

@media (max-width: 680px) {
  /* Evita el zoom automático de iOS al enfocar campos sin agrandar el resto. */
  body .app-main input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
  body .app-main select:not([data-compact-font]),
  body .app-main textarea:not([data-compact-font]) { font-size: 16px !important; }
  body .page-head h1,
  body .admin-workspace .page-head h1,
  body.client-workspace .page-head h1 { font-size: var(--holania-type-title) !important; }
}
body .owner-ai-metrics{grid-template-columns:repeat(5,minmax(0,1fr))!important}@media(max-width:1250px){body .owner-ai-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media(max-width:900px){body .owner-ai-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:600px){body .owner-ai-metrics{grid-template-columns:1fr!important}}