/* ==========================================================================
   Datacleaning DC+ — tokens de marca
   Cargar ANTES de site.css / impoventura.css / teojama.css.
   Fuente: Manual de Imagen Corporativa v1.0 (sept 2026)
   ========================================================================== */
:root {
	/* marca */
	--dc-navy-900: #051837;
	--dc-navy-800: #112438;   /* primario */
	--dc-navy-700: #1C3A5E;   /* hover / active primary */
	--dc-navy-600: #2A5A8A;   /* info, links secundarios */
	--dc-navy-100: #E4EBF3;   /* filas seleccionadas, badges suaves */

	--dc-cyan-600: #1E9DC2;   /* hover acento */
	--dc-cyan-500: #27BBE5;   /* acento */
	--dc-cyan-300: #79D2EF;
	--dc-cyan-100: #E3F6FC;

	/* estados de datos */
	--dc-ok: #1FA971;
	--dc-warn: #E8A317;
	--dc-error: #D63B3B;
	--dc-pending: #7C8DA6;

	/* neutros */
	--dc-ink: #1E293B;
	--dc-ink-2: #64748B;
	--dc-line: #E0E0E0;
	--dc-bg: #F4F6F9;
	--dc-surface: #FFFFFF;

	/* tipografía */
	--dc-font: "Inter", system-ui, "Segoe UI", Roboto, "Open Sans", sans-serif;

	/* puente a Bootstrap 5 (ignorado sin efecto en BS4) */
	--bs-primary: var(--dc-navy-800);
	--bs-primary-rgb: 17, 36, 56;
	--bs-info: var(--dc-cyan-500);
	--bs-info-rgb: 39, 187, 229;
	--bs-body-font-family: var(--dc-font);
	--bs-body-color: var(--dc-ink);
	--bs-link-color: var(--dc-navy-800);
	--bs-link-hover-color: var(--dc-navy-700);
}

/* ---- botón de acento (cian), nuevo: usar en lugar de .btn-success cuando el
        botón NO significa "éxito" (exportar, ver, secundario destacado) ---- */
.btn-accent {
	background-color: var(--dc-cyan-500) !important;
	border-color: var(--dc-cyan-500) !important;
	color: #fff !important;
}
.btn-accent:hover, .btn-accent:focus, .btn-accent:active {
	background-color: var(--dc-cyan-600) !important;
	border-color: var(--dc-cyan-600) !important;
}

/* ---- badges de estado de fila / carga ---- */
.badge-ok      { background: #E5F6EE; color: var(--dc-ok); }
.badge-warn    { background: #FCF1DC; color: var(--dc-warn); }
.badge-error   { background: #FBE5E5; color: var(--dc-error); }
.badge-pending { background: #ECEFF4; color: var(--dc-pending); }
.badge-ok, .badge-warn, .badge-error, .badge-pending {
	display: inline-block; padding: 3px 9px; border-radius: 999px;
	font-size: 11px; font-weight: 600; line-height: 1.4;
}

/* ---- barra apilada de resultado de carga ---- */
.dc-bar { display: flex; height: 12px; border-radius: 6px; overflow: hidden; background: var(--dc-navy-100); }
.dc-bar > .ok      { background: var(--dc-ok); }
.dc-bar > .warn    { background: var(--dc-warn); }
.dc-bar > .error   { background: var(--dc-error); }
.dc-bar > .pending { background: var(--dc-pending); }

/* ---- footer: layout robusto en una sola línea, sin depender de floats ---- */
.dc-footer-flex {
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: nowrap;
	min-height: 24px;
}
.dc-footer-flex > * { margin: 0; }

/* ---- firma del producto en navbar ---- */
.dc-firma {
	display: inline-flex; align-items: center; gap: 7px;
	font-size: 11px; color: var(--dc-ink-2); text-decoration: none !important;
	padding: 0 10px; white-space: nowrap;
}
.dc-firma img { height: 20px; width: 20px; }
.dc-firma b { color: var(--dc-navy-800); font-weight: 600; }
.dc-firma:hover b { color: var(--dc-navy-700); }

/* ---- números tabulares en tablas ---- */
table td, table th { font-variant-numeric: tabular-nums; }