/* ═══════════════════════════════════════════════════════════════════════════ arquitecto.css — Contenido del dashboard de José (Arquitecto) ─────────────────────────────────────────────────────────────────────────── Valores tomados TAL CUAL de references/index/styles.css (HTML/CSS real provisto por Victor), no de la imagen del mockup: es la fuente más confiable de las dos, y en un punto la contradice — el ícono del KPI es un squircle de 13px, no el círculo que se había medido por muestreo de la imagen en un commit anterior. Sidebar y header NO están acá a propósito: Victor pidió no tocarlos — el sidebar sigue siendo el panel único sin divisiones que ya construimos ("scroll continuo"), y no el
+ bloque .sidebottom separado que trae esta referencia, que rompería esa regla. Todo bajo el prefijo .qc-dash para no filtrarse al resto de la app ni ser afectado por las reglas del bundle. ═══════════════════════════════════════════════════════════════════════════ */ .qc-dash { font-size: 13px; } /* Fondo de página detrás de las tarjetas -- medido en vivo contra el real de norden.puntacana.one/dashboard: rgb(5, 9, 18) = #050912 (coincide exacto con --q-ink, ya extraído de Norden para el resto de la app en quantum-theme.css). #qc-arq-app traía bg-gray-50 remapeado por dark-mode-overrides.css a #0d1725 -- notablemente más claro/azulado que el real. #qc-arq-app es el
raíz propio de montarLayout(), id exclusivo de este archivo, seguro de apuntar directo. */ /* !important necesario: quantum-theme.css remapea la clase Tailwind bg-gray-50 (que #qc-arq-app trae de fábrica) a --q-surface-2 (#0d1725) con !important -- ese token es para superficies elevadas (hover, chips), no para el fondo de página, que en Norden real es --q-ink (#050912). */ #qc-arq-app { background-color: #f9fafb !important; } /* Ancho del sidebar -- medido en vivo contra el