/**
 * Overrides visuais Bootstrap / ACE — só tela.
 * @media print: sem chrome de marca (boletim e histórico intactos).
 */
@media screen {
	body.dashboard-uso-body,
	body.relatorio-body,
	body.rec-body {
		background: var(--color-page-bg) !important;
		color: var(--color-text);
		font-family: var(--font-family-base);
	}

	.navbar.navbar-dark.bg-primary,
	.navbar.navbar-dark.bg-primary.shadow-sm {
		background-color: var(--color-nav-bg) !important;
		border-bottom: 3px solid var(--color-brand-primary);
	}

	.navbar.navbar-dark .navbar-brand,
	.navbar.navbar-dark .navbar-brand:hover,
	.navbar.navbar-dark .navbar-brand:focus {
		color: #ffffff;
	}

	.navbar.navbar-dark .btn-outline-light {
		border-color: rgba(255, 255, 255, 0.65);
		color: #ffffff;
	}

	.navbar.navbar-dark .btn-outline-light:hover {
		background-color: var(--color-brand-primary);
		border-color: var(--color-brand-primary);
		color: #ffffff;
	}

	.btn-primary,
	.btn-primary:focus,
	.btn-primary:active,
	.btn-primary.active {
		background-color: var(--color-brand-primary) !important;
		background-image: none !important;
		border-color: var(--color-brand-primary-active) !important;
		color: #ffffff !important;
	}

	.btn-primary:hover {
		background-color: var(--color-brand-primary-active) !important;
		border-color: var(--color-brand-primary-active) !important;
		color: #ffffff !important;
	}

	.btn-success,
	#btn-entrar {
		background-color: var(--color-action-success) !important;
		background-image: none !important;
		border-color: var(--color-action-success-hover) !important;
	}

	.btn-success:hover,
	#btn-entrar:hover {
		background-color: var(--color-action-success-hover) !important;
	}

	.btn-info,
	.btn-azul-pattern {
		background-color: var(--color-action-info) !important;
		background-image: none !important;
		border-color: var(--color-action-info) !important;
	}

	/* Não remapeia `a` genérico: nas views B o CSS entra no layout Mango. */

	.badge,
	.label-warning,
	.label-important,
	.pill-brand {
		background-color: var(--color-brand-primary);
	}

	.label-success,
	.badge-success {
		background-color: var(--color-brand-secondary);
	}

	input:focus,
	textarea:focus,
	select:focus,
	.form-control:focus,
	.form-select:focus {
		border-color: var(--color-input-focus) !important;
		outline-color: var(--color-input-focus);
		box-shadow: 0 0 0 0.15rem rgba(240, 162, 28, 0.25) !important;
	}

	.pagination > .active > a,
	.pagination > .active > span,
	.page-item.active .page-link,
	.nav-pills > .active > a,
	.nav-pills .nav-link.active,
	.nav-tabs .nav-link.active {
		background-color: var(--color-brand-primary) !important;
		border-color: var(--color-brand-primary) !important;
		color: #ffffff !important;
	}

	.table thead th,
	.table > thead > tr > th {
		border-bottom-color: var(--color-brand-primary);
	}

	.progress-bar {
		background-color: var(--color-brand-primary);
	}

	.card,
	.panel,
	.widget-box {
		border-color: var(--color-line);
	}

	/* Chrome Bootstrap 3 que ainda vinha azul (#337ab7) */
	.panel-primary {
		border-color: var(--color-nav-bg);
	}

	.panel-primary > .panel-heading,
	.panel-info > .panel-heading {
		background-color: var(--color-nav-bg) !important;
		background-image: none !important;
		border-color: var(--color-nav-bg) !important;
		border-bottom: 3px solid var(--color-brand-primary) !important;
		color: #ffffff !important;
	}

	.panel-primary > .panel-heading .panel-title,
	.panel-info > .panel-heading .panel-title,
	.panel-primary > .panel-heading .badge {
		color: #ffffff;
	}

	.bg-primary {
		background-color: var(--color-nav-bg) !important;
	}

	.label-primary {
		background-color: var(--color-brand-primary);
	}

	.list-group-item.active,
	.list-group-item.active:hover,
	.list-group-item.active:focus {
		background-color: var(--color-nav-bg);
		border-color: var(--color-brand-primary);
	}

	.nav-tabs > li > a {
		color: var(--color-text);
	}

	.nav-tabs > li > a:hover {
		color: var(--color-brand-navy);
		border-color: var(--color-line);
	}

	.nav-tabs > li.active > a,
	.nav-tabs > li.active > a:hover,
	.nav-tabs > li.active > a:focus {
		color: var(--color-brand-navy) !important;
		border-bottom-color: var(--color-brand-primary) !important;
		background-color: var(--color-surface) !important;
	}

	.alert-info {
		background-color: var(--color-brand-secondary-soft);
		border-color: var(--color-brand-secondary);
		color: var(--color-brand-navy);
	}

	.alert-info .alert-link,
	.alert-info a {
		color: var(--color-brand-navy);
	}

	.text-primary {
		color: var(--color-brand-navy);
	}
}

/* @media print: os overrides acima não se aplicam (só @media screen).
   Boletim e histórico impressos ficam com o CSS original da tela. */