/* Common CSS for newadmin project */
/* Add your custom styles here */

/* Tailwind build includes a `.modal { display:flex; }` component rule that can override `.hidden`.
   Ensure modals stay hidden on initial render when `hidden` is present. */
.modal.hidden,
.hidden.modal {
	display: none;
}

/* Legacy compatibility helpers (used by migrated pages/scripts) */
.text-danger {
	color: #b91c1c !important;
}
.is-invalid {
	border-color: #f87171 !important;
	box-shadow: 0 0 0 1px rgba(248, 113, 113, 0.6) !important;
}

/* Toggle switch (peer + sibling) */
.toggle-switch {
	position: relative;
	width: 44px;
	height: 24px;
	border-radius: 999px;
	background: rgba(148, 163, 184, 0.6);
	transition: background-color 150ms ease;
}
.toggle-switch::after {
	content: '';
	position: absolute;
	top: 2px;
	left: 2px;
	width: 20px;
	height: 20px;
	border-radius: 999px;
	background: #fff;
	box-shadow: 0 6px 16px rgba(15, 23, 42, 0.25);
	transition: transform 150ms ease;
}
input.peer:checked + .toggle-switch {
	background: rgba(99, 102, 241, 0.9);
}
input.peer:checked + .toggle-switch::after {
	transform: translateX(20px);
}