/* Presentación compartida: estilos que antes se generaban como atributos inline. */
.dot-loss { background: var(--red); }
.dot-neutral { background: var(--neutral-dot); }
.chart-spacer { height: 16px; }
.sectionbar-flush { margin-top:0; }
.detailgrid-two { grid-template-columns: 1fr 1fr; }
.process-panel { margin-bottom:var(--space-20); }
.settings-panel, .downloadgrid-spaced { margin-top:var(--space-16); }
.settings-copy { font-size:var(--type-label); line-height:var(--leading-body); }
.attachment-upload-spaced { margin-top:var(--space-16); }
.upload-button { display: inline-block; }
.tablewrap-spaced { margin-top:var(--space-12); }

/* Rótulos y anotaciones: legibilidad compartida por los temas disponibles. */
.brand small, .navlabel, .eyebrow, .micro { font-size:var(--type-caption); }
.breadcrumbs, .sourcebadge, .datechip,
.scope-picker, .scope-picker select, .theme-picker select,
.metric .label, .panelhead small, .donut-legend,
.barrow, .linkbutton, .attachment, .reviewitem,
.pattern-card small, .pattern-chip, .method-row, .op-card small,
.visual-video a, .visual-plan-fields summary, .visual-legacy summary,
.visual-saved-plan p, .hinttext { font-size:var(--type-caption); }
.filtergrid label, form label, .sessionform label, .portfolio-filters label,
.metric .hint, .table th, .numberpill, .pill, .legend,
.weekday, .day .daycount, .detailbox small, .field-section p small,
.process-cell small, .quote-date, .pattern-selector>small,
.day .daypnl, .op-kind { font-size:var(--type-caption); }
.chart text, .donut .center-small { font-size:var(--type-caption); }

@media (max-width: 600px) {
  .theme-picker select { font-size:var(--type-caption); }
  .topbar .primary.small { font-size:var(--type-caption); }
}