/* @charset "UTF-8"; */

/* 
Onde usar cada tamanho (guia rápido)
🔹 Aside
Menu principal: 14px
Submenu: 13px
Labels auxiliares: 12px
🔹 Header
Breadcrumb / título: 16–18px
Dropdowns: 14px
🔹 Cards
Título: 14–16px
Número grande: 22–28px
Descrição: 12px
🔹 Tabelas
Header: 12–13px
Body: 13–14px
*/


/* 
Índice
1. Variáveis CSS
2. Tags nativas
3. Backgrounds
4. Textos
5. Botões
6. Inputs
7. Dropdowns
8. Bordas
9. Global
10. Fontes
11. Paginação
12. Alertas
13. Tabelas
14. Badges
15. Formulário/Forms
16. Filtro de buscas avançado
17. Accordion
18. Toast
19. Gallery
20. Avulsos
*/

:root {
	/* Font sizes */
	--fs-h1: 24px;
	--fs-h2: 20px;
	--fs-h3: 18px;
	--fs-h4: 16px;
	--fs-h5: 14px;
	--fs-h6: 12px;
	--fs-body: 14px;
	--fs-small: 12px;
	--fs-micro: 11px;

	/* Line heights */
	--lh-tight: 1.2;
	--lh-normal: 1.5;

	/* Shadows */
	--shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08);
	--shadow-md: 0 2px 8px rgba(0, 0, 0, 0.15);
	--shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.18);

	/* Spacing scale (base 4px) */
	--space-1: 4px;   /* micro  — badges, tiny gaps */
	--space-2: 8px;   /* small  — dropdown rows, card rows */
	--space-3: 12px;  /* medium — section titles, dividers */
	--space-4: 16px;  /* base   — dropdown items, headers */
	--space-5: 20px;  /* large  — panels, section bodies */
	--space-6: 24px;  /* xl     */
	--space-7: 32px;  /* 2xl    */
	--space-8: 48px;  /* 3xl    */
}

/* === Tags nativas === */
html {
	scrollbar-gutter: stable;
}

/* === Backgrounds === */
.bg-secondary {
	background-color: rgba(var(--bg-secondary)/ 1) !important;
}

.bg-green {
	background-color: rgba(var(--green)/ 1) !important;
}

.bg-light-blue {
	background-color: rgba(var(--light-blue)/ 1) !important;
}

.bg-yellow {
	background-color: rgba(var(--yellow)/ 1) !important;
}

/* === Textos === */
/* === Botões === */
/* === Inputs === */
input {
	background-color: rgba(var(--bg-primary)/ 1) !important;
	border: 1px solid rgba(var(--border-primary)/ 1) !important;
	color: rgba(var(--text-primary)/ 1) !important;
}
.max-width-150 {
	max-width: 150px !important;
}
.max-width-180 {
	max-width: 180px !important;
}
.max-width-200 {
	max-width: 200px !important;
}
.max-width-300 {
	max-width: 300px !important;
}

input:focus,
select:focus,
textarea:focus,
.form-control:focus,
.form-select:focus {
	box-shadow: 0 0 0 .15rem rgba(var(--color-primary-rgb)/ 0.25) !important;
	outline: 1px solid rgba(var(--color-primary-rgb)/ 0.25) !important;
	border-color: transparent !important;
}

/* === Form controls — cor primária === */

/* Checkbox e Radio: fundo + borda quando marcado */
.form-check-input:checked {
	background-color: var(--color-primary) !important;
	border-color: var(--color-primary) !important;
}

/* Focus ring */
.form-check-input:focus {
	border-color: rgba(var(--color-primary-rgb) / 0.5) !important;
	box-shadow: 0 0 0 0.25rem rgba(var(--color-primary-rgb) / 0.25) !important;
}

/* Switch: trilho ligado com cor primária */
.form-switch .form-check-input:checked {
	background-color: var(--color-primary) !important;
	border-color: var(--color-primary) !important;
}

/* Date picker: ícone do calendário adaptado ao tema */
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="datetime-local"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator {
	cursor: pointer;
	filter: var(--filter-invert, invert(0));
	opacity: 0.7;
}

/* === Dropdowns nativos (fallback) === */
select {
	background: rgba(var(--bg-primary)/ 1) !important;
	color: rgba(var(--text-primary)/ 1) !important;
	border: 1px solid rgba(var(--border-primary)/ 1) !important;
}

select:focus {
	box-shadow: none !important;
	outline: 1px solid rgba(var(--border-primary)/ 1) !important;
}

/* === Choices.js === */

/* Esconde o select nativo antes do Choices.js inicializar (evita FOUC) */
select:not([data-no-choices]) {
	opacity: 0 !important;
	pointer-events: none !important;
}

.choices {
	margin-bottom: 0;
}

.choices__inner {
	background-color: rgba(var(--bg-primary)/ 1) !important;
	color: rgba(var(--text-primary)/ 1) !important;
	border: 1px solid rgba(var(--border-primary)/ 1) !important;
	border-radius: .5rem !important;
	min-height: unset !important;
	padding: 2px 15px 2px 8px !important;
	font-size: 1rem !important;
	line-height: 1.5 !important;
}

/* Tamanho sm — dentro de filterForm listview*/
#filterForm .choices__inner {
	background-color: rgba(var(--bg-primary)/ 1) !important;
	color: rgba(var(--text-primary)/ 1) !important;
	border: 1px solid rgba(var(--border-primary)/ 1) !important;
	border-radius: .5rem !important;
	min-height: unset !important;
	padding: 1px 15px 1px 6px !important;
	font-size: 0.875rem !important;
	line-height: 1.5 !important;
} 

/* Item selecionado dentro do campo */
.choices__list--single .choices__item {
	font-size: inherit !important;
	line-height: 1.5 !important;
	white-space: nowrap !important;
}
.choices.is-focused .choices__inner,
.choices.is-open .choices__inner {
	border-color: rgba(var(--color-primary-rgb)/ 0.6) !important;
	box-shadow: 0 0 0 0.15rem rgba(var(--color-primary-rgb)/ 0.25) !important;
}
/* .choices__list--dropdown, */
.choices__list[aria-expanded] {
	background-color: rgba(var(--bg-primary)/ 1) !important;
	border: 1px solid rgba(var(--border-primary)/ 1) !important;
	border-radius: 0.375rem !important;
	margin-top: 0px;
	z-index: 9999;
	min-width: 100%;
}
.choices__list--dropdown {
	min-width: 100%;
	width: auto;
}

.choices__item {
	color: rgba(var(--text-primary)/ 1) !important;
	white-space: nowrap !important;
}
.choices__item--choice.is-highlighted {
	background-color: var(--color-primary) !important;
	color: #fff !important;
}
.choices__item--choice.is-selected {
	background-color: rgba(var(--color-primary-rgb)/ 0.15) !important;
	color: rgba(var(--text-primary)/ 1) !important;
}
.choices__input {
	background-color: rgba(var(--bg-primary)/ 1) !important;
	color: rgba(var(--text-primary)/ 1) !important;
	border-bottom: 1px solid rgba(var(--border-primary)/ 1) !important;
}
.choices__placeholder {
	opacity: 0.5;
}
.choices__list--dropdown .choices__list::-webkit-scrollbar {
	width: 4px;
}
.choices__list--dropdown .choices__list::-webkit-scrollbar-track {
	background: transparent;
}
.choices__list--dropdown .choices__list::-webkit-scrollbar-thumb {
	background-color: rgba(var(--dark-gray)/ 0.5);
	border-radius: 3px;
}

option {
	background: rgba(var(--bg-primary)/ 1) !important;
	color: rgba(var(--text-primary)/ 1) !important;
	border: 1px solid rgba(var(--border-primary)/ 1) !important;
}

option:focus {
	box-shadow: none !important;
	outline: 1px solid rgba(var(--border-primary)/ 1) !important;
}

.dropdown-divider {
	border-top: 1px solid rgba(var(--border-primary)/ 1) !important;
	opacity: 1 !important;
}

/* === Bordas === */
.border-bottom {
	border-bottom: 1px solid rgba(var(--border-primary)/ 1) !important;
}
.border-top {
	border-top: 1px solid rgba(var(--border-primary)/ 1) !important;
}
.border-start {
	border-left: 1px solid rgba(var(--border-primary)/ 1) !important;
}
.border-end {
	border-right: 1px solid rgba(var(--border-primary)/ 1) !important;
}


.border-default {
	border: 1px solid rgba(var(--border-primary)/ 1) !important;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Nunito Sans', sans-serif;
}

body {
	background-color: rgba(var(--bg-primary)/ 1);
	color: rgba(var(--text-primary)/ 1);
	font-size: var(--fs-body);
	line-height: var(--lh-normal);
	min-height: 90vh !important;
}

h1 {
	font-size: var(--fs-h1);
	line-height: var(--lh-tight);
}

h2 {
	font-size: var(--fs-h2);
}

h3 {
	font-size: var(--fs-h3);
}

h4 {
	font-size: var(--fs-h4);
}

h5 {
	font-size: var(--fs-h5);
}

h6 {
	font-size: var(--fs-h6);
}

small {
	font-size: var(--fs-small);
}

.small {
	font-size: var(--fs-small) !important;
}

.micro {
	font-size: var(--fs-micro);
}

button {
	box-shadow: none !important;
}

/* .btn-sm {
	font-size: var(--fs-small)!important;
}

.form-control {
	font-size: var(--fs-body)!important;
} */

@media (min-width: 768px) {
	.container {
		max-width: 95% !important;
	}
}

@media (min-width: 2000px) {
	.container {
		max-width: 1900px !important;
	}
}

.text-default {
	color: rgba(var(--text-primary)/ 1) !important;
}

/* FONTES */
.neo-regular {
	font-style: normal;
}

.neo-bold {
	font-style: normal;
	font-weight: 700;
}

a:focus,
button:focus {
	outline: none !important;
	box-shadow: none !important;
}

button::-moz-focus-inner {
	border: 0;
}

input,
button,
select,
textarea,
*:focus {
	outline: none !important;
}

a,
a:hover {
	color: rgba(var(--text-primary)/ 1);
	text-decoration: none !important;
}

.rounded {
	border-radius: .5rem !important;
}

.rounded-sm {
	border-radius: .25rem !important;
}

input:not([type="checkbox"]):not([type="radio"]),
.btn {
	border-radius: .5rem !important;
}

/* Input-group: arredonda só as pontas externas */
.input-group > :first-child,
.input-group > input:first-child {
	border-top-left-radius: .5rem !important;
	border-bottom-left-radius: .5rem !important;
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}
.input-group > :last-child,
.input-group > input:last-child {
	border-top-right-radius: .5rem !important;
	border-bottom-right-radius: .5rem !important;
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}
.input-group > :not(:first-child):not(:last-child),
.input-group > input:not(:first-child):not(:last-child) {
	border-radius: 0 !important;
}

/* Btn-group: arredonda só as pontas externas */
.btn-group > .btn:first-child {
	border-top-left-radius: .5rem !important;
	border-bottom-left-radius: .5rem !important;
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}
.btn-group > .btn:last-child {
	border-top-right-radius: .5rem !important;
	border-bottom-right-radius: .5rem !important;
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}
.btn-group > .btn:not(:first-child):not(:last-child) {
	border-radius: 0 !important;
}

.disabled {
	opacity: 0.5 !important;
	pointer-events: none;
}

.dropdown-menu {
	background-color: rgba(var(--bg-secondary)/ 1);
	color: rgba(var(--text-primary)/ 1);
	font-size: var(--fs-body);
	border: 1px solid rgba(var(--border-primary)/ 1);
	border-radius: .25rem;
	padding: 6px 0;
	box-shadow: var(--shadow-md);
	min-width: 200px;
}

.dropdown-item {
	color: rgba(var(--text-primary)/ 1) !important;
	padding: var(--space-2) var(--space-4);
	font-size: var(--fs-body);
	border-radius: 0;
	transition: background-color 0.15s ease;
}

.dropdown-item:active {
	background-color: rgba(var(--hover-primary)/ 1) !important;
}

.dropdown-item:hover {
	background-color: rgba(var(--hover-primary)/ 1) !important;
}

.dropdown-item:focus {
	background-color: rgba(var(--hover-primary)/ 1) !important;
}

/* Links dentro de dropdown-menu seguem mesmo estilo */
.dropdown-menu a {
	display: block;
	color: rgba(var(--text-primary)/ 1);
	text-decoration: none;
	padding: var(--space-2) var(--space-4);
	border-radius: 0;
	transition: background-color 0.15s ease;
}

.dropdown-menu a:hover {
	background-color: rgba(var(--hover-primary)/ 1);
	color: rgba(var(--text-primary)/ 1);
}

.dropdown-menu li a {
	display: block;
	padding: var(--space-2) var(--space-4);
}

/* Separadores nos dropdowns */
/* .dropdown-menu hr {
	margin: 6px 0;
	border-color: rgba(var(--border-primary)/ 1);
	opacity: 1;
} */

/* Botões dentro de dropdowns */
.dropdown-menu button {
	padding: var(--space-2) var(--space-4);
	transition: background-color 0.15s ease;
}

.dropdown-menu button:hover {
	background-color: rgba(var(--hover-primary)/ 1);
}

/* Ícones nos dropdowns - tamanho padronizado */
.dropdown-menu i {
	width: 16px;
	font-size: 14px;
	text-align: center;
	display: inline-block;
}

.dropdown-menu .fas,
.dropdown-menu .far,
.dropdown-menu .fab,
.dropdown-menu .fal {
	width: 16px;
	font-size: 14px;
	text-align: center;
}



.team-icon {
	opacity: 0.6;
	width: 15px;
	height: 15px;
	font-size: 8px;
	border-radius: 50%;
	color: rgba(var(--light-blue)/ 1);
	text-align: center;
	font-weight: 700;
	align-items: center;
	justify-content: center;
	display: inline-flex;
}

/* GLOBAL */
/*input quantidade detail*/
icon-shape {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	vertical-align: middle;
}


/* BOTÕES */
.btn:focus {
	box-shadow: none !important;
}

/* ------------ */
.btn-primary {
	color: white !important;
	border-color: rgba(var(--color-primary-rgb)/ 1) !important;
	background-color: rgba(var(--color-primary-rgb)/ 1) !important;
}

.btn-primary:hover {
	color: white !important;
	box-shadow: 1px 1px 14px rgba(var(--color-primary-rgb)/ .5) !important;
	transition: 0.3s !important;
}

.btn-outline-primary {
	color: rgba(var(--color-primary-rgb)/ 1) !important;
	background-color: transparent !important;
	border-color: rgba(var(--color-primary-rgb)/ 1) !important;
}

.btn-outline-primary:hover {
	color: white !important;
	background-color: rgba(var(--color-primary-rgb)/ 1) !important;
	box-shadow: 1px 1px 14px rgba(var(--color-primary-rgb)/ .5) !important;
	transition: 0.3s !important;
}

/* ------------ */
.btn-secondary {
	color: white !important;
	border-color: rgba(var(--color-secondary-rgb)/ 1) !important;
	background-color: rgba(var(--color-secondary-rgb)/ 1) !important;
}

.btn-secondary:hover {
	color: white !important;
	box-shadow: 1px 1px 14px rgba(var(--color-secondary-rgb)/ .5) !important;
	transition: 0.3s !important;
}

.btn-outline-secondary {
	color: rgba(var(--color-secondary-rgb)/ 1) !important;
	background-color: transparent !important;
	border-color: rgba(var(--color-secondary-rgb)/ 1) !important;
}

.btn-outline-secondary:hover {
	color: white !important;
	background-color: rgba(var(--color-secondary-rgb)/ 1) !important;
	box-shadow: 1px 1px 14px rgba(var(--color-secondary-rgb)/ .5) !important;
	transition: 0.3s !important;
}

/* ------------ */
.btn-options {
	color: white !important;
	border-color: rgba(var(--button-options)/ 1) !important;
	background-color: rgba(var(--button-options)/ 1) !important;
}

.btn-options:hover {
	color: white !important;
	box-shadow: 1px 1px 14px rgba(var(--button-options)/ .5) !important;
	transition: 0.3s !important;
}

.btn-outline-options {
	color: rgba(var(--button-options)/ 1) !important;
	background-color: transparent !important;
	border-color: rgba(var(--button-options)/ 1) !important;
}

.btn-outline-options:hover {
	color: white !important;
	background-color: rgba(var(--button-options)/ 1) !important;
	box-shadow: 1px 1px 14px rgba(var(--button-options)/ .5) !important;
	transition: 0.3s !important;
}

/* ------------ */
.btn-delete {
	color: white !important;
	border-color: rgba(var(--red)/ 1) !important;
	background-color: rgba(var(--red)/ 1) !important;
}

.btn-delete:hover {
	color: white !important;
	box-shadow: 1px 1px 14px rgba(var(--red)/ .5) !important;
	transition: 0.3s !important;
}

.btn-outline-delete {
	color: rgba(var(--button-options)/ 1) !important;
	background-color: transparent !important;
	border-color: rgba(var(--button-options)/ 1) !important;
}

.btn-outline-delete:hover {
	color: white !important;
	background-color: rgba(var(--red)/ 1) !important;
	box-shadow: 1px 1px 14px rgba(var(--red)/ .5) !important;
	transition: 0.3s !important;
	border-color: rgba(var(--red)/ 1) !important;
}

.btn-options.disabled {
	opacity: 0.8 !important;
	pointer-events: none;
}


.btn-whatsapp {
	color: white;
	border-color: rgba(var(--green)/ 1) !important;
	background-color: rgba(var(--green)/ 1) !important;
}

.btn-whatsapp:hover {
	box-shadow: 1px 1px 14px rgba(var(--green)/ .5);
	transition: 0.3s;
	color: white !important;
}

.btn-cancel {
	color: #666;
	border-color: rgba(var(--gray)/ 1) !important;
	background-color: rgba(var(--gray)/ 1) !important;
}

.btn-outline-cancel {
	color: #a4a4a4;
	border-color: #a4a4a4 !important;
	background-color: transparent !important;
}

.btn-outline-cancel:hover {
	color: rgba(var(--text-primary)/ 1) !important;
	background-color: rgba(var(--text-secondary)/ 1) !important;
	transition: 0.3s;
}

.btn-info {
	color: #fff !important;
}

.btn-invisible {
	background-color: transparent;
	color: #555555;
}


.btn-outline-whatsapp {
	color: #25d366;
	border-color: #25d366 !important;
}

.btn-outline-whatsapp:hover {
	color: white !important;
	background-color: #25d366 !important;
	box-shadow: 1px 1px 14px rgb(26 225 26 / 60%);
	transition: 0.3s;
	color: #25d366;
}

.btn-outline-info:hover {
	box-shadow: 1px 1px 14px rgb(12, 210, 249) !important;
	transition: 0.3s;
	color: #ffffff !important;
}

.btn-info:hover {
	box-shadow: 1px 1px 14px rgb(12, 210, 249) !important;
	transition: 0.3s;
}


/* Paginação $$$ */
.page-link {
	background-color: rgba(var(--bg-secondary)) !important;
	color: rgba(var(--text-primary)/ 1) !important;
	border: 1px solid rgba(var(--border-primary)/ 1) !important;
	/* border-radius: .4rem !important; */
}

/* Help Text d-block $$$ */
#hint_id_on_off,
#hint_id_activate,
#hint_id_delete_signal_message,
#hint_id_just_scheduled,
#hint_id_show_on_off_message,
#hint_id_test_mode,
#hint_id_clear_results,
#hint_id_on_off_scheduled_message,
#hint_id_interrupt_on_amount,
#hint_id_gales_signals,
#hint_id_score_signals,
#hint_id_gales_reply_to,
#hint_id_only_one,
#hint_id_retry_in_sequence,
#hint_id_send_analyzing_message,
#hint_id_delete_analyzing_message,
#hint_id_delete_signal_message {
	display: block;
}

/* Alertas */



/* Tabelas */
table {
	color: rgba(var(--text-primary)/ 1) !important;
	--bs-table-hover-color: rgba(var(--text-primary)/ 1) !important;
	--bs-table-hover-bg: rgba(var(--hover-secondary)/ 1) !important;
}

th {
	background-color: rgba(var(--hover-primary)/ 1) !important;
	color: rgba(var(--text-primary)/ 1);
	border: none !important;
}

th:first-child {
	border-top-left-radius: .25rem !important;
	border-bottom-left-radius: .25rem !important;
	/* padding-left: 10px!important; */
}

th:last-child {
	border-top-right-radius: .25rem !important;
	border-bottom-right-radius: .25rem !important;
	/* padding-right: 10px!important; */
}

td {
	border-bottom-color: rgba(var(--border-primary)/ 1) !important;
}

/* Badges */

/* Base badge */
.badge {
	display: inline-flex;
	align-items: center;
	padding: var(--space-1) var(--space-2);
	border-radius: .75rem;
	font-size: 12px;
	font-weight: 500;
	line-height: 1;
	border-style: solid;
	border-width: 1px;
}

.badge-custom-primary {
	color: rgba(var(--text-primary)/ 1) !important;
	background-color: rgba(var(--bg-primary)/ .1) !important;
	border-color: rgba(var(--border-primary)/ .5) !important;
}


.badge-green {
	color: rgba(var(--green)/ 1);
	background-color: rgba(var(--green)/ .1);
	border-color: rgba(var(--green)/ .5);
}

.badge-red {
	color: rgba(var(--red)/ 1);
	background-color: rgba(var(--red)/ .1);
	border-color: rgba(var(--red)/ .5);
}

.badge-light-blue {
	color: rgba(var(--light-blue)/ 1);
	background-color: rgba(var(--light-blue)/ .1);
	border-color: rgba(var(--light-blue)/ .5);
}

.badge-yellow {
	color: rgba(var(--yellow)/ 1);
	background-color: rgba(var(--yellow)/ .1);
	border-color: rgba(var(--yellow)/ .5);
}

.badge-purple {
	color: rgba(var(--purple)/ 1);
	background-color: rgba(var(--purple)/ .1);
	border-color: rgba(var(--purple)/ .5);
}

.badge-pink {
	color: rgba(var(--pink)/ 1);
	background-color: rgba(var(--pink)/ .1);
	border-color: rgba(var(--pink)/ .5);
}

.badge-orange {
	color: rgba(var(--orange)/ 1);
	background-color: rgba(var(--orange)/ .1);
	border-color: rgba(var(--orange)/ .5);
}

/* FORMULÁRIO/FORMS */
.roulletes-checkboxes div {
	overflow-y: auto;
	width: 45%;
}

@media (max-width: 768px) {
	.roulletes-checkboxes div {
		width: 100%;
	}
}

.identification {
	background-color: rgba(var(--hover-primary)/ 1);
	color: rgba(var(--text-primary)/ 1);
	border-radius: .375rem !important;
	padding-top: 7px !important;
	padding-bottom: 7px !important;
}

@media (max-width: 768px) {
	.show_dropdown {
		min-height: 300px;
	}
}

/* FILTRO DE BUSCAS AVANÇADO */
#filterPanel {
	position: fixed;
	top: 0;
	right: -300px;
	width: 300px;
	height: calc(100% - 48px);
	transition: right 0.25s ease, transform 0.3s ease;
	z-index: 3;
}

#filterPanel .scroll {
	overflow-y: auto;
	position: relative;
	height: calc(100% - 158px);
	top: 0;
}

#filterPanel.open {
	right: 0;
	box-shadow: var(--shadow-md) !important;
	border-left: 1px solid rgba(var(--border-primary)/ 1);
}

.loader {
	position: absolute;
	top: 20%;
	left: 45%;
	transform: translate(-50%, -50%);
	width: 48px;
	height: 48px;
	border-radius: 50%;
	display: inline-block;
	border-top: 4px solid #FFF;
	border-right: 4px solid transparent;
	box-sizing: border-box;
	animation: rotation 1s linear infinite;
}

.loader::after {
	content: '';
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	border-bottom: 4px solid #35f57d;
	border-left: 4px solid transparent;
}

@keyframes rotation {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

/* Btn Filter */
#filterPanel .div-btn-filter {
	position: absolute;
	z-index: 999;
	bottom: 0;
	width: 100%;
	border-top: 1px solid rgba(var(--border-primary)/ 1);
}

/* === Formulário/Forms — validação === */

/* Estado inválido */
.form-control.is-invalid,
.form-select.is-invalid,
input.is-invalid,
select.is-invalid,
textarea.is-invalid {
	border-color: rgba(var(--red)/ 1) !important;
	background-image: none !important;
}

.form-control.is-invalid:focus,
.form-select.is-invalid:focus,
input.is-invalid:focus,
select.is-invalid:focus,
textarea.is-invalid:focus {
	border-color: rgba(var(--red)/ 1) !important;
	box-shadow: 0 0 0 3px rgba(var(--red)/ 0.12) !important;
	outline: none !important;
}

/* Estado válido */
.form-control.is-valid,
.form-select.is-valid,
input.is-valid,
select.is-valid,
textarea.is-valid {
	border-color: rgba(var(--green)/ 1) !important;
	background-image: none !important;
}

.form-control.is-valid:focus,
.form-select.is-valid:focus,
input.is-valid:focus,
select.is-valid:focus,
textarea.is-valid:focus {
	border-color: rgba(var(--green)/ 1) !important;
	box-shadow: 0 0 0 3px rgba(var(--green)/ 0.12) !important;
	outline: none !important;
}

/* Mensagem de erro */
.invalid-feedback {
	display: none;
	margin-top: var(--space-1);
	font-size: var(--fs-small);
	color: rgba(var(--red)/ 1);
}

.invalid-feedback::before {
	content: "\f071";
	font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free";
	font-weight: 900;
	font-style: normal;
	margin-right: var(--space-1);
}

.is-invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-feedback {
	display: block;
}

/* Mensagem de sucesso */
.valid-feedback {
	display: none;
	margin-top: var(--space-1);
	font-size: var(--fs-small);
	color: rgba(var(--green)/ 1);
}

.is-valid ~ .valid-feedback,
.was-validated :valid ~ .valid-feedback {
	display: block;
}

/* Accordion */
.accordion-item {
	border-bottom: 1px solid rgba(var(--border-primary)/ 1);
	background-color: transparent;
	border-radius: 0;
}

.accordion-button {
	font-size: 14px;
	padding: 10px;
	background-color: transparent;
}

.accordion-button::after {
	background-image: none;
	background-color: rgba(var(--text-primary)/ 1);
	-webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	mask-repeat: no-repeat;
	mask-size: contain;
}

.accordion-button:not(.collapsed) {
	color: inherit;
	background-color: transparent;
	box-shadow: unset;
}

.accordion-header {
	color: rgba(var(--text-primary)/ 1);
}

.accordion-body {
	padding: 7px;
}


/* Toast */
.wrapper-toast {
	width: 420px;
	padding: 30px 20px;
	position: fixed;
	top: 50px;
	right: 0;
	z-index: 9999;
	/* Para exibir um abaixo do outro */
	display: flex;
	flex-direction: column;
	gap: 5px;
	align-items: flex-end;
}

.toast {
	max-width: 380px;
	height: auto;
	padding: 15px;
	box-shadow: var(--shadow-sm);
	border-radius: 7px;
	border: 1px solid rgba(0, 0, 0, .2);
	border: none;
	display: grid;
	grid-template-columns: 1.2fr 6fr 0.5fr;
	transform: translate(400px);
	transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
	opacity: 0;
}

.toast-active {
	opacity: 100% !important;
	transform: translateX(0);
}

.border-toast-success {
	border-left: 2px solid rgba(var(--green)/ 1);
}

.border-toast-erro {
	border-left: 2px solid rgba(var(--red)/ 1);
}

.border-toast-info {
	border-left: 2px solid rgba(var(--light-blue)/ 1);
}

.border-toast-warning {
	border-left: 2px solid rgba(var(--yellow)/ 1);
}

.container-1,
.container-2 {
	align-self: center;
}

.container-1 i {
	font-size: 30px;
}

.container-2 p:first-child {
	font-size: 16px;
	margin: 0;
}

.container-2 p:last-child {
	font-size: 12px;
	font-weight: 400;
	margin: 0;
}

.toast button {
	align-self: flex-start;
	background-color: transparent;
	font-size: 25px;
	line-height: 0;
	color: #656565;
	cursor: pointer;
	border: 0;
}

/* PAGINAÇÃO */
.page-item.active .page-link {
	z-index: 0;
}

.pagination .active .page-link {
	background-color: rgba(var(--bg-secondary)) !important;
	border: 1px solid rgba(var(--border-primary)/ 1) !important;
}

/* Bulk Actions — slide down */
.bulk-actions-wrapper {
	height: 0;
	margin-top: 0;
	opacity: 0;
	pointer-events: none;
	transition: height 0.35s ease, margin-top 0.35s ease, opacity 0.25s ease;
}

.bulk-actions-wrapper.bulk-visible {
	margin-top: 1rem;
	opacity: 1;
	pointer-events: auto;
}

/* Filter Badges */
.filter-badge {
	display: inline-flex;
	align-items: center;
	gap: var(--space-1);
	padding: var(--space-1) var(--space-2);
	background-color: rgba(var(--color-primary-rgb)/ 0.1);
	border: 1px solid rgba(var(--color-primary-rgb)/ 0.25);
	border-radius: 2rem;
	font-size: var(--fs-small);
	color: rgba(var(--text-primary)/ 1);
}

.filter-badge-remove {
	background: none;
	border: none;
	padding: 0 0 0 var(--space-1);
	font-size: 18px;
	line-height: 1;
	color: rgba(var(--text-primary)/ 0.5);
	cursor: pointer;
}

.filter-badge-remove:hover {
	color: rgba(var(--text-primary)/ 1);
}

.bulk-select-bar-btn {
	background: none;
	border: none;
	padding: 0;
	font-size: var(--fs-small);
	font-weight: 600;
	color: rgba(var(--text-primary)/ 1);
	cursor: pointer;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.bulk-select-bar-btn:hover {
	opacity: 0.8;
}

/* Upload Dropzone e Gallery */
.upload-dropzone {
	border: 2px dashed rgba(var(--border-primary)/ 1);
	cursor: pointer;
	transition: border-color 0.2s ease, background-color 0.2s ease;
}

.upload-dropzone--drag,
.upload-dropzone:hover {
	border-color: rgba(var(--color-primary-rgb)/ 1);
	background-color: rgba(var(--color-primary-rgb)/ 0.04);
}

.gallery-controls {
	top: 0;
	right: 0;
	z-index: 2;
}

.gallery-photo-name {
	top: 0px;
	left: 0px;
	z-index: 1;
	position: absolute;
	background-color: rgba(0, 0, 0, 0.5);
	border-radius: 0px 5px 0px 0px;
	font-size: 0.72rem !important;
}


/* Avulsos */
.alert ul {
	list-style-type: none;
	padding: 0 !important;
}

.zoom:hover {
	transition: transform .5s;
	transform: scale(1.02);
}

.min-text {
	font-size: 8px;
}



/* ------------ */

.modal-content {
	background: rgba(var(--bg-secondary)/ 1);
	border: 1px solid rgba(var(--border-primary)/ 1);
	border-radius: .5rem;
	box-shadow: var(--shadow-sm);
}

.modal-header,
.modal-footer {
	border-color: rgba(var(--border-primary)/ 1);
	padding: 1rem !important;
}

.modal-body {
	padding: 1rem !important;
}

.modal-title {
	font-weight: 700;
	font-size: 1rem;
}

/* CK Editor background */
.ck-content {
	background: transparent !important;
	/* Remove fundo branco */
	color: inherit !important;
	/* Mantém a cor padrão do site */
}

.modal-body *:not(input):not(select):not(textarea) {
	color: inherit;
}

/* Classes Textos */
.text-muted {
	color: #a5a5a5 !important;
}

.text-custom {
	color: rgba(var(--text-primary)/ 1) !important;
}

.text-green {
	color: rgba(var(--green)/ 1) !important;
}

.text-red {
	color: rgba(var(--red)/ 1) !important;
}

.text-orange {
	color: rgba(var(--orange)/ 1) !important;
}

.text-pink {
	color: rgba(var(--pink)/ 1) !important;
}

.text-purple {
	color: rgba(var(--purple)/ 1) !important;
}

.text-info {
	color: rgba(var(--light-blue)/ 1) !important;
}

.text-warning {
	color: rgba(var(--yellow)/ 1) !important;
}

.font-800 {
	font-weight: 800;
}

/* SCROLLBAR  */
::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}

::-webkit-scrollbar-track {
	background: transparent;
}

::-webkit-scrollbar-thumb {
	background-color: rgba(var(--dark-gray)/ 0.7);
	border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
	background-color: rgba(var(--dark-gray)/ 0.5);
}

/* === TIMELINE CAMPANHA === */

.timeline {
	width: 60%;
	max-width: 700px;
}

.timeline-content {
	font-size: .800em;
	line-height: 1.25;
}

/* section_how_works_1 */
.scroll-container {
	cursor: grab;
	user-select: none;
}

.scroll-container:active {
	cursor: grabbing;
}

.scroll-container img {
	user-drag: none;
	user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	pointer-events: auto;
}



/* ===== ASIDE ===== */
.aside {
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	background: rgba(var(--bg-secondary)/ 1);
	color: rgba(var(--text-primary)/ 1);
	z-index: 899;
	display: flex;
	flex-direction: column;
	border-right: 1px solid rgba(var(--border-primary)/ 1);
	box-shadow: 1px 4px 4px rgba(0, 0, 0, 0.08) !important;
}

/* Estados iniciais sem transição para evitar glitch */
html.aside-collapsed-init .aside {
	width: 72px;
	transition: none !important;
	/* Remove transição no estado inicial */
}

html.aside-expanded-init .aside {
	width: 260px;
	transition: none !important;
	/* Remove transição no estado inicial */
}

html.aside-collapsed-init .app-wrapper {
	margin-left: 72px;
	transition: none !important;
	/* Remove transição no estado inicial */
}

html.aside-expanded-init .app-wrapper {
	margin-left: 260px;
	transition: none !important;
	/* Remove transição no estado inicial */
}

html.aside-collapsed-init .app-header {
	left: 72px;
	transition: none !important;
	/* Remove transição no estado inicial */
}

html.aside-expanded-init .app-header {
	left: 260px;
	transition: none !important;
	/* Remove transição no estado inicial */
}

/* Ocultar textos e elementos no estado inicial recolhido */
html.aside-collapsed-init .aside-text,
html.aside-collapsed-init .aside-icon-arrow {
	display: none;
}

html.aside-collapsed-init .logo-full {
	display: none;
}

html.aside-collapsed-init .logo-mini {
	display: block;
}

html.aside-collapsed-init .aside-title {
	justify-content: center;
	padding: var(--space-3) 0;
}

html.aside-collapsed-init .aside-icon {
	margin: 0;
}

html.aside-collapsed-init .aside-icon i {
	font-size: 18px;
}

/* Desabilitar transições dos dropdowns no estado inicial */
html.aside-collapsed-init .aside-list,
html.aside-expanded-init .aside-list {
	transition: none !important;
}

/* Após o carregamento, ativa transições */
.aside.expanded,
.aside.collapsed {
	transition: width 0.25s ease, transform 0.3s ease;
}

.aside.expanded {
	width: 260px;
}

.aside.collapsed {
	width: 72px;
}

/* Garantir precedência quando ambas as classes existirem */
.aside.expanded.collapsed {
	width: 72px;
}


/* ===== WRAPPER ===== */
.app-wrapper {
	margin-left: 260px;
	min-height: 100vh;
	transition: margin-left 0.25s ease;
	display: flex;
	flex-direction: column;
}

.aside.collapsed~.app-wrapper {
	margin-left: 72px;
}

.aside.expanded~.app-wrapper {
	margin-left: 260px;
}

/* Precedência quando ambas as classes existirem */
/* .aside.expanded.collapsed ~ .app-wrapper {
	margin-left: 72px;
} */

.aside-logo {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-shrink: 0;
	height: 60px;
	border-bottom: 1px solid rgba(var(--border-primary)/ 1);
	line-height: 1;
	font-size: 24px;
	font-weight: 800;
}

.logo-mini {
	display: none;
	font-weight: 900;
	padding-top: 5px !important;
}

.logo-full {
	padding-top: 5px !important;
}

.logo-image-mini {
	display: none;
	height: 22px;
}

.logo-image-full {
	height: 22px;
}

.aside.collapsed .logo-full, .aside.collapsed .logo-image-full {
	display: none;
}

.aside.collapsed .logo-mini, .aside.collapsed .logo-image-mini {
	display: block;
}


/* Menu */
.aside-menu {
	display: flex;
	flex-direction: column;
	padding: 10px;
	overflow-y: auto;
	overflow-x: hidden;
}


/* Botões */
.btn-collapse {
	background: none;
	border: none;
	color: rgba(var(--text-primary)/ 1);
	font-size: 18px;
	cursor: pointer;
	width: 40px;
	height: 40px;
}

.btn-close {
	border: none;
	color: rgba(var(--text-primary)/ 1) !important;
	cursor: pointer;
	filter: var(--filter-invert, invert(0)) !important;
}

.aside-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 6px;
	padding: var(--space-2) var(--space-5) var(--space-2) 10px;
	font-size: 14px;
	font-weight: 600;
	border-radius: .25rem;
	/* text-transform: uppercase; */
	letter-spacing: .04em;
	cursor: pointer;
}

.aside.collapsed .aside-title {
	position: relative;
	justify-content: center;
	padding: var(--space-3) 0;
}

/* zona invisível entre ícone e flyout */
.aside.collapsed .aside-title::after {
	content: "";
	position: absolute;
	top: 0;
	left: 100%;
	width: 16px;
	/* espaço de transição */
	height: 100%;
}

.aside-link {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 8px 38px;
	border-radius: .25rem;
	color: rgba(var(--text-primary)/ 1);
	text-decoration: none;
}


/* LINKS */
.aside-icon {
	width: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.aside-icon i {
	/* line-height: 1;
	display: block; */
	font-size: 14px;
	line-height: 1;
}


/* ===== ASIDE COLLAPSED ICON MODE ===== */

.aside.collapsed .aside-list,
.aside.collapsed ul,
.aside.collapsed .aside-text,
.aside.collapsed .aside-icon-arrow {
	display: none;
}

.aside.collapsed .aside-list,
.aside.collapsed ul {
	display: block;
}

.aside.collapsed .aside-icon {
	margin: 0;
}

.aside.collapsed .aside-icon i {
	font-size: 18px;
}

/* ===== TOOLTIPS ===== */

.aside.collapsed .aside-list {
	position: fixed;
	/* IMPORTANTE */
	left: 71px;
	top: var(--flyout-top, 0px);
	min-width: 220px;
	background: rgba(var(--bg-secondary)/ 1);
	border: 1px solid rgba(var(--border-primary)/ 1);
	border-radius: .25rem;
	padding: 6px 0;
	opacity: 0;
	visibility: hidden;
	transform: translateX(-10px);
	/* transition: all .18s ease; */
	z-index: 2000;
}

.aside.collapsed .aside-title:hover+.aside-list {
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
}


.aside.collapsed .aside-list:hover {
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
}

.aside.collapsed .aside-list .aside-link {
	padding: var(--space-2) var(--space-4);
	white-space: nowrap;
}




/* ===== ASIDE ACTIVE LINK ===== */
.aside-link.active {
	position: relative;
	background-color: rgba(var(--hover-secondary)/ 1);
}

.aside-link.active::before {
	content: "";
	position: absolute;
	left: 0;
	top: 10%;
	width: 2px;
	height: 80%;
	background-color: rgba(var(--color-primary-rgb)/ 1);
	/* cor do destaque */
	border-radius: 2px;
}

/* dropdown fechado */
.aside-list {
	display: none;
	margin-bottom: 1rem !important;
}

/* dropdown aberto */
.aside-list.open {
	display: block;
}

/* opcional: animação suave */
.aside-list {
	transition: opacity .30s ease;
}

.aside-list.open {
	opacity: 1;
}






/* ===== BACKDROP ===== */
.aside-backdrop {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 900;
	display: none;
}



/* ===== HEADER ===== */
.app-header {
	position: fixed;
	top: 0;
	right: 0;
	left: 260px;
	height: 60px;
	z-index: 900;
	background: rgba(var(--bg-secondary)/ 1);
	border-bottom: 1px solid rgba(var(--border-primary)/ 1);
	box-shadow: var(--shadow-sm) !important;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 15px;
	/* .75rem bootstrap container */
	transition: left 0.25s ease;
	/* overflow-y: hidden; */
}

/* Ícones no header - tamanho padronizado */
.app-header i {
	font-size: 16px;
}

.app-header .btn i {
	font-size: 16px;
}

/* Quando aside recolhido */
.aside.collapsed~.app-wrapper .app-header {
	left: 72px;
}


/* ===== CONTENT ===== */
.app-content {
	padding: 2px;
	padding-top: 60px;
	flex: 1;
}


.hover-primary:hover {
	background-color: rgba(var(--hover-primary)/ 1) !important;
}


/* ===== MOBILE ===== */
@media (max-width: 992px) {
	.aside {
		transform: translateX(-100%);
		width: 260px;
		box-shadow: none !important;
	}

	.aside.open {
		transform: translateX(0);
		z-index: 901;
		box-shadow: 1px 4px 4px rgba(0, 0, 0, 0.08) !important;
	}

	.aside {
		margin-left: 0 !important;
	}

	.app-wrapper {
		margin-left: 0 !important;
	}

	.app-header {
		left: 0 !important;
	}

	.aside-backdrop.show {
		display: block;
	}
}


/* ===== HEADER NAVIGATION ===== */
.header-nav {
	display: flex;
	align-items: center;
	gap: 4px;
}

/* Header Items (links e títulos de dropdown) */
.header-item {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 6px 10px;
	border-radius: .25rem;
	color: rgba(var(--text-primary)/ 1);
	text-decoration: none;
	font-size: 13px;
	font-weight: 500;
	cursor: pointer;
	transition: background-color 0.15s ease;
	white-space: nowrap;
	position: relative;
}

.header-item:hover {
	background-color: rgba(var(--hover-primary)/ 1);
	color: rgba(var(--text-primary)/ 1);
}

/* Header Item Ativo - borda verde inferior menor */
.header-item.active,
.header-dropdown.active .header-item {
	background-color: rgba(var(--hover-primary)/ 1);
}

.header-item.active::after,
.header-dropdown.active .header-item::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 50%;
	height: 2px;
	background-color: rgba(var(--color-primary-rgb)/ 1);
	border-radius: 2px 2px 0 0;
}

/* Ícones no header-item */
.header-item i {
	width: 13px;
	font-size: 13px;
	text-align: center;
}

/* Header Dropdown Container */
.header-dropdown {
	position: relative;
}

/* Header Dropdown Menu */
.header-dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	margin-top: var(--space-1);
	min-width: 200px;
	background: rgba(var(--bg-secondary)/ 1);
	border: 1px solid rgba(var(--border-primary)/ 1);
	border-radius: .25rem;
	padding: 6px 0;
	box-shadow: var(--shadow-md);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-10px);
	transition: all 0.2s ease;
	z-index: 1000;
}

/* Mostrar dropdown ao hover */
.header-dropdown:hover .header-dropdown-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

/* Links dentro do dropdown */
.header-dropdown-menu a {
	display: block;
	padding: var(--space-2) var(--space-4);
	color: rgba(var(--text-primary)/ 1);
	text-decoration: none;
	font-size: 14px;
	transition: background-color 0.15s ease;
	position: relative;
}

.header-dropdown-menu a:hover {
	background-color: rgba(var(--hover-primary)/ 1);
	color: rgba(var(--text-primary)/ 1);
}

/* Link ativo dentro do dropdown */
.header-dropdown-menu a.active {
	background-color: rgba(var(--hover-secondary)/ 1);
}

.header-dropdown-menu a.active::before {
	content: "";
	position: absolute;
	left: 0;
	top: 10%;
	width: 2px;
	height: 80%;
	background-color: rgba(var(--color-primary-rgb)/ 1);
	border-radius: 2px;
}

/* Botões de formulário dentro de dropdowns (logout) */
.dropdown-menu form button {
	width: 100%;
	text-align: left;
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: var(--space-2) var(--space-4);
	background: transparent;
	border: none;
	color: rgba(var(--text-primary)/ 1);
	font-size: var(--fs-body);
	transition: background-color 0.15s ease;
	cursor: pointer;
}

.dropdown-menu form button:hover {
	background-color: rgba(var(--hover-primary)/ 1);
	color: rgba(var(--text-primary)/ 1);
}

/* Responsivo - esconder nav em telas pequenas */
@media (max-width: 992px) {
	.header-nav {
		display: none !important;
	}
}

/* === User Identity Widget === */
.user-identity-btn {
	padding: var(--space-1) var(--space-2);
	border-radius: 6px;
	transition: background-color 0.15s ease;
	height: 36px;
}

.user-identity-btn:hover {
	background-color: rgba(var(--hover-primary)/ 1);
}

.user-avatar-circle {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background-color: rgba(var(--color-primary-rgb)/ 1);
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	line-height: 1;
}

.user-avatar-lg {
	width: 38px;
	height: 38px;
	font-size: 16px;
	flex-shrink: 0;
}

.user-identity-info {
	line-height: 1.15;
}

.user-identity-name {
	font-size: 13px;
	font-weight: 600;
	color: rgba(var(--text-primary)/ 1);
	max-width: 110px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.user-identity-account {
	font-size: 11px;
	opacity: 0.55;
	max-width: 110px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.user-identity-caret {
	font-size: 11px;
	opacity: 0.5;
}

.user-identity-dropdown {
	min-width: 250px;
}

.user-identity-header {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: var(--space-3) var(--space-4);
}

.user-identity-header-info {
	min-width: 0;
}

.user-identity-fullname {
	font-size: 14px;
	font-weight: 600;
	color: rgba(var(--text-primary)/ 1);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.user-identity-email {
	font-size: 12px;
	opacity: 0.55;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.user-identity-account-section {
	padding: 10px 16px;
}

.user-identity-section-label {
	display: block;
	font-size: 10px;
	opacity: 0.45;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	margin-bottom: 6px;
}

.user-identity-account-name {
	font-size: 13px;
	font-weight: 500;
	color: rgba(var(--text-primary)/ 1);
}

.user-identity-badge {
	display: inline-block;
	font-size: 10px;
	font-weight: 600;
	padding: 1px 7px;
	border-radius: 3px;
	margin-top: 2px;
	line-height: 1.5;
}

.badge-owner {
	background-color: rgba(var(--green)/ 0.15);
	color: rgba(var(--green)/ 1);
}

.badge-member {
	background-color: rgba(var(--text-primary)/ 0.1);
	color: rgba(var(--text-primary)/ 0.65);
}

/* Account switch items */
.user-identity-account-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 7px 0;
	background: transparent;
	border: none;
	cursor: pointer;
	text-align: left;
	border-radius: 4px;
	color: rgba(var(--text-primary)/ 1);
	transition: background-color 0.15s ease;
}

.user-identity-account-item:hover {
	background-color: rgba(var(--hover-primary)/ 1);
}

.user-identity-account-item.active .user-identity-account-name {
	color: rgba(var(--green)/ 1);
	font-weight: 600;
}

.user-identity-account-item-info {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.user-identity-account-check {
	font-size: 12px;
	color: rgba(var(--green)/ 1);
	flex-shrink: 0;
	margin-left: var(--space-2);
}



/* Para deixar a aside visivel na versão desktop basta apagar esse trecho abaixo */
@media (min-width: 992px) {
	.aside {
		display: none !important;
	}

	.app-wrapper {
		margin-left: 0 !important;
	}

	.app-header {
		left: 0 !important;
		width: 100vw !important;
	}

	.btn-control-aside {
		display: none !important;
	}
}

@media (max-width: 992px) {
	.logo-desktop {
		display: none !important;
	}
}

/* Apagar a div .logo-desktop */
/* Para deixar a aside visivel na versão desktop basta apagar esse trecho acima */



/* ===== CARD SYSTEM COMEÇO ===== */
/* ===== CARD SYSTEM COMEÇO ===== */
/* ===== CARD SYSTEM COMEÇO ===== */
/* ===== CARD SYSTEM COMEÇO ===== */
/* ===== CARD SYSTEM COMEÇO ===== */
/* ===== CARD SYSTEM COMEÇO ===== */
/* ===== CARD SYSTEM COMEÇO ===== */
/* ===== CARD SYSTEM COMEÇO ===== */
/* ===== CARD SYSTEM COMEÇO ===== */
/* ===== CARD SYSTEM COMEÇO ===== */
/* ===== CARD SYSTEM COMEÇO ===== */
/* ===== CARD SYSTEM COMEÇO ===== */
/* ===== CARD SYSTEM COMEÇO ===== */
/* ===== CARD SYSTEM COMEÇO ===== */
/* ===== CARD SYSTEM COMEÇO ===== */
/* ===== CARD SYSTEM COMEÇO ===== */
/* ===== CARD SYSTEM COMEÇO ===== */
/* ===== CARD SYSTEM COMEÇO ===== */
/* ===== CARD SYSTEM COMEÇO ===== */
/* ===== CARD SYSTEM COMEÇO ===== */
/* ===== CARD SYSTEM COMEÇO ===== */
/* ===== CARD SYSTEM COMEÇO ===== */
/* ===== CARD SYSTEM COMEÇO ===== */
/* ===== CARD SYSTEM COMEÇO ===== */
/* ===== CARD SYSTEM COMEÇO ===== */

/* Header do Card */
.card-item-header {
	padding-bottom: 1rem;
	border-bottom: 1px solid rgba(var(--border-primary)/ 1);
}

.card-item-title {
	font-size: 16px;
	font-weight: 600;
	color: rgba(var(--text-primary)/ 1);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Body do Card */
.card-item-body {
	flex: 1;
	overflow-y: auto;
}

.card-item-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: var(--space-2) 0;
	border-bottom: 1px solid rgba(var(--border-primary)/ 1);
}

.card-item-row:last-child {
	border-bottom: none;
}

.card-item-label {
	font-size: 13px;
	color: rgba(var(--text-primary)/ 1);
	opacity: 0.7;
	display: flex;
	align-items: center;
	gap: var(--space-2);
}

.card-item-label i {
	width: 14px;
	font-size: 13px;
	text-align: center;
}

.card-item-value {
	font-size: 13px;
	font-weight: 600;
	color: rgba(var(--text-primary)/ 1);
	max-width: 50%;
	text-align: right;
}

.card-msg-preview[data-expanded="false"] {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.card-msg-preview[data-expanded="true"] {
	display: block;
	overflow: visible;
}

.card-item-divider {
	height: 1px;
	background: rgba(var(--border-primary)/ 1);
	margin: var(--space-3) 0;
}

/* Footer do Card */
.card-item-footer {
	padding-top: 1rem;
	border-top: 1px solid rgba(var(--border-primary)/ 1);
}

/* Responsivo */
@media (max-width: 576px) {
	.card-item-value {
		max-width: 60%;
		font-size: 12px;
	}

	.card-item-label {
		font-size: 12px;
	}
}


/* Animação ao carregar */
@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(20px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.card-item {
	animation: fadeInUp 0.3s ease;
}



/* ------------------------------------------------------------ */
/* ------------------------------------------------------------ */
/* ------------------------------------------------------------ */
/* ------------------------------------------------------------ */

/* ===== ACTOR CARD INTERACTIVE ===== */
.actor-card-wrapper {
	position: relative;
	display: flex;
	gap: 12px;
}

.actor-card-interactive {
	flex: 1;
	background: rgba(var(--bg-secondary));
	border: 1px solid rgba(var(--border-primary));
	border-radius: .5rem;
	overflow: hidden;
	min-height: 420px;
	display: flex;
	transition: all 0.3s ease;
}

/* .actor-card-interactive:hover {
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
	transform: translateY(-2px);
} */

/* ===== NAVEGAÇÃO LATERAL ESQUERDA ===== */
.actor-nav-left {
	width: 45px;
	background: rgba(var(--bg-primary));
	border-right: 1px solid rgba(var(--border-primary));
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: var(--space-4);
	gap: var(--space-2);
	flex-shrink: 0;
	background: rgba(var(--bg-secondary));
}

.actor-nav-btn {
	width: 32px;
	height: 32px;
	border-radius: 8px;
	background: transparent;
	border: none;
	color: rgba(var(--text-primary));
	opacity: 0.5;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.2s ease;
	font-size: 16px;
	position: relative;
}

.actor-nav-btn:hover {
	opacity: 1;
	/* background: rgba(var(--hover-primary)); */
	background: rgba(var(--color-primary-rgb));
	color: rgba(var(--white));
	transform: scale(1.1);
}

.actor-nav-btn.active {
	opacity: 1;
	background-color: rgba(var(--hover-primary));
	color: rgba(var(--color-primary-rgb)) !important;

}

.actor-nav-btn.active::after {
	content: "";
	position: absolute;
	left: -1px;
	width: 2px;
	height: 20px;
	background: rgba(var(--color-primary-rgb));
	border-radius: 2px 0 0 2px;
}

/* ===== TERMÔMETRO INTERNO — BARRA VERTICAL ===== */
.actor-thermometer-internal {
	width: 30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: stretch;
	flex-shrink: 0;
	gap: 4px;
	padding: 0 6px;
	/* border-left: 1px solid rgba(var(--border-primary)); */
}

.thermo-bar {
	height: 18px;
	border-radius: 4px;
	opacity: 0.12;
	transition: all 0.3s ease;
	cursor: pointer;
	position: relative;
}

.thermo-bar[data-level="very-hot"]   { background: #DC2626; }
.thermo-bar[data-level="hot"]        { background: #F97316; }
.thermo-bar[data-level="almost-hot"] { background: #EAB308; }
.thermo-bar[data-level="warm"]       { background: #22C55E; }
.thermo-bar[data-level="cold"]       { background: #3B82F6; }
.thermo-bar[data-level="very-cold"]  { background: #1E3A8A; }

.thermo-bar.active {
	opacity: 1;
}

.thermo-bar.active[data-level="very-hot"] {
	background: linear-gradient(180deg, #ef4444, #DC2626);
	box-shadow: 0 0 10px rgba(220, 38, 38, 0.7), 0 0 30px rgba(220, 38, 38, 0.3);
}

.thermo-bar.active[data-level="hot"] {
	background: linear-gradient(180deg, #fb923c, #F97316);
	box-shadow: 0 0 10px rgba(249, 115, 22, 0.7), 0 0 30px rgba(249, 115, 22, 0.3);
}

.thermo-bar.active[data-level="almost-hot"] {
	background: linear-gradient(180deg, #facc15, #EAB308);
	box-shadow: 0 0 10px rgba(234, 179, 8, 0.7), 0 0 30px rgba(234, 179, 8, 0.3);
}

.thermo-bar.active[data-level="warm"] {
	background: linear-gradient(180deg, #4ade80, #22C55E);
	box-shadow: 0 0 10px rgba(34, 197, 94, 0.7), 0 0 30px rgba(34, 197, 94, 0.3);
}

.thermo-bar.active[data-level="cold"] {
	background: linear-gradient(180deg, #60a5fa, #3B82F6);
	box-shadow: 0 0 10px rgba(59, 130, 246, 0.7), 0 0 30px rgba(59, 130, 246, 0.3);
}

.thermo-bar.active[data-level="very-cold"] {
	background: linear-gradient(180deg, #2563eb, #1E3A8A);
	box-shadow: 0 0 10px rgba(30, 58, 138, 0.7), 0 0 30px rgba(30, 58, 138, 0.3);
}

.thermo-bar:not(.active):hover {
	opacity: 0.3;
}

/* ===== CONTEÚDO ===== */
.actor-card-content {
	flex: 1;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.actor-card-header-fixed {
	/* padding: 20px; */
	border-bottom: 1px solid rgba(var(--border-primary));
	background: rgba(var(--bg-secondary));
	flex-shrink: 0;
}

.actor-sections {
	flex: 1;
	overflow-y: auto;
	padding: var(--space-5);
}

.actor-section {
	display: none;
	animation: fadeInSection 0.3s ease;
}

.actor-section.active {
	display: block;
}

@keyframes fadeInSection {
	from {
		opacity: 0;
		transform: translateX(-10px);
	}

	to {
		opacity: 1;
		transform: translateX(0);
	}
}

.section-title {
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: rgba(var(--text-primary) / 0.5);
	margin-bottom: var(--space-3);
	display: flex;
	align-items: center;
	gap: var(--space-2);
	padding-bottom: 6px;
	border-bottom: 1px solid rgba(var(--border-primary));
}

.section-title i {
	font-size: 11px;
}

/* Empty State */
.empty-state {
	text-align: center;
	padding: 50px var(--space-5);
	color: rgba(var(--text-primary));
	opacity: 0.4;
}

.empty-state i {
	font-size: 48px;
	margin-bottom: var(--space-3);
	display: block;
}

.empty-state p {
	margin: 0;
	font-size: 13px;
}

/* Responsivo */
@media (max-width: 768px) {
	.actor-card-wrapper {
		gap: 8px;
	}

	.actor-nav-left {
		width: 45px;
	}

	.actor-nav-btn {
		width: 32px;
		height: 32px;
		font-size: 14px;
	}

	.actor-thermometer-internal {
		width: 28px;
		padding: 0 5px;
	}

}


/* ===== CARD SYSTEM FIM ===== */
/* ===== CARD SYSTEM FIM ===== */
/* ===== CARD SYSTEM FIM ===== */
/* ===== CARD SYSTEM FIM ===== */
/* ===== CARD SYSTEM FIM ===== */
/* ===== CARD SYSTEM FIM ===== */
/* ===== CARD SYSTEM FIM ===== */
/* ===== CARD SYSTEM FIM ===== */
/* ===== CARD SYSTEM FIM ===== */
/* ===== CARD SYSTEM FIM ===== */
/* ===== CARD SYSTEM FIM ===== */
/* ===== CARD SYSTEM FIM ===== */
/* ===== CARD SYSTEM FIM ===== */
/* ===== CARD SYSTEM FIM ===== */
/* ===== CARD SYSTEM FIM ===== */
/* ===== CARD SYSTEM FIM ===== */
/* ===== CARD SYSTEM FIM ===== */
/* ===== CARD SYSTEM FIM ===== */
/* ===== CARD SYSTEM FIM ===== */
/* ===== CARD SYSTEM FIM ===== */
/* ===== CARD SYSTEM FIM ===== */



/* Novo card System */
.card-item-base {
	background: rgba(var(--bg-secondary)/ 1);
	border: 1px solid rgba(var(--border-primary)/ 1);
	border-radius: .5rem;
	padding: 1rem !important;
	box-shadow: var(--shadow-sm) !important;
	/* overflow: hidden; */
	/* transition: all 0.2s ease; */
	/* height: 100%; */
	/* display: flex; */
	/* flex-direction: column; */
}
/* Novo card System */

.super-metric-icon {
	width: 42px;
	height: 42px;
	border-radius: 999px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 1rem;
	background: rgba(var(--hover-primary)/ 1);
	color: var(--color-primary);
}

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

.bar-progress {
	height: 6px;
	border-radius: 999px;
	overflow: hidden;
	background: rgba(var(--hover-primary)/ 1);
}

.bar-progress > span {
	display: block;
	height: 100%;
	background: var(--color-primary);
	border-radius: 999px;
}


#dashboardSection {
    overflow: hidden;
    transition: max-height 0.35s ease, opacity 0.35s ease;
    max-height: 2000px;
    opacity: 1;
}
#dashboardSection.dashboard-collapsed {
    max-height: 0 !important;
    opacity: 0;
}