.resident__panel {
	margin-top: 20px;
}

.task__time__row {
	display: flex;
	align-items: flex-start;
	gap: 20px;
	margin-bottom: 20px;
}

.resident__list__item {
	padding: 5px 10px;
	border-radius: 5px;
	background: rgba(128, 128, 128, 0.147);
}

.resident__list__item:not(:last-of-type) {
	margin-bottom: 10px;
}

.resident__list__item.complete {
	background: #c9ebed;
}

.resident__list__item.incomplete {
	background: #f5dede;
}

.resident__list__item.on-hold {
	background: #fbecc4;
}

/* .resident__notes,
.resident__list__item { width: 50%;} */

.stat__title__card {
	grid-column: span 3;
}

.stat__title__card .fi-wi-stats-overview-stat-description {
	width: 100%;
}

.bill__item .items-center {
	align-items: flex-start;
}

.bill__item.row__billed {
	opacity: 0.5;
	pointer-events: none;
}

.column__search.column__hide {
	display: none;
}

@media (max-width: 768px) {
	.stat__title__card {
		grid-column: span 1;
	}
}

.col-span-2 {
	grid-column: span 2;
}

.bg__primary {
	background-color: #34b8dd;
}

.bg__primary__hover:hover {
	background-color: #34b8dd;
}

.whitespace-nowrap {
	white-space: nowrap;
}
.overflow-x-auto {
	overflow-x: auto;
}

/* Fix: Filament modal backdrop can get stuck visible when Livewire re-renders during the
   300ms close transition (or when the action is unmounted but isOpen stays true).
   Removing the transition eliminates that race window. */
.fi-modal-close-overlay {
    transition-duration: 0ms !important;
}

/* Also make the backdrop clickable as an escape hatch (Filament leaves it without a handler) */
.fi-modal-close-overlay {
    cursor: pointer;
}