/* Módulo Dashboard — paneles de identidad */
.identity h2 { margin-bottom: 1.2rem; }
.identity-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1.2rem; }
.id-panel { background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius); padding: var(--space-4); }
.id-panel h3 { color: var(--color-accent); margin-bottom: 1rem; }
.type-row { margin-bottom: 1.1rem; }
.type-tag { display: inline-block; font-size: var(--fs-xs); letter-spacing: .04em; color: var(--color-muted); margin-bottom: .25rem; }
.type-sample { margin: 0; }
.type-heading { font-family: var(--font-heading); font-weight: var(--weight-heading); font-size: var(--fs-xl); }
.type-body { font-family: var(--font-body); font-size: var(--fs-base); color: var(--color-text); }
.swatches { display: grid; grid-template-columns: repeat(2, 1fr); gap: .6rem; }
.swatch { border-radius: var(--radius); padding: .9rem; min-height: 76px; display: flex; flex-direction: column; justify-content: flex-end; color: #fff; }
.swatch span { font-size: var(--fs-xs); font-weight: 600; opacity: .95; }
.swatch code { color: rgba(255,255,255,.85); }
.swatch-light { color: var(--color-text); border: 1px solid var(--color-border); }
.swatch-light code { color: var(--color-muted); }
.id-note { margin-top: 1rem; color: var(--color-muted); font-size: var(--fs-sm); }

/* Dashboard — tarjetas de conteo y accesos rápidos */
.dash-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; margin: .5rem 0 2rem; }
.dash-card { display: flex; align-items: center; gap: 1rem; background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius); padding: 1.2rem 1.3rem; }
.dash-ico { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 12px; background: color-mix(in srgb, var(--color-primary) 12%, transparent); color: var(--color-primary); flex: none; }
.dash-ico svg { width: 24px; height: 24px; }
.dash-meta { display: flex; flex-direction: column; line-height: 1.1; }
.dash-value { font-family: var(--font-heading); font-weight: 700; font-size: var(--fs-2xl); color: var(--color-text); }
.dash-label { color: var(--color-muted); font-size: var(--fs-sm); }
.dash-quick { margin-top: .5rem; }
.dash-quick h2 { font-size: var(--fs-lg); margin-bottom: .8rem; }
.dash-quick-row { display: flex; flex-wrap: wrap; gap: .7rem; }
.dash-quick-link { display: inline-flex; align-items: center; padding: .6rem 1rem; background: var(--color-surface); border: 1px solid var(--color-border); border-radius: 999px; color: var(--color-primary-dark); font-weight: 600; font-size: var(--fs-sm); transition: border-color .15s, background .15s; }
.dash-quick-link:hover { border-color: var(--color-primary); background: color-mix(in srgb, var(--color-primary) 8%, transparent); }