@media (max-width: 1023px) {
	.gaukafe-admin-sidebar[data-mobile-open="false"] {
		transform: translateX(-100%);
	}

	.gaukafe-admin-sidebar[data-mobile-open="true"] {
		transform: translateX(0);
	}

	body.gaukafe-admin-sidebar-open {
		overflow: hidden;
	}
}

#gaukafe-notifications-panel.hidden {
	display: none;
}

#gaukafe-admin-toast.hidden {
	display: none;
}

#gaukafe-admin-toast {
	z-index: 70;
}

/* ── Customer actions ──────────────────────────────────────────────────────── */

/* Allow desktop dropdowns to escape the table wrapper. */
@media (min-width: 1024px) {
	.gaukafe-customers-table-wrap {
		overflow: visible;
	}
}

/* Desktop dropdown: anchored to the relative trigger wrapper. */
@media (min-width: 1024px) {
	.gaukafe-customer-action-menu {
		position: absolute;
		top: calc(100% + 4px);
		right: 0;
		left: auto;
		bottom: auto;
		min-width: 11rem;
		z-index: 50;
	}

	.gaukafe-customer-action-menu--above {
		top: auto;
		bottom: calc(100% + 4px);
	}

	.gaukafe-customer-action-menu--align-left {
		right: auto;
		left: 0;
	}
}

/* Never show inline dropdown menus on tablet/mobile — action sheet only. */
@media (max-width: 1023px) {
	.gaukafe-customer-action-menu {
		display: none !important;
	}
}

/* Action sheet open/close animation. */
#gaukafe-customer-action-sheet:not(.hidden) {
	display: block;
}

#gaukafe-customer-action-sheet #gaukafe-action-sheet-backdrop {
	opacity: 0;
	transition: opacity 0.2s ease;
}

#gaukafe-customer-action-sheet.is-open #gaukafe-action-sheet-backdrop {
	opacity: 1;
}

#gaukafe-customer-action-sheet .gaukafe-customer-action-sheet-panel {
	transform: translateY(100%);
	transition: transform 0.25s ease;
}

#gaukafe-customer-action-sheet.is-open .gaukafe-customer-action-sheet-panel {
	transform: translateY(0);
}

/* Destructive (delete) button in confirmation modal */
.gaukafe-btn-destructive {
	background-color: rgb(220, 38, 38);
	color: #fff;
}

.gaukafe-btn-destructive:hover:not(:disabled) {
	background-color: rgb(185, 28, 28);
}

.gaukafe-btn-destructive:disabled {
	opacity: 0.65;
	cursor: not-allowed;
}

/* Hover backgrounds for delete options (red tint not in compiled Tailwind) */
.gaukafe-customer-delete:hover,
.gaukafe-action-sheet-delete:hover {
	background-color: rgb(254, 242, 242);
}

/* Shared admin toast variants */
#gaukafe-admin-toast.gaukafe-toast-success {
	border-color: rgb(134, 239, 172);
	background-color: rgb(240, 253, 244);
	color: rgb(21, 128, 61);
}

#gaukafe-admin-toast.gaukafe-toast-error {
	border-color: rgb(252, 165, 165);
	background-color: rgb(254, 242, 242);
	color: rgb(153, 27, 27);
}

/* Menu category hierarchy drag and drop (amber tints not in compiled Tailwind) */
.gaukafe-category-dragging {
	opacity: 0.45;
}

.gaukafe-category-drop-target > td {
	background-color: rgb(254, 243, 224);
	box-shadow: inset 3px 0 0 rgb(212, 134, 11);
}

.gaukafe-category-root-dropzone {
	transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.gaukafe-category-root-dropzone.gaukafe-category-drop-target {
	border-color: rgb(212, 134, 11);
	background-color: rgb(254, 243, 224);
	color: rgb(146, 92, 8);
}
