/**
 * Skin Mango — identidade Dataeduc / Gestor1.
 * Só visual. Depende de brand-tokens.css. Não altera HTML/fluxo.
 * Impressão: overrides só em @media screen.
 */
@media screen {
	body {
		background: var(--color-page-bg);
		background-image: none;
	}

	/* Barra fixa do topo */
	#toolbar {
		background: var(--color-nav-bg);
		background-image: none;
		border-bottom: 3px solid var(--color-brand-primary);
	}

	#toolbar .right li > a {
		background: var(--color-menu-active-bg);
		background-image: none;
		border-color: #3d3d3d;
		color: #ffffff;
	}

	/* Toolbar do conteúdo */
	#main {
		background: var(--color-surface);
		background-image: none;
	}

	#main .toolbar {
		background: var(--color-nav-bg);
		background-image: none;
		border-color: var(--color-nav-bg);
		border-bottom: 3px solid var(--color-brand-primary);
		box-shadow: none;
		color: #ffffff;
	}

	#main .toolbar .user > span,
	#main .toolbar .user > span:after,
	#main .toolbar .shortcuts li a,
	#main .toolbar .shortcuts li a span.icon:before {
		color: #ffffff;
		text-shadow: none;
	}

	#main .toolbar .user:hover,
	#main .toolbar .shortcuts li a:hover {
		border-color: var(--color-brand-primary);
		background: var(--color-menu-active-bg);
	}

	#main .toolbar .shortcuts li a:hover:active,
	#main .toolbar .shortcuts li.active a {
		background: var(--color-menu-active-bg);
		background-image: none;
		border-color: var(--color-brand-primary-active);
	}

	#main .toolbar .user li:hover {
		background: var(--color-brand-primary-soft);
		background-image: none;
		border-color: var(--color-brand-primary);
	}

	/* Sidebar — unifica :link/:visited (Mango pintava visitados de #404040 + text-shadow branco) */
	aside {
		background: var(--color-sidebar-bg);
	}

	aside:after {
		background: none;
	}

	aside nav a,
	aside nav a:link,
	aside nav a:visited,
	aside nav a:hover,
	aside nav a:active {
		font-weight: 400;
		font-size: 12px;
		text-shadow: none;
		text-decoration: none;
		color: #eeeeee;
	}

	aside nav > ul > li > a,
	aside nav > ul > li > a:link,
	aside nav > ul > li > a:visited {
		background: var(--color-sidebar-bg);
		background-image: none;
		color: #eeeeee;
		border-top: 1px solid #636363;
		border-bottom: 1px solid transparent;
		border-left: 0;
		border-right: 0;
		margin: 0;
		box-shadow: none;
		text-shadow: none;
		font-weight: 400;
	}

	aside nav > ul > li:last-child > a,
	aside nav > ul > li:last-child > a:visited {
		border-bottom: 1px solid #636363;
	}

	aside nav > ul > li > a:hover,
	aside nav > ul > li.current > a:hover {
		background: var(--color-menu-active-bg);
		background-image: none;
		border-color: #636363;
		color: #ffffff;
		margin: 0;
	}

	aside nav > ul > li > a:hover:active,
	aside nav > ul > li.current > a:hover:active {
		background: var(--color-menu-active-bg);
		background-image: none;
	}

	aside nav > ul > li.current > a,
	aside nav > ul > li.current > a:link,
	aside nav > ul > li.current > a:visited {
		background: var(--color-menu-active-bg);
		background-image: none;
		color: #ffffff;
		box-shadow: inset 3px 0 0 var(--color-brand-primary);
		border-left: 0;
	}

	aside nav > ul > li.current > a:before,
	aside nav > ul > li.current > a:hover:before,
	aside nav > ul > li.current > a:hover:active:before {
		display: none;
		background: none;
	}

	aside nav > ul > li a span.icon:before,
	aside nav > ul > li a:hover span.icon:before,
	aside nav a.with_sub:after {
		color: #dddddd;
		text-shadow: none;
	}

	aside nav a.with_sub:hover:after {
		color: #ffffff;
	}

	aside nav > ul > li > ul > li a,
	aside nav > ul > li > ul > li a:link,
	aside nav > ul > li > ul > li a:visited {
		background: #4a4a4a;
		background-image: none;
		color: #eeeeee;
		font-weight: 400;
		text-shadow: none;
		border: 0;
		box-shadow: none;
		padding: 0 10px 0 35px;
		height: 29px;
		line-height: 29px;
	}

	aside nav > ul > li > ul > li a:hover,
	aside nav > ul > li > ul > li.current a,
	aside nav > ul > li > ul > li.current a:visited {
		background: var(--color-menu-active-bg);
		border: 0;
		box-shadow: none;
		color: #ffffff;
		font-weight: 400;
		text-shadow: none;
	}

	aside nav > ul > li > ul a:before {
		color: var(--color-brand-primary);
		text-shadow: none;
	}

	aside nav span.badge {
		background: var(--color-brand-primary);
		background-image: none;
		border-color: var(--color-brand-primary-active);
		filter: none;
		color: #ffffff;
		text-shadow: none;
	}

	/* CTAs (Salvar, Adicionar) — laranja. Não pinta .grey/.small (coluna de ações). */
	button:not(.red):not(.flat):not(.grey):not(.small),
	input[type=button]:not(.red):not(.flat):not(.grey):not(.small),
	input[type=submit]:not(.red):not(.flat):not(.grey):not(.small),
	#content a.button:not(.red):not(.flat):not(.grey):not(.small),
	.ui-button.ui-state-default:not(.ui-spinner-button):not(.red):not(.grey):not(.small) {
		background: var(--color-brand-primary);
		background-image: none;
		border-color: var(--color-brand-primary-active);
		filter: none;
		color: #ffffff;
		text-shadow: none;
	}

	button:not(.red):not(.flat):not(.grey):not(.small):hover,
	input[type=button]:not(.red):not(.flat):not(.grey):not(.small):hover,
	input[type=submit]:not(.red):not(.flat):not(.grey):not(.small):hover,
	#content a.button:not(.red):not(.flat):not(.grey):not(.small):hover,
	.ui-button.ui-state-hover:not(.ui-spinner-button):not(.red):not(.grey):not(.small) {
		background: var(--color-brand-primary-active);
		background-image: none;
		border-color: var(--color-brand-primary-active);
		filter: none;
		color: #ffffff;
	}

	/* Coluna de ações / ícones: neutros, sem laranja (ícone visível) */
	button.grey,
	button.small,
	input[type=button].grey,
	input[type=button].small,
	input[type=submit].grey,
	input[type=submit].small,
	#content a.button.grey,
	#content a.button.small {
		background: #f5f5f5;
		background-image: none;
		border: 1px solid #c8c8c8;
		filter: none;
		color: #3a3a3a;
		text-shadow: none;
		box-shadow: none;
	}

	button.grey:hover,
	button.small:hover,
	input[type=button].grey:hover,
	input[type=button].small:hover,
	input[type=submit].grey:hover,
	input[type=submit].small:hover,
	#content a.button.grey:hover,
	#content a.button.small:hover {
		background: #ffffff;
		background-image: none;
		border-color: #b0b0b0;
		filter: none;
		color: #222222;
	}

	/* Foco de campo */
	input[type=text]:focus,
	input[type=password]:focus,
	input[type=date]:focus,
	input[type=datetime]:focus,
	input[type=time]:focus,
	textarea:not(.editor):focus,
	select:focus {
		border-color: var(--color-input-focus);
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.12), 0 0 6px rgba(240, 162, 28, 0.45);
	}

	/* Cards */
	.box .header {
		border-top: 3px solid var(--color-brand-primary);
	}

	/* Conteúdo */
	#content {
		background: var(--color-surface);
	}
}