.abct-orders-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
	gap: 16px;
	margin-top: 16px;
}

.abct-order-card {
	background: #fff;
	border: 1px solid #dcdcde;
	border-left: 4px solid #2271b1;
	padding: 12px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.abct-order-card.is-new {
	border-left-color: #d63638;
	background: #fff8f8;
}

.abct-order-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 8px;
}

.abct-order-status {
	padding: 2px 8px;
	border-radius: 12px;
	font-size: 12px;
	font-weight: 600;
	background: #f0f0f1;
}

.abct-status-new {
	background: #fff3cd;
}

.abct-status-preparing {
	background: #d1ecf1;
}

.abct-status-finished {
	background: #d4edda;
}

.abct-order-data {
	white-space: pre-wrap;
	word-break: break-word;
	background: #f6f7f7;
	padding: 8px;
	border: 1px solid #dcdcde;
	border-radius: 4px;
	font-size: 12px;
	max-height: 140px;
	overflow: auto;
}

.abct-order-actions {
	display: flex;
	gap: 8px;
	margin-top: 8px;
	flex-wrap: wrap;
}

/* AUDIT FIX: Improve mobile admin readability for order cards/actions. */
@media (max-width: 600px) {
	.abct-orders-grid {
		grid-template-columns: 1fr;
	}

	.abct-order-actions .button {
		flex: 1 1 auto;
	}
}

.abct-store-pause-panel {
	margin: 16px 0;
	padding: 16px;
	border: 1px solid #dcdcde;
	background: #fff;
}

#abct-toggle-store-pause.button-hero,
#abct-toggle-manual-mode.button-hero {
	min-width: 220px;
	opacity: 1;
}

#abct-toggle-store-pause.abct-store-paused,
#abct-toggle-manual-mode.abct-store-paused {
	background: #2271b1;
	border-color: #2271b1;
}