/*
 * Modal Recalcular Parcela em Atraso
 * Seletor por id (*panelRecalcParcela) – sem styleClass no XHTML.
 */

.ui-datatable tbody td:has([id*="panelRecalcParcela"]) {
	overflow: visible !important;
}

/* Dialog container */
.ui-dialog[id*="panelRecalcParcela"],
.ui-dialog[id*="panelRecalcParcela"].ui-widget-content {
	position: fixed !important;
	/* z-index vem do PrimeFaces ao abrir; !important aqui deixava o datePicker atras */
	background: #fff !important;
	border: 1px solid #ccc !important;
	border-radius: 6px !important;
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.22) !important;
	overflow: visible !important;
}

.ui-datatable tbody td .ui-dialog[id*="panelRecalcParcela"],
.ui-datatable tbody td .ui-dialog[id*="panelRecalcParcela"] .ui-dialog-content,
.ui-datatable tbody td .ui-dialog[id*="panelRecalcParcela"] table,
.ui-datatable tbody td .ui-dialog[id*="panelRecalcParcela"] table td,
.ui-datatable tbody td .ui-dialog[id*="panelRecalcParcela"] table tr {
	background: #fff !important;
	background-color: #fff !important;
	background-image: none !important;
}

/* Header roxo */
.ui-dialog[id*="panelRecalcParcela"] .ui-dialog-titlebar,
.ui-dialog[id*="panelRecalcParcela"] .ui-dialog-titlebar.ui-widget-header,
.ui-datatable tbody td .ui-dialog[id*="panelRecalcParcela"] .ui-dialog-titlebar {
	background: var(--castanhal, var(--primary-color, #8B49A7)) !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: 5px 5px 0 0 !important;
	padding: 0.65em 2.25em 0.65em 1em !important;
	position: relative !important;
}

.ui-dialog[id*="panelRecalcParcela"] .ui-dialog-titlebar .ui-dialog-title,
.ui-dialog[id*="panelRecalcParcela"] .ui-dialog-titlebar span.ui-dialog-title,
.ui-dialog[id*="panelRecalcParcela"] .ui-dialog-titlebar span[id$="_title"],
.ui-datatable tbody td .ui-dialog[id*="panelRecalcParcela"] .ui-dialog-titlebar span:not(.ui-icon):not(.ui-button-icon-left) {
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	font-weight: normal !important;
	font-size: 1em !important;
	float: none !important;
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1.35 !important;
	background: transparent !important;
	text-shadow: none !important;
	opacity: 1 !important;
	text-align: left !important;
}

/* Icone fechar (theme.css text-indent:-99999px esconde o X) */
.ui-dialog[id*="panelRecalcParcela"] .ui-dialog-titlebar-close,
.ui-dialog[id*="panelRecalcParcela"] .ui-dialog-titlebar-icon.ui-dialog-titlebar-close {
	position: absolute !important;
	right: 0.65em !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	float: none !important;
	width: 1.35em !important;
	height: 1.35em !important;
	min-width: 1.35em !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: #fff !important;
	text-indent: 0 !important;
	overflow: visible !important;
	box-shadow: none !important;
}

.ui-dialog[id*="panelRecalcParcela"] .ui-dialog-titlebar-close .ui-icon,
.ui-dialog[id*="panelRecalcParcela"] .ui-dialog-titlebar-close span.ui-icon,
.ui-dialog[id*="panelRecalcParcela"] .ui-dialog-titlebar-close .ui-button-icon-left {
	display: inline-block !important;
	width: 1em !important;
	height: 1em !important;
	min-width: 1em !important;
	text-indent: 0 !important;
	overflow: visible !important;
	background: none !important;
	background-image: none !important;
	font-family: "Font Awesome 6 Free", "FontAwesome" !important;
	font-weight: 900 !important;
	font-style: normal !important;
	font-size: 1em !important;
	line-height: 1 !important;
	color: #fff !important;
	text-align: center !important;
	vertical-align: middle !important;
}

.ui-dialog[id*="panelRecalcParcela"] .ui-dialog-titlebar-close .ui-icon-closethick::before,
.ui-dialog[id*="panelRecalcParcela"] .ui-dialog-titlebar-close .ui-icon-close::before,
.ui-dialog[id*="panelRecalcParcela"] .ui-dialog-titlebar-close .ui-icon::before {
	content: "\f00d" !important;
	display: inline-block !important;
}

.ui-dialog[id*="panelRecalcParcela"] .ui-dialog-titlebar-close:hover,
.ui-dialog[id*="panelRecalcParcela"] .ui-dialog-titlebar-close:focus {
	background: transparent !important;
	color: #fff !important;
	opacity: 0.85 !important;
}

/* Corpo branco */
.ui-dialog[id*="panelRecalcParcela"] .ui-dialog-content,
.ui-datatable tbody td .ui-dialog[id*="panelRecalcParcela"] .ui-dialog-content {
	background: #fff !important;
	padding: 1.15em 1.5em 1.35em !important;
	overflow: visible !important;
}

/* Grid label | campo */
.ui-dialog[id*="panelRecalcParcela"] .ui-dialog-content > table,
.ui-dialog[id*="panelRecalcParcela"] .ui-dialog-content table {
	width: 100% !important;
	border: 0 !important;
	border-collapse: separate !important;
	border-spacing: 0 0.2em !important;
	margin: 0 !important;
	background: #fff !important;
}

.ui-dialog[id*="panelRecalcParcela"] .ui-dialog-content table tr,
.ui-dialog[id*="panelRecalcParcela"] .ui-dialog-content table td {
	border: 0 !important;
	background: #fff !important;
	vertical-align: middle !important;
	padding: 0.4em 0 !important;
}

/* Coluna labels (1ª célula) – alinhado à esquerda */
.ui-dialog[id*="panelRecalcParcela"] .ui-dialog-content table tbody tr > td:first-child {
	text-align: left !important;
	white-space: nowrap !important;
	padding-right: 0.75em !important;
	color: #555 !important;
}

.ui-dialog[id*="panelRecalcParcela"] .ui-dialog-content table tbody tr > td:first-child label,
.ui-dialog[id*="panelRecalcParcela"] .ui-dialog-content table tbody tr > td:first-child .ui-outputlabel,
.ui-datatable tbody td .ui-dialog[id*="panelRecalcParcela"] .ui-dialog-content table tbody tr > td:first-child label,
.ui-datatable tbody td .ui-dialog[id*="panelRecalcParcela"] .ui-dialog-content table tbody tr > td:first-child .ui-outputlabel {
	color: #555 !important;
	background: transparent !important;
	font-weight: normal !important;
	text-align: left !important;
}

/* Data Base + Total a Pagar em negrito */
.ui-dialog[id*="panelRecalcParcela"] .ui-dialog-content table tbody tr:first-child > td:first-child label,
.ui-dialog[id*="panelRecalcParcela"] .ui-dialog-content table tbody tr:first-child > td:first-child .ui-outputlabel,
.ui-dialog[id*="panelRecalcParcela"] .ui-dialog-content table tbody tr:nth-last-child(2) > td:first-child label,
.ui-dialog[id*="panelRecalcParcela"] .ui-dialog-content table tbody tr:nth-last-child(2) > td:first-child .ui-outputlabel {
	color: #333 !important;
	font-weight: bold !important;
}

.ui-dialog[id*="panelRecalcParcela"] .ui-outputlabel-rfi {
	color: #c00 !important;
	font-weight: bold !important;
}

/* Coluna campos (2ª célula) */
.ui-dialog[id*="panelRecalcParcela"] .ui-dialog-content table tbody tr > td:last-child {
	text-align: left !important;
}

.ui-dialog[id*="panelRecalcParcela"] .ui-dialog-content table tbody tr > td:last-child input[readonly],
.ui-dialog[id*="panelRecalcParcela"] .ui-dialog-content table tbody tr > td:last-child .ui-inputfield {
	width: 200px !important;
	max-width: 100%;
	box-sizing: border-box;
	display: block !important;
	vertical-align: middle;
	margin: 0 !important;
	padding: 0.35em 0.5em !important;
	text-align: right !important;
	background: #fff !important;
	border: 1px solid #ccc !important;
	border-radius: 4px !important;
	color: #222 !important;
}

.ui-dialog[id*="panelRecalcParcela"] .ui-dialog-content table tbody tr:nth-last-child(2) > td:last-child input[readonly],
.ui-dialog[id*="panelRecalcParcela"] .ui-dialog-content table tbody tr:nth-last-child(2) > td:last-child .ui-inputfield {
	font-weight: bold !important;
	color: #111 !important;
}

/* DatePicker alinhado aos demais campos */
.ui-dialog[id*="panelRecalcParcela"] .ui-dialog-content table tbody tr > td:last-child span.ui-calendar,
.ui-dialog[id*="panelRecalcParcela"] .ui-dialog-content table tbody tr > td:last-child .ui-calendar {
	display: inline-flex !important;
	align-items: stretch !important;
	width: 200px !important;
	max-width: 100%;
	box-sizing: border-box !important;
	vertical-align: middle !important;
	border: 1px solid #ccc !important;
	border-radius: 4px !important;
	overflow: visible !important;
	background: #fff !important;
	margin: 0 !important;
}

/*
 * Popup do datePicker acima do dialog modal Recalcular Parcela (sem appendTo body).
 * Reforcado em pf15-datepicker-panel.css + pf15-calendar-compat.js (preShow).
 */
.ui-dialog[id*="panelRecalcParcela"] .ui-datepicker.ui-widget,
.ui-dialog[id*="panelRecalcParcela"] .ui-datepicker.p-datepicker-panel,
.ui-datatable tbody td .ui-dialog[id*="panelRecalcParcela"] .ui-datepicker.ui-widget,
.ui-datatable tbody td .ui-dialog[id*="panelRecalcParcela"] .ui-datepicker.p-datepicker-panel {
	z-index: 10050 !important;
}

.ui-dialog[id*="panelRecalcParcela"] .ui-dialog-content table tbody tr > td:last-child span.ui-calendar > input,
.ui-dialog[id*="panelRecalcParcela"] .ui-dialog-content table tbody tr > td:last-child span.ui-calendar > .ui-inputfield {
	flex: 1 1 auto !important;
	min-width: 0 !important;
	width: auto !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: #fff !important;
	text-align: left !important;
	padding: 0.35em 0.5em !important;
}

.ui-dialog[id*="panelRecalcParcela"] .ui-dialog-content table tbody tr > td:last-child .ui-datepicker-trigger {
	flex-shrink: 0 !important;
	border-radius: 0 !important;
}

/* Linha do botão Salvar */
.ui-dialog[id*="panelRecalcParcela"] .ui-dialog-content table tbody tr:last-child > td:first-child {
	padding-top: 1em !important;
	border-top: 1px solid #e5e5e5 !important;
	text-align: left !important;
}

.ui-dialog[id*="panelRecalcParcela"] .ui-dialog-content table tbody tr:last-child > td:last-child {
	padding-top: 1em !important;
	border-top: 1px solid #e5e5e5 !important;
}

.ui-dialog[id*="panelRecalcParcela"] .ui-dialog-content table tbody tr:last-child .ui-button,
.ui-dialog[id*="panelRecalcParcela"] .ui-dialog-content table tbody tr:last-child .ui-commandbutton {
	background: var(--castanhal, var(--primary-color, #8B49A7)) !important;
	border-color: var(--castanhal, var(--primary-color, #8B49A7)) !important;
	color: #fff !important;
	margin: 0 !important;
	min-width: 7em;
	border-radius: 4px !important;
}

.ui-dialog[id*="panelRecalcParcela"] .ui-dialog-content table tbody tr:last-child .ui-button .ui-button-text,
.ui-dialog[id*="panelRecalcParcela"] .ui-dialog-content table tbody tr:last-child .ui-button .ui-icon {
	color: #fff !important;
}