/* Colores oficiales de MeldUne (2026-11-04): una sola fuente de verdad.
   Azul = color principal (identidad y navegación) · Turquesa = apoyo (estados e indicadores) · Naranja = botones y acciones importantes */
:root { --meldune-azul: #1078D0; --meldune-turquesa: #01B491; --meldune-naranja: #FF7A0F; --meldune-pavo: #1078D0; --meldune-coral: #FF7A0F; }
:root {
  --green: #9DB7DB;
  --orange: #1078D0;
  --blue: #1078D0;
}

.brand-mark,
.new-note,
.primary-button { background: var(--green); }
.eyebrow,
.nav-item.active span,
.empty-icon,
.module-symbol { color: #000000; }

.nav-item[data-view="ian"] span,
#view-ian .module-symbol,
#view-ian .eyebrow { color: var(--text); }

.nav-item[data-view="documents"] span,
#view-documents .module-symbol,
#view-documents .eyebrow,
.nav-item[data-view="settings"] span,
#view-settings .module-symbol,
#view-settings .eyebrow { color: var(--text); }

#view-ian .ian-card { border-color: #1078D0; }
#view-documents .status-pill { border-color: #1078D0; }
.lock-card .eyebrow { color: #000000; }
.creator-credit { border-top: 1px solid var(--line); margin: 16px 12px 0; padding-top: 14px; color: #5F5F5F; font: 10px 'DM Mono'; line-height: 1.6; }
.creator-credit strong { color: #000000; font: 600 11px Manrope; }
.creator-panel { grid-column: 1 / -1; display: grid; gap: 3px; border: 1px solid #1078D0; border-radius: 9px; padding: 13px; color: #000000; font-size: 11px; }
.creator-panel strong { color: var(--text); font-size: 15px; }
.creator-panel small { color: #5F5F5F; font-size: 10px; }