.flatpickr-monthSelect-months {
  margin: 10px 1px 3px 1px;
  flex-wrap: wrap;
}

.flatpickr-monthSelect-month {
  background: none;
  border: 0;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  display: inline-block;
  font-weight: 400;
  margin: 0.5px;
  justify-content: center;
  padding: 10px;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  text-align: center;
  width: 33%;
}

.flatpickr-monthSelect-month.disabled {
	color: #eee;
}

.flatpickr-monthSelect-month.disabled:hover,
.flatpickr-monthSelect-month.disabled:focus {
	cursor: not-allowed;
	background: none !important;
}

.flatpickr-monthSelect-theme-dark {
  background: #3f4458;
}

.flatpickr-monthSelect-theme-dark .flatpickr-current-month input.cur-year {
  color: #fff;
}

.flatpickr-monthSelect-theme-dark .flatpickr-months .flatpickr-prev-month,
.flatpickr-monthSelect-theme-dark .flatpickr-months .flatpickr-next-month {
  color: #fff;
  fill: #fff;
}

.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month {
  color: rgba(255, 255, 255, 0.95);
}

.flatpickr-monthSelect-month:hover,
.flatpickr-monthSelect-month:focus {
  background: #e6e6e6;
  cursor: pointer;
  outline: 0;
}

.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month:hover,
.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month:focus {
  background: #646c8c;
  border-color: #646c8c;
}

.flatpickr-monthSelect-month.selected {
  background-color: #569ff7;
  color: #fff;
}

.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.selected {
  background: #80cbc4;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  border-color: #80cbc4;
}

.login-flag{
	cursor: pointer;
	transition-duration: 0.3s;
	box-shadow: 0 1px 3px #ccc;
	border-radius: 0.375rem;
	padding: 0;
	margin: 0;
	object-fit: cover;
}

.login-flag:hover {
    transform: scale(1.1);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.loader-overlay {
	position: fixed; /* Covers the screen */
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.6); /* semi-transparent white */
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1105; /* Higher than Bootstrap modal (1050) */
	pointer-events: all; /* Ensures clicks are blocked */
}
.loader-overlay-inside {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.7); /* semi-transparent white overlay */
	z-index: 1056; /* higher than modal form content */
	display: flex;
	justify-content: center;
	align-items: center;
	pointer-events: all; /* block interaction */
}
#password{
	padding-right: 2rem;
}

#password + .fa {
	position: absolute;
	right: 0.2rem;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	z-index: 10;
	padding: 0.5rem;
}

@keyframes flash-highlight {
	from {
		background-color: #fff3cd;
	}
	/* light yellow */
	to {
		background-color: transparent;
	}
}

.row-highlight {
	background-color: yellow !important;
	transition: background-color 0.5s ease;
}
.table-warning {
	transition: background-color 0.5s ease;
}
.highlight-temp, 
.table-striped > tbody > tr.highlight-temp:nth-of-type(2n) > *,
.table-striped > tbody > tr.highlight-temp:nth-of-type(odd) > * {
	background-color: yellow !important;
	transition: background-color 2s ease-in-out;
	--tblr-table-bg-type: unset !important;
}

.fade-out-highlight {
	background-color: transparent !important;
}
.image-preview-container {
	height: auto;
	overflow: auto;
	border: 1px solid #ccc;
	padding: 5px;
	background: #f8f9fa;
}

.image-preview-container img {
	max-width: 100%;
	height: auto;
	display: inline-block;
}
.img-preview {
	max-width: 100%;
	height: auto;
	display: block;
	border: 1px solid #ddd;
	border-radius: 6px;
	margin-top: 10px;
	object-fit: contain; /* Show full image, scaled down */
}
.footer{
	position: fixed;
	bottom: 0;
	width: 100%;
}

.last-container{
	padding-bottom: 3rem;
}
.fixed-dropdown, .force-fixed-width {
	width: 150px !important;
	max-width: 150px !important;
	min-width: 150px !important;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.select-narrow {
	display: inline-block;
}

.select-narrow .mud-input-control {
	width: 140px !important;
	min-width: 140px !important;
	max-width: 180px !important;
}

.menu-item-disabled {
	opacity: 0.45;
	pointer-events: none;
	cursor: not-allowed;
}

.fade-out {
	opacity: 0;
	transform: scale(0.98);
	transition: opacity 0.4s ease, transform 0.4s ease;
	pointer-events: none;
}
.order-card {
	transition: opacity 0.4s ease, transform 0.4s ease;
	opacity: 1;
}

.order-ready {
	opacity: 0.35;
	transform: scale(0.98);
	pointer-events: none; /* prevent double clicks */
}

.matrix-row-selected {
	background-color: rgba(25, 118, 210, 0.10); /* light blue-ish */
}
.matrix-row-selected td {
		background-color: #d9ecff !important; /* light blue */
	}

.new-ticket-highlight {
	background-color: #fff3cd !important;
	animation: pulseHighlight 1s ease-in-out 3;
}

@keyframes pulseHighlight {
	0% {
		background-color: #fff3cd;
	}

	50% {
		background-color: #ffe69c;
	}

	100% {
		background-color: #fff3cd;
	}
}

.start-btn-attention {
	animation: pulseBtn 1.6s infinite;
}

@keyframes pulseBtn {
	0% {
		box-shadow: 0 0 0 0 rgba(25,118,210,0.40);
	}

	70% {
		box-shadow: 0 0 0 6px rgba(25,118,210,0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(25,118,210,0);
	}
}

.prepstation-ticket-table .mud-table-row {
	transition: background-color 0.25s ease, box-shadow 0.25s ease;
}

.new-ticket-highlight {
	animation: newTicketFlash 1.2s ease-in-out 3;
}

@keyframes newTicketFlash {
	0% {
		background-color: rgba(255, 193, 7, 0.30);
	}

	50% {
		background-color: rgba(255, 193, 7, 0.14);
	}

	100% {
		background-color: transparent;
	}
}

.ticket-in-progress {
	background-color: rgba(25, 118, 210, 0.08) !important;
	box-shadow: inset 4px 0 0 #1976d2;
}

.ticket-ready {
	background-color: rgba(46, 125, 50, 0.06) !important;
}

.item-in-progress {
	background-color: rgba(25, 118, 210, 0.10) !important;
	font-weight: 600;
}

.item-ready {
	background-color: rgba(46, 125, 50, 0.06) !important;
}