/* ========================================================================
   Fluxativa Auditoria Editorial - Frontend Dashboard
   Base clean, fiel aos cálculos e com foco em publicações.
   ======================================================================== */

.fae-dashboard-shell,
.fae-dashboard-shell * {
	box-sizing: border-box !important;
}

.fae-dashboard-shell {
	--fae-surface: #ffffff;
	--fae-surface-soft: #f7f9fc;
	--fae-border: #dfe5f0;
	--fae-border-soft: #edf2f8;
	--fae-text: #1d2d44;
	--fae-text-soft: #62738e;
	--fae-primary: #1358d6;
	--fae-primary-dark: #0f4abc;
	--fae-primary-soft: #ebf2ff;
	--fae-weight-line: #8ba0c4;
	--fae-blue-soft: #eef4ff;
	--fae-green-soft: #edf9f3;
	--fae-gold-soft: #fff6e8;
	--fae-violet-soft: #f3eeff;
	--fae-red-soft: #fff0f2;
	--fae-neutral-soft: #f3f6fb;
	--fae-shadow: 0 18px 38px rgba(28, 45, 74, 0.08);
	--fae-radius-xl: 24px;
	--fae-radius-lg: 18px;
	--fae-radius-md: 14px;
	--fae-radius-sm: 12px;
	width: 100% !important;
	max-width: 100% !important;
	font-family: inherit !important;
	color: var(--fae-text) !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 20px !important;
}

.fae-dashboard-shell a,
.fae-dashboard-shell button,
.fae-dashboard-shell input,
.fae-dashboard-shell select,
.fae-dashboard-shell textarea {
	font-family: inherit !important;
}

.fae-dashboard-shell a {
	color: inherit !important;
	text-decoration: none !important;
}

.fae-dashboard-shell h1,
.fae-dashboard-shell h2,
.fae-dashboard-shell h3,
.fae-dashboard-shell h4,
.fae-dashboard-shell p {
	margin: 0 !important;
	padding: 0 !important;
}

.fae-hero-card,
.fae-panel-card {
	background: var(--fae-surface) !important;
	border: 1px solid var(--fae-border) !important;
	border-radius: var(--fae-radius-xl) !important;
	box-shadow: var(--fae-shadow) !important;
	overflow: hidden !important;
}

.fae-hero-top,
.fae-hero-bottom,
.fae-panel-card__head,
.fae-panel-card__body {
	padding-left: 28px !important;
	padding-right: 28px !important;
}

.fae-hero-top {
	display: flex !important;
	align-items: flex-start !important;
	justify-content: space-between !important;
	gap: 20px !important;
	padding-top: 28px !important;
	padding-bottom: 22px !important;
	border-bottom: 1px solid var(--fae-border-soft) !important;
}

.fae-hero-copy {
	flex: 1 1 auto !important;
	min-width: 0 !important;
}

.fae-hero-title {
	font-size: 32px !important;
	line-height: 1.08 !important;
	font-weight: 800 !important;
	letter-spacing: -0.03em !important;
	color: var(--fae-text) !important;
}

.fae-hero-subtitle {
	margin-top: 8px !important;
	font-size: 15px !important;
	line-height: 1.55 !important;
	font-weight: 500 !important;
	color: var(--fae-text-soft) !important;
}

.fae-hero-meta {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 10px 18px !important;
	margin-top: 14px !important;
	padding: 12px 16px !important;
	background: var(--fae-surface-soft) !important;
	border: 1px solid var(--fae-border-soft) !important;
	border-radius: 16px !important;
}

.fae-hero-meta__item {
	font-size: 13px !important;
	line-height: 1.5 !important;
	font-weight: 600 !important;
	color: #4f607b !important;
	white-space: nowrap !important;
}

.fae-hero-meta__item strong {
	color: var(--fae-text) !important;
	font-weight: 800 !important;
}

.fae-period-switch {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	padding: 4px !important;
	background: #ffffff !important;
	border: 1px solid var(--fae-border) !important;
	border-radius: 16px !important;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4) !important;
	flex-shrink: 0 !important;
}

.fae-period-switch__btn {
	appearance: none !important;
	-webkit-appearance: none !important;
	border: 0 !important;
	outline: 0 !important;
	background: transparent !important;
	color: #5f7090 !important;
	font-size: 15px !important;
	line-height: 1 !important;
	font-weight: 800 !important;
	padding: 0 18px !important;
	min-width: 102px !important;
	min-height: 46px !important;
	border-radius: 12px !important;
	cursor: pointer !important;
	transition: background 0.18s ease, color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease !important;
}

.fae-period-switch__btn:hover {
	background: #f3f7ff !important;
	color: #264a85 !important;
}

.fae-period-switch__btn.is-active,
.fae-period-switch__btn[aria-pressed="true"] {
	background: var(--fae-primary) !important;
	color: #ffffff !important;
	box-shadow: 0 10px 18px rgba(19, 88, 214, 0.2) !important;
}

.fae-kpi-grid {
	display: grid !important;
	grid-template-columns: 1.35fr 1.1fr repeat(4, minmax(0, 1fr)) !important;
	gap: 14px !important;
	padding: 20px 28px !important;
	border-bottom: 1px solid var(--fae-border-soft) !important;
}

.fae-kpi-card {
	position: relative !important;
	min-height: 132px !important;
	padding: 18px 18px 16px !important;
	border-radius: 20px !important;
	border: 1px solid transparent !important;
	background: var(--fae-surface-soft) !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: flex-start !important;
	gap: 10px !important;
}

.fae-kpi-card--weight {
	background: linear-gradient(180deg, #f6f9ff 0%, #eef4ff 100%) !important;
	border-color: #d9e6ff !important;
}

.fae-kpi-card--primary {
	background: var(--fae-blue-soft) !important;
	border-color: #dbe7fb !important;
}

.fae-kpi-card--text {
	background: var(--fae-green-soft) !important;
	border-color: #d9efe3 !important;
}

.fae-kpi-card--photo {
	background: var(--fae-gold-soft) !important;
	border-color: #f0dfb7 !important;
}

.fae-kpi-card--subject {
	background: var(--fae-violet-soft) !important;
	border-color: #ddcff8 !important;
}

.fae-kpi-card--delete {
	background: var(--fae-red-soft) !important;
	border-color: #f2d9df !important;
}

.fae-kpi-card__eyebrow {
	font-size: 12px !important;
	line-height: 1.25 !important;
	font-weight: 800 !important;
	letter-spacing: 0.04em !important;
	text-transform: uppercase !important;
	color: #5270a9 !important;
	min-height: 30px !important;
}


.fae-kpi-card__badge {
	align-self: flex-start !important;
	display: inline-flex !important;
	align-items: center !important;
	padding: 6px 10px !important;
	border-radius: 999px !important;
	background: rgba(19, 88, 214, 0.11) !important;
	color: var(--fae-primary) !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	line-height: 1 !important;
	text-transform: uppercase !important;
}

.fae-kpi-card__value {
	font-size: 34px !important;
	line-height: 1 !important;
	font-weight: 800 !important;
	margin-top: 2px !important;
	letter-spacing: -0.04em !important;
	color: var(--fae-text) !important;
}

.fae-kpi-card__value--weight {
	font-size: 42px !important;
}

.fae-kpi-card__label {
	font-size: 14px !important;
	line-height: 1.35 !important;
	font-weight: 700 !important;
	color: #4e607f !important;
}

.fae-kpi-card__hint {
	margin-top: auto !important;
	font-size: 13px !important;
	line-height: 1.45 !important;
	font-weight: 600 !important;
	color: var(--fae-text-soft) !important;
}


.fae-hero-bottom {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 18px !important;
	padding-top: 20px !important;
	padding-bottom: 24px !important;
}

.fae-hero-bottom__copy {
	flex: 1 1 auto !important;
}

.fae-hero-bottom__title {
	font-size: 19px !important;
	line-height: 1.3 !important;
	font-weight: 800 !important;
	color: var(--fae-text) !important;
}

.fae-hero-bottom__text,
.fae-panel-card__subtext {
	margin-top: 6px !important;
	font-size: 14px !important;
	line-height: 1.55 !important;
	font-weight: 500 !important;
	color: var(--fae-text-soft) !important;
}

.fae-panel-card__head {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 18px !important;
	padding-top: 24px !important;
	padding-bottom: 18px !important;
	border-bottom: 1px solid var(--fae-border-soft) !important;
}

.fae-panel-card__head--spread {
	align-items: flex-start !important;
}

.fae-panel-card__title {
	font-size: 26px !important;
	line-height: 1.1 !important;
	font-weight: 800 !important;
	letter-spacing: -0.03em !important;
	color: var(--fae-text) !important;
}

.fae-panel-card__body {
	padding-top: 22px !important;
	padding-bottom: 26px !important;
}

.fae-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	padding: 0 22px !important;
	min-height: 48px !important;
	border-radius: 14px !important;
	border: 1px solid transparent !important;
	font-size: 15px !important;
	line-height: 1.15 !important;
	font-weight: 800 !important;
	transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease !important;
	cursor: pointer !important;
}

.fae-btn:hover {
	transform: translateY(-1px) !important;
}

.fae-btn--primary {
	background: var(--fae-primary) !important;
	color: #ffffff !important;
	box-shadow: 0 12px 22px rgba(19, 88, 214, 0.16) !important;
}

.fae-btn--secondary {
	background: var(--fae-primary) !important;
	border-color: var(--fae-primary) !important;
	color: #ffffff !important;
	box-shadow: 0 10px 18px rgba(19, 88, 214, 0.18) !important;
}

.fae-btn--secondary:hover {
	background: var(--fae-primary-dark) !important;
	border-color: var(--fae-primary-dark) !important;
}

.fae-btn--small {
	min-height: 40px !important;
	padding-left: 16px !important;
	padding-right: 16px !important;
	font-size: 14px !important;
	border-radius: 12px !important;
}

.fae-chart-box {
	display: flex !important;
	flex-direction: column !important;
	gap: 18px !important;
	padding: 6px 0 2px !important;
	overflow: visible !important;
}

.fae-chart-legend {
	display: flex !important;
	align-items: center !important;
	gap: 22px !important;
	flex-wrap: wrap !important;
}

.fae-chart-legend__item {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	color: #536580 !important;
}

.fae-chart-legend__dot {
	width: 12px !important;
	height: 12px !important;
	border-radius: 999px !important;
	display: inline-block !important;
}

.fae-chart-legend__dot--line {
	background: var(--fae-weight-line) !important;
}

.fae-chart-legend__dot--bar {
	background: var(--fae-primary) !important;
}

.fae-chart-stage {
	position: relative !important;
	height: 280px !important;
	padding: 8px 14px 0 !important;
	border: 1px solid var(--fae-border-soft) !important;
	border-radius: 20px !important;
	background: linear-gradient(180deg, #fbfdff 0%, #f4f8fd 100%) !important;
	overflow: visible !important;
}

.fae-chart-grid-lines {
	position: absolute !important;
	left: 0 !important;
	right: 0 !important;
	top: 8px !important;
	height: 184px !important;
	pointer-events: none !important;
}

.fae-chart-grid-lines__item {
	position: absolute !important;
	left: 18px !important;
	right: 18px !important;
	height: 1px !important;
	background: #e7edf7 !important;
	border-top: 1px dashed #dde6f2 !important;
}

.fae-chart-svg {
	position: absolute !important;
	left: 14px !important;
	right: 14px !important;
	top: 8px !important;
	height: 184px !important;
	width: calc(100% - 28px) !important;
	pointer-events: none !important;
	overflow: visible !important;
}

.fae-chart-svg__path {
	fill: none !important;
	stroke-width: 3 !important;
	stroke-linecap: round !important;
	stroke-linejoin: round !important;
}

.fae-chart-svg__path--publication {
	stroke: rgba(19, 88, 214, 0.82) !important;
}

.fae-chart-svg__path--weight {
	stroke: var(--fae-weight-line) !important;
	opacity: 0.92 !important;
}

.fae-chart-svg__point {
	fill: #ffffff !important;
	stroke-width: 2.5 !important;
}

.fae-chart-svg__point--publication {
	stroke: var(--fae-primary) !important;
}

.fae-chart-svg__point--weight {
	stroke: var(--fae-weight-line) !important;
}

.fae-chart-columns {
	position: absolute !important;
	left: 14px !important;
	right: 14px !important;
	top: 8px !important;
	height: 220px !important;
	display: grid !important;
	align-items: end !important;
	gap: 2px !important;
	overflow: visible !important;
}

.fae-chart-column {
	position: relative !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	justify-content: flex-end !important;
	height: 100% !important;
	min-width: 0 !important;
}

.fae-chart-column__plot {
	position: relative !important;
	height: 184px !important;
	display: flex !important;
	align-items: flex-end !important;
	justify-content: center !important;
	padding-bottom: 0 !important;
	overflow: visible !important;
}

.fae-chart-column__bar {
	display: block !important;
	width: min(18px, calc(100% - 6px)) !important;
	min-width: 6px !important;
	border-radius: 10px 10px 3px 3px !important;
	background: linear-gradient(180deg, rgba(19, 88, 214, 0.92) 0%, rgba(19, 88, 214, 0.52) 100%) !important;
	box-shadow: 0 10px 18px rgba(19, 88, 214, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.38) !important;
	position: relative !important;
	z-index: 1 !important;
}

.fae-chart-column__label {
	margin-top: 10px !important;
	font-size: 11px !important;
	line-height: 1.2 !important;
	font-weight: 700 !important;
	text-align: center !important;
	color: #74849c !important;
	white-space: nowrap !important;
}

.fae-chart-tip {
	position: absolute !important;
	left: 50% !important;
	bottom: calc(100% + 10px) !important;
	transform: translateX(-50%) translateY(6px) !important;
	min-width: 176px !important;
	max-width: 220px !important;
	padding: 12px 14px !important;
	border-radius: 14px !important;
	background: #ffffff !important;
	border: 1px solid var(--fae-border) !important;
	box-shadow: 0 16px 32px rgba(28, 45, 74, 0.14) !important;
	opacity: 0 !important;
	visibility: hidden !important;
	transition: opacity 0.18s ease, transform 0.18s ease !important;
	z-index: 15 !important;
	pointer-events: none !important;
}

.fae-chart-tip::after {
	content: "" !important;
	position: absolute !important;
	left: 50% !important;
	bottom: -7px !important;
	width: 14px !important;
	height: 14px !important;
	transform: translateX(-50%) rotate(45deg) !important;
	background: #ffffff !important;
	border-right: 1px solid var(--fae-border) !important;
	border-bottom: 1px solid var(--fae-border) !important;
}

.fae-chart-column__plot:hover .fae-chart-tip,
.fae-chart-column__plot:focus-within .fae-chart-tip {
	opacity: 1 !important;
	visibility: visible !important;
	transform: translateX(-50%) translateY(0) !important;
}

.fae-chart-tip__title {
	display: block !important;
	font-size: 15px !important;
	line-height: 1.2 !important;
	font-weight: 800 !important;
	color: var(--fae-text) !important;
}

.fae-chart-tip__meta {
	display: block !important;
	margin-top: 4px !important;
	font-size: 13px !important;
	line-height: 1.4 !important;
	font-weight: 600 !important;
	color: var(--fae-text-soft) !important;
}

.fae-history-table-wrap,
.fae-activities-table-wrap {
	overflow-x: auto !important;
}

.fae-history-table,
.fae-activities-table {
	width: 100% !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
	min-width: 760px !important;
}

.fae-history-table thead th,
.fae-activities-table thead th {
	padding: 16px 14px !important;
	background: #f4f7fb !important;
	border-top: 1px solid var(--fae-border-soft) !important;
	border-bottom: 1px solid var(--fae-border-soft) !important;
	font-size: 13px !important;
	line-height: 1.2 !important;
	font-weight: 800 !important;
	text-align: left !important;
	color: #55667f !important;
	white-space: nowrap !important;
}

.fae-history-table thead th:first-child,
.fae-activities-table thead th:first-child {
	border-left: 1px solid var(--fae-border-soft) !important;
	border-top-left-radius: 14px !important;
}

.fae-history-table thead th:last-child,
.fae-activities-table thead th:last-child {
	border-right: 1px solid var(--fae-border-soft) !important;
	border-top-right-radius: 14px !important;
}

.fae-history-table tbody td,
.fae-activities-table tbody td {
	padding: 16px 14px !important;
	border-bottom: 1px solid var(--fae-border-soft) !important;
	font-size: 14px !important;
	line-height: 1.45 !important;
	font-weight: 600 !important;
	color: var(--fae-text) !important;
	vertical-align: middle !important;
	background: #ffffff !important;
}

.fae-history-table tbody tr:nth-child(even) td,
.fae-activities-table tbody tr:nth-child(even) td {
	background: #fbfcfe !important;
}

.fae-activities-table__row--first_publish td {
	background: #f8fbff !important;
}

.fae-content-main {
	font-size: 15px !important;
	line-height: 1.45 !important;
	font-weight: 800 !important;
	color: var(--fae-text) !important;
}

.fae-content-meta-line {
	display: flex !important;
	align-items: center !important;
	gap: 0 !important;
	flex-wrap: wrap !important;
	margin-top: 6px !important;
}

.fae-content-sub {
	font-size: 12px !important;
	line-height: 1.45 !important;
	font-weight: 800 !important;
	color: #6b7c97 !important;
}

.fae-content-pill {
	display: inline-flex !important;
	align-items: center !important;
	padding: 5px 10px !important;
	border-radius: 999px !important;
	background: rgba(19, 88, 214, 0.1) !important;
	color: var(--fae-primary) !important;
	font-size: 11px !important;
	line-height: 1 !important;
	font-weight: 800 !important;
}

.fae-tag,
.fae-badge {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 7px 12px !important;
	border-radius: 999px !important;
	font-size: 12px !important;
	line-height: 1 !important;
	font-weight: 800 !important;
	white-space: nowrap !important;
}

.fae-tag--action {
	background: #eff3fa !important;
	color: #4d617e !important;
}

.fae-tag--publish {
	background: #e8f1ff !important;
	color: var(--fae-primary) !important;
}

.fae-tag--text {
	background: #eaf8f1 !important;
	color: #1d7a53 !important;
}

.fae-tag--photo {
	background: #fff4df !important;
	color: #a1680e !important;
}

.fae-tag--subject {
	background: #f1ebff !important;
	color: #6e40c9 !important;
}

.fae-tag--delete {
	background: #ffedf1 !important;
	color: #c03c57 !important;
}

.fae-badge--high {
	background: #fff0da !important;
	color: #a8650e !important;
}

.fae-badge--medium {
	background: #edf4ff !important;
	color: #2c69cc !important;
}

.fae-badge--low {
	background: #edf3fb !important;
	color: #60718d !important;
}

.fae-weight-cell {
	font-weight: 800 !important;
}

.fae-pagination {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	padding: 4px !important;
	background: #f3f7fc !important;
	border: 1px solid var(--fae-border) !important;
	border-radius: 14px !important;
}

.fae-pagination__btn {
	appearance: none !important;
	-webkit-appearance: none !important;
	border: 0 !important;
	outline: 0 !important;
	width: 38px !important;
	height: 38px !important;
	border-radius: 10px !important;
	background: transparent !important;
	color: #5c6d88 !important;
	font-size: 14px !important;
	font-weight: 800 !important;
	cursor: pointer !important;
}

.fae-pagination__btn:hover {
	background: #e8f0ff !important;
	color: var(--fae-primary) !important;
}

.fae-pagination__btn.is-active {
	background: var(--fae-primary) !important;
	color: #ffffff !important;
}

.fae-empty-state {
	padding: 18px 20px !important;
	border-radius: 16px !important;
	background: #f7f9fc !important;
	border: 1px dashed var(--fae-border) !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	color: var(--fae-text-soft) !important;
}

.fae-ajax-error {
	margin-bottom: 10px !important;
	padding: 14px 16px !important;
	border-radius: 14px !important;
	background: #fff0f2 !important;
	border: 1px solid #f0d4dc !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	color: #b33250 !important;
}

.fae-dashboard-loading {
	position: fixed !important;
	inset: 0 !important;
	background: rgba(247, 250, 255, 0.55) !important;
	backdrop-filter: blur(2px) !important;
	z-index: 9999 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.fae-dashboard-loading__box {
	padding: 14px 18px !important;
	border-radius: 14px !important;
	background: #ffffff !important;
	border: 1px solid var(--fae-border) !important;
	box-shadow: 0 18px 34px rgba(28, 45, 74, 0.14) !important;
	font-size: 14px !important;
	font-weight: 800 !important;
	color: var(--fae-text) !important;
}

@media (max-width: 1180px) {
	.fae-kpi-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}

	.fae-kpi-card--weight {
		grid-column: span 3 !important;
	}
}

@media (max-width: 900px) {
	.fae-hero-top,
	.fae-hero-bottom,
	.fae-panel-card__head,
	.fae-panel-card__body {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	.fae-hero-top,
	.fae-hero-bottom,
	.fae-panel-card__head,
	.fae-panel-card__head--spread {
		flex-direction: column !important;
		align-items: stretch !important;
	}

	.fae-period-switch {
		width: 100% !important;
		justify-content: space-between !important;
	}

	.fae-period-switch__btn {
		min-width: 0 !important;
		flex: 1 1 0 !important;
	}

	.fae-kpi-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.fae-kpi-card--weight {
		grid-column: span 2 !important;
	}
}

@media (max-width: 640px) {
	.fae-dashboard-shell {
		gap: 16px !important;
	}

	.fae-hero-title,
	.fae-panel-card__title {
		font-size: 24px !important;
	}

	.fae-kpi-grid {
		grid-template-columns: 1fr !important;
	}

	.fae-kpi-card--weight {
		grid-column: auto !important;
	}

	.fae-hero-meta {
		padding: 10px 12px !important;
		gap: 8px 12px !important;
	}

	.fae-hero-meta__item {
		white-space: normal !important;
	}
}

.fae-history-table__action .fae-btn,
.fae-hero-bottom__actions .fae-btn {
	white-space: nowrap !important;
}


.fae-panel-card--chart {
	overflow: visible !important;
}


@media (max-width: 1200px) {
	.fae-kpi-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 900px) {
	.fae-kpi-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.fae-hero-top {
		flex-direction: column !important;
	}

	.fae-period-switch {
		width: 100% !important;
		justify-content: space-between !important;
	}

	.fae-period-switch__btn {
		min-width: 0 !important;
		flex: 1 1 0 !important;
	}
}

@media (max-width: 640px) {
	.fae-kpi-grid {
		grid-template-columns: 1fr !important;
	}

	.fae-chart-stage {
		height: 260px !important;
	}

	.fae-chart-column__bar {
		width: min(12px, calc(100% - 4px)) !important;
	}

	.fae-chart-column__label {
		font-size: 10px !important;
	}
}

/* === Correções finais de interação e acabamento === */
.fae-panel-card--chart,
.fae-chart-box,
.fae-chart-stage {
	overflow-x: hidden !important;
	overflow-y: visible !important;
}

.fae-chart-stage {
	padding-left: 16px !important;
	padding-right: 16px !important;
}

.fae-chart-svg {
	left: 16px !important;
	right: 16px !important;
	width: calc(100% - 32px) !important;
}

.fae-chart-columns {
	left: 16px !important;
	right: 16px !important;
	gap: 4px !important;
}

.fae-chart-svg__point {
	vector-effect: non-scaling-stroke !important;
}

.fae-chart-svg__point--publication {
	stroke-width: 2.2 !important;
}

.fae-chart-svg__point--weight {
	stroke-width: 2.2 !important;
}

.fae-content-meta-line,
.fae-content-sub {
	display: none !important;
}

.fae-btn,
.fae-btn:link,
.fae-btn:visited,
.fae-btn:hover,
.fae-btn:focus,
.fae-btn:active {
	background: var(--fae-primary) !important;
	border-color: var(--fae-primary) !important;
	color: #ffffff !important;
}

.fae-btn:hover,
.fae-btn:focus {
	background: var(--fae-primary-dark) !important;
	border-color: var(--fae-primary-dark) !important;
}

.fae-pagination__btn,
.fae-pagination__btn:link,
.fae-pagination__btn:visited,
.fae-period-switch__btn {
	font-weight: 800 !important;
}

.fae-history-table__action .fae-btn,
.fae-hero-bottom__actions .fae-btn {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	line-height: 1 !important;
}

/* === Frontend chart refinement === */
.fae-chart-box {
	display: flex !important;
	flex-direction: column !important;
	gap: 16px !important;
	padding: 4px 0 0 !important;
}

.fae-chart-stage {
	position: relative !important;
	min-height: 360px !important;
	padding: 12px 18px 10px !important;
	border: 1px solid var(--fae-border-soft) !important;
	border-radius: 24px !important;
	background: linear-gradient(180deg, #fbfdff 0%, #f4f8fd 100%) !important;
	overflow: hidden !important;
}

.fae-chart-svg {
	display: block !important;
	width: 100% !important;
	height: 300px !important;
	overflow: visible !important;
}

.fae-chart-grid-line {
	stroke: #d9e4f3 !important;
	stroke-width: 1 !important;
}

.fae-chart-grid-label,
.fae-chart-axis-label,
.fae-chart-bar-label {
	fill: #7384a0 !important;
	font-size: 12px !important;
	font-weight: 700 !important;
}

.fae-chart-grid-label--left {
	text-anchor: end !important;
}

.fae-chart-grid-label--right {
	text-anchor: start !important;
}

.fae-chart-area {
	fill-opacity: 1 !important;
}

.fae-chart-line {
	fill: none !important;
	stroke: var(--fae-weight-line) !important;
	stroke-width: 4 !important;
	stroke-linecap: round !important;
	stroke-linejoin: round !important;
}

.fae-chart-bar {
	stroke: none !important;
}

.fae-chart-dot {
	fill: #ffffff !important;
	stroke: var(--fae-weight-line) !important;
	stroke-width: 2.5 !important;
}

.fae-chart-bar-label {
	fill: #244a8f !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	paint-order: stroke !important;
	stroke: rgba(255, 255, 255, 0.92) !important;
	stroke-width: 4px !important;
	stroke-linejoin: round !important;
}

.fae-chart-hit-grid {
	position: absolute !important;
	left: 18px !important;
	right: 18px !important;
	top: 12px !important;
	bottom: 56px !important;
	display: grid !important;
	gap: 0 !important;
}

.fae-chart-hit {
	appearance: none !important;
	background: transparent !important;
	border: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	cursor: pointer !important;
}

.fae-chart-hit:focus-visible {
	outline: 2px solid rgba(19, 88, 214, 0.22) !important;
	outline-offset: -2px !important;
}

.fae-chart-tooltip {
	position: absolute !important;
	z-index: 20 !important;
	min-width: 196px !important;
	max-width: 230px !important;
	padding: 12px 14px !important;
	border-radius: 16px !important;
	background: #ffffff !important;
	border: 1px solid var(--fae-border) !important;
	box-shadow: 0 18px 34px rgba(28, 45, 74, 0.16) !important;
	transform: translateX(-50%) !important;
	pointer-events: none !important;
}

.fae-chart-tooltip[hidden] {
	display: none !important;
}

.fae-chart-tooltip::after {
	content: "" !important;
	position: absolute !important;
	left: 50% !important;
	bottom: -7px !important;
	width: 14px !important;
	height: 14px !important;
	transform: translateX(-50%) rotate(45deg) !important;
	background: #ffffff !important;
	border-right: 1px solid var(--fae-border) !important;
	border-bottom: 1px solid var(--fae-border) !important;
}

.fae-chart-tooltip__title {
	display: block !important;
	font-size: 15px !important;
	line-height: 1.15 !important;
	font-weight: 800 !important;
	color: var(--fae-text) !important;
}

.fae-chart-tooltip__meta {
	display: block !important;
	margin-top: 4px !important;
	font-size: 13px !important;
	line-height: 1.45 !important;
	font-weight: 600 !important;
	color: var(--fae-text-soft) !important;
}

@media (max-width: 900px) {
	.fae-chart-stage {
		min-height: 320px !important;
		padding-left: 12px !important;
		padding-right: 12px !important;
	}

	.fae-chart-svg {
		height: 270px !important;
	}

	.fae-chart-hit-grid {
		left: 12px !important;
		right: 12px !important;
	}
}


/* === Frontend chart redesign: linha do tempo clean === */
.fae-chart-box {
	display: flex !important;
	flex-direction: column !important;
	gap: 14px !important;
	padding-top: 4px !important;
}

.fae-chart-legend {
	display: flex !important;
	align-items: center !important;
	gap: 16px !important;
	padding-left: 2px !important;
}

.fae-chart-legend__item {
	display: inline-flex !important;
	align-items: center !important;
	gap: 10px !important;
	font-size: 15px !important;
	line-height: 1 !important;
	font-weight: 800 !important;
	color: #436089 !important;
}

.fae-chart-legend__dot {
	width: 12px !important;
	height: 12px !important;
	border-radius: 999px !important;
	display: inline-block !important;
	background: #3f89f7 !important;
	box-shadow: 0 0 0 6px rgba(63, 137, 247, 0.12) !important;
}

.fae-chart-stage {
	position: relative !important;
	min-height: 446px !important;
	padding: 12px 22px 10px !important;
	border: 1px solid var(--fae-border-soft) !important;
	border-radius: 28px !important;
	background: linear-gradient(180deg, #fbfdff 0%, #f5f9ff 100%) !important;
	overflow: hidden !important;
}

.fae-chart-canvas {
	position: relative !important;
	width: 100% !important;
	height: 404px !important;
	padding-left: 2px !important;
	padding-right: 2px !important;
}

.fae-chart-svg {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	overflow: visible !important;
	shape-rendering: geometricPrecision !important;
}

.fae-chart-grid-line {
	stroke: #dce6f5 !important;
	stroke-width: 1 !important;
}

.fae-chart-grid-label,
.fae-chart-axis-label {
	fill: #7285a5 !important;
	font-size: 12px !important;
	font-weight: 700 !important;
}

.fae-chart-axis-label.is-muted {
	fill: rgba(114, 133, 165, 0.48) !important;
}

.fae-chart-area {
	fill-opacity: 1 !important;
}

.fae-chart-line {
	fill: none !important;
	stroke: #3f89f7 !important;
	stroke-width: 4 !important;
	stroke-linecap: round !important;
	stroke-linejoin: round !important;
	filter: drop-shadow(0 10px 18px rgba(63, 137, 247, 0.18)) !important;
}

.fae-chart-point {
	fill: #ffffff !important;
	stroke: #3f89f7 !important;
	stroke-width: 4 !important;
	transform-box: fill-box !important;
	transform-origin: center center !important;
	transition: transform 0.18s ease, filter 0.18s ease, r 0.18s ease !important;
	filter: drop-shadow(0 6px 12px rgba(63, 137, 247, 0.18)) !important;
}

.fae-chart-point.is-active {
	filter: drop-shadow(0 10px 18px rgba(63, 137, 247, 0.26)) !important;
}

.fae-chart-hit-svg {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	overflow: visible !important;
	pointer-events: none !important;
}

.fae-chart-point-hit {
	fill: rgba(63, 137, 247, 0.001) !important;
	stroke: transparent !important;
	stroke-width: 0 !important;
	cursor: pointer !important;
	pointer-events: all !important;
}

.fae-chart-point-hit:hover,
.fae-chart-point-hit:focus-visible,
.fae-chart-point-hit.is-active {
	fill: rgba(63, 137, 247, 0.10) !important;
}

.fae-chart-point-hit:focus-visible {
	outline: none !important;
}

.fae-floating-tooltip {
	position: fixed !important;
	z-index: 999999 !important;
	min-width: 156px !important;
	max-width: 220px !important;
	padding: 14px 16px !important;
	border-radius: 18px !important;
	background: rgba(255, 255, 255, 0.98) !important;
	border: 1px solid rgba(218, 227, 241, 0.94) !important;
	box-shadow: 0 20px 38px rgba(27, 45, 74, 0.16) !important;
	backdrop-filter: blur(10px) !important;
	pointer-events: none !important;
}

.fae-floating-tooltip::after {
	content: '' !important;
	position: absolute !important;
	left: 18px !important;
	bottom: -7px !important;
	width: 14px !important;
	height: 14px !important;
	transform: rotate(45deg) !important;
	background: rgba(255, 255, 255, 0.98) !important;
	border-right: 1px solid rgba(218, 227, 241, 0.94) !important;
	border-bottom: 1px solid rgba(218, 227, 241, 0.94) !important;
}

.fae-floating-tooltip[hidden] {
	display: none !important;
}

.fae-floating-tooltip__title {
	display: block !important;
	font-size: 15px !important;
	line-height: 1.15 !important;
	font-weight: 800 !important;
	color: var(--fae-text) !important;
}

.fae-floating-tooltip__meta {
	display: block !important;
	margin-top: 6px !important;
	font-size: 14px !important;
	line-height: 1.35 !important;
	font-weight: 700 !important;
	color: #4d6792 !important;
}

@media (max-width: 900px) {
	.fae-chart-stage {
		min-height: 340px !important;
		padding-left: 10px !important;
		padding-right: 10px !important;
		border-radius: 22px !important;
	}

	.fae-chart-canvas {
		height: 300px !important;
	}

	.fae-chart-grid-label,
	.fae-chart-axis-label {
		font-size: 11px !important;
	}
}


/* === Centro das tabelas do frontend === */
.fae-history-table thead th,
.fae-activities-table thead th,
.fae-history-table tbody td,
.fae-activities-table tbody td {
	text-align: center !important;
}

.fae-content-main,
.fae-content-sub,
.fae-history-table__action,
.fae-activities-table__action {
	text-align: center !important;
}