#home-accounts-table td.amount-positive,
#bank-account-operations-table td.amount-positive,
#bank-account-schedules-table td.amount-positive {
	color: #198754;
	font-weight: 600;
}

#home-accounts-table td.amount-negative,
#bank-account-operations-table td.amount-negative,
#bank-account-schedules-table td.amount-negative {
	color: #dc3545;
	font-weight: 600;
}

#home-accounts-table td.amount-neutral,
#bank-account-operations-table td.amount-neutral,
#bank-account-schedules-table td.amount-neutral {
	color: inherit;
}

#bank-account-operations-table tr.bank-account-current-day-marker {
	background-color: #e8e8e8;
}

#bank-account-operations-table tr.bank-account-current-day-marker td {
	background-color: #e8e8e8;
}

#bank-account-operations-table .bank-account-pointed-cell {
	text-align: center;
	vertical-align: middle;
}

#bank-account-operations-table .bank-account-pointed-spinner {
	width: 0.8rem;
	height: 0.8rem;
	vertical-align: middle;
}

#bank-account-operations-table .col-amount-mobile {
	display: none;
}

#bank-account-operations-table .bank-account-edit-trigger {
	cursor: pointer;
}

#bank-account-transaction-modal .modal-body {
	max-height: 70vh;
	overflow-y: auto;
}

#bank-account-transaction-edit-modal .modal-body {
	max-height: 70vh;
	overflow-y: auto;
}

#bank-account-transaction-form-alert {
	font-size: 0.9rem;
}

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

.accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
	transform: rotate(-180deg);
}

.accordion-button.collapsed::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

.settings-category-card .badge {
	font-size: 0.72rem;
}

.settings-category-toggle-icon {
	display: inline-block;
	transition: transform 150ms ease-in-out;
	margin-right: 0.35rem;
}

.settings-category-toggle-icon[style*="transform: rotate(-180deg)"],
.collapse.show ~ .btn .settings-category-toggle-icon {
	transform: rotate(-180deg);
}

.settings-subcategory-list {
	margin-left: 0;
}

.settings-subcategory-item {
	border-top: 1px solid #ececec !important;
	padding-top: 0.6rem !important;
	padding-bottom: 0.6rem !important;
}

.settings-subcategory-item:first-child {
	border-top: 0 !important;
}

@media (max-width: 768px) {
	.settings-category-card .btn {
		width: 100%;
	}

	.settings-subcategory-item .btn {
		padding-left: 0.45rem;
		padding-right: 0.45rem;
	}
}

@media (min-width: 992px) {
	.settings-third-party-line {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

@media (max-width: 768px) {
	#bank-account-operations-table .col-reference,
	#bank-account-operations-table .col-debit,
	#bank-account-operations-table .col-credit,
	#bank-account-operations-table .col-action {
		display: none;
	}

	#bank-account-operations-table .col-amount-mobile {
		display: table-cell;
	}

	#bank-account-operations-table tbody td {
		font-size: 0.8rem;
	}

	#bank-account-schedules-table {
		width: 100%;
		border-collapse: separate;
		border-spacing: 0 0.75rem;
		table-layout: auto;
		background: transparent;
	}

	#bank-account-schedules-table thead {
		display: none;
	}

	#bank-account-schedules-table tbody,
	#bank-account-schedules-table tr,
	#bank-account-schedules-table td {
		display: block;
		width: 100%;
	}

	#bank-account-schedules-table tr {
		background: #fff;
		border: 1px solid #dee2e6;
		border-radius: 0.75rem;
		padding: 0.35rem 0.75rem;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
	}

	#bank-account-schedules-table td {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		gap: 0.75rem;
		padding: 0.5rem 0;
		border: 0;
		border-bottom: 1px solid #f1f3f5;
		font-size: 0.82rem;
		word-break: break-word;
	}

	#bank-account-schedules-table td:last-child {
		border-bottom: 0;
	}

	#bank-account-schedules-table td::before {
		content: attr(data-label);
		font-weight: 600;
		color: #6c757d;
		flex: 0 0 42%;
		min-width: 7rem;
	}

	#bank-account-schedules-table td.col-action {
		justify-content: flex-end;
	}

	#bank-account-schedules-table td.col-action::before {
		display: none;
	}

	#bank-account-schedules-table .col-action {
		min-width: 0;
	}

	#bank-account-schedules-table .schedule-actions {
		display: inline-flex;
		flex-wrap: nowrap;
		gap: 0.35rem;
		justify-content: flex-end;
	}

	#bank-account-schedules-table .schedule-actions .btn {
		width: 2.25rem;
		height: 2.25rem;
		padding: 0;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		border-radius: 999px;
	}
}


