@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap');
.material-icons,
.material-symbols-rounded {
	font-family: 'Material Symbols Rounded';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
}
#model-pdf {
	font-family: 'Inter', sans-serif;
}
.disabled-input {
	pointer-events: none;
	filter: brightness(0.9);
}

*:focus-visible {
	outline: -webkit-focus-ring-color auto 0px;
}

input[type='date']::-webkit-inner-spin-button,
input[type='date']::-webkit-calendar-picker-indicator {
	opacity: 0;
	-webkit-appearance: none;
}

.indicator-table:hover {
	--icon-indicator: #fff;
}

.filter-novo-dashboard-sap .select-container .choices .choices__inner {
	text-align: left !important;
}

.one-row {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

/* informacoes */
.tab-informacoes.below1660 {
	position: fixed;
	top: 0;
	bottom: 0;
	margin: auto 0;
	right: 4px;
	background: white;
	z-index: 10000;
	max-width: 750px;
	max-height: 90vh;
	transform: translateX(115%);
	transition: transform 0.3s ease;
	box-shadow: rgb(0 0 0 / 15%) 0px 15px 25px, rgb(0 0 0 / 5%) 0px 5px 10px;
}

.tab-informacoes.below1660.open {
	transform: translateX(0);
}

/* .modal--open-modal_full {
	overflow: hidden;
} */

.header-modal-resumo {
	background: var(--degradeModal);
}
.badge.Aguardando {
	background: #ffff9a;
	color: #e19f05;
}

.badge.Aprovado {
	background: #e4f6e7;
	color: #38c375;
}
.badge.Recusado {
	background: rgb(249, 233, 236);
	color: rgb(193, 31, 57);
}
.badge.Editado {
	background: #e6e6e6;
	color: #000;
}

.item li {
	list-style: circle;
}

.bgcolormodal {
	background: var(--colorModal);
	transition: background 0s ease;
}

.btn-close-informacoes.below1660 {
	display: grid;
}

/*  grid modal resumo */
.grid-modal-resumo.below1660 {
	display: flex;
}

.grid-modal-resumo .cards-wrapper {
	display: flex;
	flex-direction: column;
}

.grid-modal-resumo.below1660 .cards-wrapper {
	gap: 2rem;
	width: 100%;
	flex-direction: row;
}

.grid-modal-resumo.below1660 .card-contatos {
	margin-top: 0;
	flex: 1;
}

.grid-modal-resumo.below1660 .card-sobre {
	flex: 2 !important;
}

.grid-modal-resumo.below1660 .card-sobre .grid-wrapper {
	grid-template-columns: initial;
	grid-template-areas:
		'patrimonio rent'
		'politica rent';
	grid-template-rows: 1fr 1fr;
}

.grid-modal-resumo.below1660 .card-sobre .grid-wrapper :first-child {
	grid-area: patrimonio;
}

.grid-modal-resumo.below1660 .card-sobre .grid-wrapper :nth-child(2) {
	grid-area: politica;
}

.grid-modal-resumo.below1660 .card-sobre .grid-wrapper :nth-child(3) {
	grid-area: rent;
}

.grid-modal-resumo.below1660 .card-sobre .grid-wrapper :nth-child(3) .infos {
	flex-direction: column;
}

.cadastrar-content {
	// animation: sobe 0.4s ease both;
}

.card-sobre::-webkit-scrollbar {
	width: 6px !important; /* width of the entire scrollbar */
}

.card-sobre::-webkit-scrollbar-track {
	/* color of the tracking area */
	background-color: white !important;
}

.card-sobre::-webkit-scrollbar-thumb {
	background: #e8e8e9 !important;
	/* color of the scroll thumb */
	border-radius: 0px !important; /* roundness of the scroll thumb */ /* creates padding around scroll thumb */
}

.tag-modal {
	position: relative;
	overflow: hidden;
	min-width: 80px;
	text-align: center;
	justify-content: center;
}

.tag-modal:after {
	content: 'Remover';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgb(var(--primary-pure));
	color: white;
	font-weight: 600;
	display: grid;
	place-items: center;
	text-align: center;
	backdrop-filter: blur(5px);
	cursor: pointer;
	opacity: 0;
	transition: opacity 0.2s ease;
}

.tag-modal:hover:after {
	opacity: 1;
}

.flatpickr-calendar {
	z-index: 999999999999 !important;
}

header.modal--header {
	position: relative;
	cursor: grab;
	user-select: none;
}

header.modal--header:hover .hammer--toggle {
	opacity: 1 !important;
}

.hammer--toggle {
	position: absolute;
	width: 3.125rem;
	height: 0.75rem;
	display: block;
	bottom: 8px;
	left: 0;
	right: 0;
	background: rgba(255, 255, 255, 0.3);
	margin: 0 auto;
	border-radius: 6px;
	cursor: grab;
	user-select: none;
	opacity: 0;
	transition: 0.3s ease;
}

.disabled {
	pointer-events: none;
	opacity: 0.4;
	// background: #edeef0 !important;
}

.text-1-line {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	line-break: anywhere;
}

// .disabled * {
// 	background: #edeef0 !important;
// }

@keyframes sobe {
	0% {
		transform: translateY(10px);
		opacity: 0;
	}

	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

// #apexchartschartAtendimento .apexcharts-legend {
// 	display: grid;
// 	grid-template-columns: repeat(3, 140px);
// 	row-gap: 8px;
// 	column-gap: 8;
// }
#apexchartschartAtendimento .apexcharts-legend-series {
	display: inline-flex;
	align-items: center;
	gap: 4px;
}

#apexchartschartAtivo .apexcharts-legend-series {
	display: inline-flex;
	align-items: center;
	gap: 4px;
}

#chart-tab-divisao-investimento .apexcharts-legend-series {
	display: inline-flex;
	align-items: center;
	gap: 4px;
}
#chart-divisao-carteira-investimentos .apexcharts-legend-series {
	display: inline-flex;
	align-items: center;
	gap: 4px;
}

#apexchartschartAtendimento
	.apexcharts-legend-series
	.apexcharts-legend-marker {
	flex-shrink: 0;
}

#chart-tab-divisao-investimento
	.apexcharts-legend-series
	.apexcharts-legend-marker {
	flex-shrink: 0;
}
#chart-divisao-carteira-investimentos
	.apexcharts-legend-series
	.apexcharts-legend-marker {
	flex-shrink: 0;
}

#chart-ativo .apexcharts-legend-series .apexcharts-legend-marker {
	flex-shrink: 0;
}

#apexchartschartAtendimento .apexcharts-legend-series .apexcharts-legend-text {
	font-weight: 500 !important;
	color: #555859;
}

#apexchartschartAtivo .apexcharts-legend-series .apexcharts-legend-text {
	font-weight: 500 !important;
	color: #555859;
}
#chart-ativo .apexcharts-legend-series .apexcharts-legend-text {
	font-weight: 500 !important;
	color: #555859;
}

#chart-tab-divisao-investimento
	.apexcharts-legend-series
	.apexcharts-legend-text {
	font-weight: 500 !important;
	color: #555859;
}
#chart-divisao-carteira-investimentos
	.apexcharts-legend-series
	.apexcharts-legend-text {
	font-weight: 500 !important;
	color: #555859;
}
.star-contatos:hover {
	--cor-1: rgb(var(--primary-pure));
	--cor-2: rgb(var(--primary-pure));
}

.item-task {
	grid-template-areas:
		'icon nome ultima status deadline check'
		'desc desc desc desc  desc a' !important;
	grid-template-columns: 40px 2fr 1fr 1.5fr 1fr 40px !important;
	transition: box-shadow 0.3s ease;
}

.item-processo {
	grid-template-areas:
		'icon fundacao  fundo estrategia semestre valor comentario check'
		'desc desc desc desc desc desc a' !important;
	grid-template-columns: 40px 2fr 1fr 1fr 1fr 1fr 1fr 80px !important;
	transition: box-shadow 0.3s ease;
}

.item-processo.editando {
	grid-template-areas:
		'icon fundacao  fundo estrategia semestre valor check'
		'desc desc desc desc desc desc a' !important;
	grid-template-columns: 40px 2fr 1fr 1fr 1fr 1fr 80px !important;
	transition: box-shadow 0.3s ease;
}

.table-contato .nome-ponto-contato {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.only-2-lines {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.table-contato .editando .nome-ponto-contato {
	overflow: initial;
	display: initial;
	-webkit-line-clamp: initial;
	-webkit-box-orient: initial;
}

.item-task.editando {
	min-height: max-content !important;
	/* min-height: initial !important; */
	height: auto !important;
	box-shadow: rgba(9, 30, 66, 0.15) 0px 4px 8px -2px,
		rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
}

.editando [contenteditable='true'],
.editando .editavel {
	border-color: rgba(233, 236, 239, 0.6) !important;
}

.editando [contenteditable='true']:focus,
.editando .editavel:focus {
	border-color: rgb(var(--primary-pure)) !important;
}

.modal-sucesso-1-wrapper {
	box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px,
		rgba(0, 0, 0, 0.3) 0px 18px 36px -18px !important;
}

.modal-sucesso-1 {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 9999999999999999999;
	width: max-content;
	height: max-content;
}

.modal_padrao[data-active='incluir-tag'],
.modal_padrao[data-active='criar_tag'] {
	min-height: initial !important;
	overflow: initial !important;
	z-index: 899999999999999999 !important;
}

[data-modal-active='incluir-tag'] .modal_padrao--deep.active,
[data-modal-active='criar_tag'] .modal_padrao--deep.active {
	z-index: 899999999 !important;
}

[data-modal-active='novo_prospect'] .modal_padrao {
	width: 636px !important;
}

.modal_padrao[data-active='novo_prospect'] {
	min-height: initial !important;
	// overflow: initial !important;
}

#nprogress .spinner-icon {
	border-top-color: #9f0921 !important;
	border-left-color: #9f0921 !important;
}

.btn-remove-quente {
	position: relative;
}

.btn-remove-quente:after {
	content: 'Remover';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgb(var(--primary-pure));
	color: white;
	font-weight: 600;
	display: grid;
	place-items: center;
	text-align: center;
	backdrop-filter: blur(5px);
	cursor: pointer;
	opacity: 0;
	transition: opacity 0.2s ease;
}

.btn-remove-quente:hover:after {
	opacity: 1;
}

.select-multiplo .choices__inner,
.select-multiplo .choices,
.select-multiplo {
	min-height: 2.5rem !important;
	max-height: 130px !important;
	height: auto !important;
}

.select-multiplo .choices__inner {
	overflow-y: auto !important;
}

.choices__list--multiple {
	display: inline-flex;
	flex-wrap: wrap;
	min-height: 2.5rem !important;
	max-height: 130px !important;
	height: auto;
}

.apexcharts-text {
	color: #3e3e40 !important;
}

#chartRealizadosSemana {
	position: relative;
}

#chartRealizadosSemana:after {
	content: 'Carregando...';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	z-index: 10;
	background: white;
	display: grid;
	place-items: center;
	color: rgba(0, 0, 0, 0.5);
	font-size: 12px;
	font-weight: 500;
	opacity: 0;
	transition: opacity 0.3 ease;
	pointer-events: none;
}

#chartRealizadosSemana.chartCarregando:after {
	opacity: 1;
}

.table-separeted.table-contato .table-row.ponto-contato-el {
	padding: 0.4rem 0.625rem !important;
	height: 3rem;
	box-shadow: initial !important;
}

.table-separeted.table-contato .table-row.ponto-contato-el.editando {
	box-shadow: 0px 1px 2px #ced4da !important;

	border-color: rgb(var(--primary-pure)) !important;
}

#apexchartschartAtendimento .apexcharts-legend-text {
	font-size: 12px !important;
	color: #555859 !important;
}
#apexchartschartAtivo .apexcharts-legend-text {
	font-size: 12px !important;
	color: #555859 !important;
}

.chartstyle .apexcharts-legend-text {
	font-size: 12px !important;
	color: #555859 !important;
}

.chartstyle .apexcharts-legend-series {
	display: inline-flex;
	align-items: center;
	gap: 4px;
}

.chartstyle .apexcharts-legend-series .apexcharts-legend-marker {
	flex-shrink: 0;
}

.chartstyle .apexcharts-legend-series .apexcharts-legend-text {
	font-weight: 500 !important;
	color: #555859;
}

#chart-divisao-carteira-investimentos .apexcharts-legend-text {
	font-size: 12px !important;
	color: #555859 !important;
}

#chart-tab-divisao-investimento .apexcharts-legend-text {
	font-size: 12px !important;
	color: #555859 !important;
}

#chart-volatilidade-1m .apexcharts-legend span[rel='1'],
#chart-volatilidade-3m .apexcharts-legend span[rel='1'] {
	height: 8px !important;
}

.one-line {
	overflow: hidden;

	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.two-line {
	overflow: hidden;

	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.apexcharts-canvas {
	flex: 1 0 100%;
	width: 100% !important;
}

@media (max-width: 1440px) {
	.grid-cols-home {
		grid-template-columns: 1.25fr 1fr !important;
	}
}

.apexcharts-xaxistooltip {
	border-radius: 8px !important;
	padding: 4px 8px !important;
	background: white !important;
	border: 1px solid #e9ecef !important;
	margin-top: 10px !important;
	box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px !important;
}

.apexcharts-xaxistooltip .apexcharts-xaxistooltip-text {
	font-weight: 600 !important;
	font-size: 12px !important;
}

.apexcharts-xaxistooltip-bottom:after {
	border-bottom-color: white !important;
}

.apexcharts-xaxistooltip-bottom:before {
	border-bottom-color: #e9ecef !important;
}

.apexcharts-tooltip {
	border-radius: 4px !important;
}

.apexcharts-tooltip .apexcharts-tooltip-title {
	background: white !important;
	text-align: center;
	font-weight: 600;
	display: none;
}

.apexcharts-tooltip .apexcharts-tooltip-y-group {
	padding: 4px 0 !important;
}

.apexcharts-tooltip .apexcharts-tooltip-series-group {
	margin: 0 !important;
}

.apexcharts-tooltip .apexcharts-tooltip-marker {
	width: 8px;
	height: 8px;
	margin-right: 8px;
}

.apexcharts-datalabels rect {
	fill: white;
}

.cadastrar {
	transition: box-shadow 0.3s ease;
}

.cadastrar.atendimentoOpen {
	border-color: rgb(var(--primary-10));
}

.cadastrar.borda-pura {
	border-color: rgb(var(--primary-pure)) !important;
}

.nao-visto {
	position: relative;
}

.nao-visto:after {
	content: '';
	display: block;
	position: absolute;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #ec3539;
	top: 0;
	right: 0;
	z-index: 1;
}

.fade-enter-active,
.fade-leave-active {
	transition: opacity 0.3s ease;
}

.fade-enter-from,
.fade-leave-to {
	opacity: 0;
}

.step-line-container {
	display: grid;
	grid-template-columns: repeat(9, 1fr) 18px;
}

.step-line-container.mobile {
	grid-template-columns: repeat(2, 1fr) 18px;
}

.step-line::after {
	content: '';
	width: calc(100% - 18px);
	height: 2px;
	position: absolute;

	top: 5px;
	left: 15px;
	background: rgba(9, 18, 28, 0.1);
}

.step-line.active::after {
	background: #c11f39;
}

/* .step-line.active.metade::after {
	background-image: linear-gradient(
		to left,
		rgba(0, 0, 0, 0),
		rgba(0, 0, 0, 0) 50%,
		rgb(0, 0, 0) 50%,
		rgb(0, 0, 0) 100%,
		rgba(0, 0, 0, 0) 100%
	);
} */

/* .step-line:last-child {
	position: absolute;
	right: 3.5rem;
} */

.step-line:last-child a {
	right: 0;
	margin-left: 10px;
	margin-right: -70px;
	margin-top: 0.125rem;
	min-width: 120px !important;
}

.step-line:last-child svg {
	margin-top: 1.5rem;
}

.step-line.isLast:last-child svg {
	margin-top: 0 !important;
}

.step-line:last-child::after {
	display: none;
}

/* CSS para calendario */

.calendar-header-select {
	height: 36px !important;
}

.calendar-header-select .q-field__control {
	height: 36px !important;
	min-height: 36px !important;
}

.calendar-header-select .q-field__append {
	height: 36px !important;
	line-height: 36px !important;
}

.sai .q-btn--standard.q-btn--rectangle.text-primary {
	color: rgb(var(--primary-pure)) !important;
}

.sai .q-btn.q-btn--standard.q-btn--rectangle.bg-primary {
	background-color: rgb(var(--primary-pure)) !important;
}

.sai .bg-primary {
	background-color: rgb(var(--primary-pure)) !important;
}

.text-negative {
	color: #e53935 !important;
}

// css para selects defaults quasar
.q-field .q-field__inner div[role='alert'] {
	color: #e53935 !important;
	font-size: 1.1em;
	font-weight: bold;
}

.q-field__control {
	border: 1px solid #e0e0e0; /* borda padrão */
	border-radius: 8px; /* cantos arredondados */
	padding: 0 12px;
	background: #fff;
	transition: border-color 0.36s cubic-bezier(0.4, 0, 0.2, 1);
}

.q-field.q-field--focused .q-field__control {
	/* cor da borda ao focar */
}

.q-field.q-field--error .q-field__control {
	border-color: #e53935; /* cor da borda em erro */
}

.q-field.q-field--readonly .q-field__control {
	border-style: dashed; /* borda tracejada para readonly */
	background: #f5f5f5;
}

.q-field.q-field--dark .q-field__control {
	border-color: #fff;
	background: #222;
}

.q-field.size-sm .q-field__control {
	border-radius: 6px;
	padding: 0 8px;
}

.q-field.size-lg .q-field__control {
	border-radius: 12px;
	padding: 0 16px;
}

/* Para selects, se usar <select> nativo */
.q-field__native[type='select'],
select {
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	padding: 8px 12px;
	background: #fff;
	transition: border-color 0.36s cubic-bezier(0.4, 0, 0.2, 1);
}

.q-field.q-field--focused select,
select:focus {
	border-color: #1976d2;
}

.q-field.q-field--error select {
	border-color: #e53935;
}

.q-field.q-field--readonly select,
select[readonly] {
	border-style: dashed;
	background: #f5f5f5;
}

.q-field.q-field.q-field--error .q-field__messages {
	color: #e53935 !important;
}
.q-field__label {
	padding: 0.0625rem 0.125rem;
	background: transparent !important;
	z-index: 30;
	left: 0;
	top: 0;
	margin: auto 0;
	bottom: 0;
	width: fit-content;
	height: max-content;
	max-width: 100%;
	color: #333;
	font-size: inherit;
	line-height: inherit;
	font-weight: 400;
	letter-spacing: 0.00937em;
	text-decoration: inherit;
	text-transform: inherit;
	transform-origin: left top;
	transition: transform 0.36s cubic-bezier(0.4, 0, 0.2, 1),
		max-width 0.224s cubic-bezier(0.4, 0, 0.2, 1);
	backface-visibility: hidden;
	background-color: white !important;
}

/* Label flutuante */
.q-field--float .q-field__label {
	max-width: 133%;
	transform: translateY(calc(-100% - 0.2rem)) translateX(-0.4rem) scale(0.85);
	transition: transform 0.36s cubic-bezier(0.4, 0, 0.2, 1),
	max-width 0.296s cubic-bezier(0.4, 0, 0.2, 1);
	background-color: white !important;
	z-index: 30;
}

/* Label flutuante com prepend */
.q-field--float
	.q-field__prepend
	~ .q-field__control-container
	.q-field__label {
	transform: translateY(calc(-100% - 0.2rem))
		translateX(calc(-1 * var(--prepend-size) - 0.875rem)) scale(0.85);
	z-index: 30;
}

/* Label focada */
.q-field.q-field--focused .q-field__label {
	color: currentColor !important;

	/* Deve ser tmeporario ate entender pq n esta sendo aplicado a classe float nativa no label quand coado*/
	max-width: 133%;
	transform: translateY(calc(-100% - 0.2rem)) translateX(-0.4rem) scale(0.85);
	transition: transform 0.36s cubic-bezier(0.4, 0, 0.2, 1),
		max-width 0.296s cubic-bezier(0.4, 0, 0.2, 1);
	background-color: white !important;
	z-index: 30;
}

/* Label animada em erro */
.q-field.q-field--error .q-field__label {
	animation: q-field-label 0.36s;
}

/* Keyframes para animação de erro */
@keyframes q-field-label {
	40% {
		margin-left: 0.125rem;
	}
	60%,
	80% {
		margin-left: -0.125rem;
	}
	70%,
	90% {
		margin-left: 0.125rem;
	}
}