/* ==========================================================================
   Riedel Reorder Block
   ========================================================================== */

   .riedel-reorder {
	--reorder-radius: var(--wp--custom--radius--xl);
	color: var(--wp--preset--color--text-primary);
	background-color: var(--wp--preset--color--surface-secondary);
	padding-top: var(--wp--preset--spacing--12);
	padding-bottom: var(--wp--preset--spacing--16);
}

/* Embedded variant (My-Account "Favoritenlisten" endpoint): fill the account
   content column, no page background or outer padding. */
.riedel-reorder.riedel-reorder--embedded {
	background-color: transparent;
	padding-top: 0;
	padding-bottom: 0;
}

.riedel-reorder--embedded .riedel-reorder__inner {
	width: 100%;
	max-width: none;
	margin-inline: 0;
	padding-inline: 0;
}

/* ── Filter notice ────────────────────────────────────────────────────────── */

.riedel-reorder__filter-notice {
	display: flex;
	align-items: center;
	gap: var(--wp--preset--spacing--3);
	padding: var(--wp--preset--spacing--3) var(--wp--preset--spacing--4);
	margin-bottom: var(--wp--preset--spacing--4);
	background: var(--wp--preset--color--status-stock-low-bg);
	border: 1px solid var(--wp--preset--color--status-stock-low);
	border-radius: var(--wp--custom--radius--md);
	font-size: var(--wp--preset--font-size--sm);
	color: var(--wp--preset--color--status-stock-low-text);
}

.riedel-reorder__filter-clear {
	margin-left: auto;
	font-size: var(--wp--preset--font-size--sm);
	color: var(--wp--preset--color--text-tertiary);
	text-decoration: none;
	white-space: nowrap;
}

.riedel-reorder__filter-clear:hover {
	color: var(--wp--preset--color--text-primary);
}

/* ── Login notice ─────────────────────────────────────────────────────────── */

/* Markup/visuals come from the shared .riedel-no-results component (see
   style.css); this only centers that card within the reorder page's own
   background instead of stretching it full-width. */
.riedel-reorder .riedel-reorder__login-notice {
	max-width: 480px;
	margin-inline: auto;
}

/* ── Page heading + actions ───────────────────────────────────────────────── */

.riedel-reorder .riedel-reorder__page-actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--wp--preset--spacing--4);
	margin-bottom: var(--wp--preset--spacing--6);
	flex-wrap: wrap;
}

.riedel-reorder .riedel-reorder__page-heading {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--1);
	min-width: 0;
}

.riedel-reorder .riedel-reorder__title {
	margin: 0;
	font-size: var(--wp--preset--font-size--3-xl);
	font-weight: 600;
	color: var(--wp--preset--color--text-primary);
}

.riedel-reorder .riedel-reorder__subtitle {
	margin: 0;
	font-size: var(--wp--preset--font-size--input);
	color: var(--wp--preset--color--text-tertiary);
}

.riedel-reorder .riedel-reorder__page-actions-buttons {
	display: flex;
	justify-content: flex-end;
	gap: var(--wp--preset--spacing--3);
	flex-wrap: wrap;
}

.riedel-reorder .riedel-reorder__csv-template-download,
.riedel-reorder .riedel-reorder__csv-trigger {
	display: inline-flex;
	align-items: center;
	gap: var(--wp--preset--spacing--2);
	padding: var(--wp--preset--spacing--2) var(--wp--preset--spacing--4);
	border-radius: var(--reorder-radius);
	font-size: var(--wp--preset--font-size--md);
	font-weight: 500;
	line-height: 1.4;
	cursor: pointer;
	transition: background-color 0.15s, opacity 0.15s;
	border: 1px solid var(--wp--preset--color--border-default);
	background: var(--wp--preset--color--surface-default);
	color: var(--wp--preset--color--text-primary);
}

.riedel-reorder .riedel-reorder__csv-template-download:hover,
.riedel-reorder .riedel-reorder__csv-trigger:hover {
	background: var(--wp--preset--color--surface-secondary);
}

/* Colors/base come from the global .riedel-btn (teal); only add the icon gap. */
.riedel-reorder .riedel-reorder__repeat-btn {
	gap: var(--wp--preset--spacing--2);
}

.riedel-reorder .riedel-reorder__repeat-btn:disabled,
.riedel-reorder .riedel-reorder__repeat-btn--loading {
	opacity: 0.6;
	cursor: not-allowed;
}

/* ── Tab navigation ───────────────────────────────────────────────────────── */

.riedel-reorder .riedel-reorder__tabs {
	margin-bottom: var(--wp--preset--spacing--6);
}

/* Mobile dropdown toggle — hidden on desktop. */
.riedel-reorder .riedel-reorder__tabs-toggle {
	display: none;
}

.riedel-reorder .riedel-reorder__tabs-nav {
	display: inline-flex;
	gap: var(--wp--preset--spacing--2);
	flex-wrap: wrap;
	border-radius: var(--wp--custom--radius--lg);
	border: 1px solid var(--wp--preset--color--border-default);
	background: var(--wp--preset--color--surface-default);
	padding: var(--wp--preset--spacing--1);
}

.riedel-reorder .riedel-reorder__tab-btn {
	padding: var(--wp--preset--spacing--2) var(--wp--preset--spacing--4);
	background: none;
	border: 2px solid transparent;
	border-radius: var(--wp--custom--radius--sm);
	font-size: var(--wp--preset--font-size--input);
	font-weight: 500;
	color: var(--wp--preset--color--text-tertiary);
	cursor: pointer;
	transition: color 0.15s, background 0.15s, border-color 0.15s;
	white-space: nowrap;
}

.riedel-reorder .riedel-reorder__tab-btn:hover {
	color: var(--wp--preset--color--text-primary);
	background: var(--wp--preset--color--surface-secondary);
}

.riedel-reorder .riedel-reorder__tab-btn--active,
.riedel-reorder .riedel-reorder__tab-btn[aria-selected="true"] {
	color: var(--wp--preset--color--action-primary);
	border-color: var(--wp--preset--color--teal-action-border);
	background: var(--wp--preset--color--teal-action-light);
	font-weight: 600;
}

/* ── Bulk action bar ──────────────────────────────────────────────────────── */

.riedel-reorder .riedel-reorder__bulk-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--wp--preset--spacing--4);
	padding: var(--wp--preset--spacing--3) var(--wp--preset--spacing--6);
	background: var(--wp--preset--color--teal-action-light);
	color: var(--wp--preset--color--action-primary);
	border: 1px solid var(--wp--preset--color--teal-action-border);
	border-radius: var(--wp--custom--radius--xl);
	margin-top: 0;
	margin-bottom: var(--wp--preset--spacing--5);
	flex-wrap: wrap;
}

.riedel-reorder .riedel-reorder__bulk-bar[hidden] {
	display: none;
}

.riedel-reorder .riedel-reorder__bulk-count {
	font-size: var(--wp--preset--font-size--input);
	font-weight: 600;
	color: var(--wp--preset--color--action-primary);
	white-space: nowrap;
}

.riedel-reorder .riedel-reorder__bulk-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: var(--wp--preset--spacing--3);
	flex-wrap: wrap;
	font-size: var(--wp--preset--font-size--input);
	font-weight: 500;
}

.riedel-reorder .riedel-reorder__bulk-save-template,
.riedel-reorder .riedel-reorder__bulk-add-wishlist {
	padding: var(--wp--preset--spacing--2) var(--wp--preset--spacing--4);
	background: var(--wp--preset--color--surface-default);
	border: 1px solid var(--wp--preset--color--teal-action-border);
	border-radius: var(--wp--custom--radius--lg);
	color: var(--wp--preset--color--action-primary);
	font-size: var(--wp--preset--font-size--input);
	font-weight: 500;
	cursor: pointer;
	transition: background 0.15s, opacity 0.15s;
	white-space: nowrap;
}

.riedel-reorder .riedel-reorder__bulk-save-template:hover,
.riedel-reorder .riedel-reorder__bulk-add-wishlist:hover {
	background: var(--wp--preset--color--surface-secondary);
}

/* Colors/base come from the global .riedel-btn (teal). */
.riedel-reorder .riedel-reorder__bulk-add-all {
	white-space: nowrap;
}

/* ── Tab panels ───────────────────────────────────────────────────────────── */

.riedel-reorder .riedel-reorder__tab-panel {
	padding-top: 0;
}

.riedel-reorder .riedel-reorder__tab-panel[hidden] {
	display: none;
}

.riedel-reorder .riedel-reorder__loading-placeholder {
	padding: var(--wp--preset--spacing--8);
	text-align: center;
	color: var(--wp--preset--color--text-tertiary);
	font-size: var(--wp--preset--font-size--base);
}

.riedel-reorder__toast {
	position: fixed;
	right: var(--wp--preset--spacing--6);
	bottom: var(--wp--preset--spacing--6);
	z-index: 99999;
	padding: var(--wp--preset--spacing--2) var(--wp--preset--spacing--4);
	border: 1px solid var(--wp--preset--color--footer-border);
	border-radius: var(--wp--custom--radius--md);
	background: var(--wp--preset--color--action-dark);
	color: var(--wp--preset--color--text-inverse);
	font-size: var(--wp--preset--font-size--sm);
}

/* ── Table ────────────────────────────────────────────────────────────────── */

.riedel-reorder .riedel-reorder__table-wrap {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	border: 1px solid var(--wp--preset--color--border-default);
	border-radius: var(--wp--custom--radius--xl);
	background: var(--wp--preset--color--surface-default);
	scrollbar-width: thin;
	scrollbar-color: color-mix(in srgb, var(--wp--preset--color--border-default) 88%, var(--wp--preset--color--text-secondary) 12%) transparent;
}

.riedel-reorder .riedel-reorder__table-wrap::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

.riedel-reorder .riedel-reorder__table-wrap::-webkit-scrollbar-track {
	background: transparent;
}

.riedel-reorder .riedel-reorder__table-wrap::-webkit-scrollbar-thumb {
	border: 2px solid var(--wp--preset--color--surface-default);
	border-radius: var(--wp--custom--radius--full);
	background: color-mix(in srgb, var(--wp--preset--color--border-default) 88%, var(--wp--preset--color--text-secondary) 12%);
}

.riedel-reorder .riedel-reorder__table-wrap::-webkit-scrollbar-thumb:hover {
	background: color-mix(in srgb, var(--wp--preset--color--border-default) 72%, var(--wp--preset--color--text-secondary) 28%);
}

.riedel-reorder .riedel-reorder__table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	font-size: var(--wp--preset--font-size--input);
	color: var(--wp--preset--color--text-primary);
}

.riedel-reorder .riedel-reorder__table thead tr {
	background: var(--wp--preset--color--surface-default);
}

.riedel-reorder .riedel-reorder__table th {
	padding: var(--wp--preset--spacing--4) var(--wp--preset--spacing--5);
	text-align: left;
	font-size: var(--wp--preset--font-size--base);
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--wp--preset--color--text-tertiary);
	white-space: nowrap;
	background: var(--wp--preset--color--surface-default);
	border-bottom: 1px solid var(--wp--preset--color--border-default);
}

.riedel-reorder .riedel-reorder__table td {
	padding: var(--wp--preset--spacing--5);
	border-bottom: 1px solid var(--wp--preset--color--border-default);
	vertical-align: middle;
	background: var(--wp--preset--color--surface-default);
}

.riedel-reorder .riedel-reorder__row:nth-child(even) td {
	background: var(--wp--preset--color--surface-default);
}

.riedel-reorder .riedel-reorder__row:nth-child(odd) td {
	background: var(--wp--preset--color--surface-secondary);
}

.riedel-reorder .riedel-reorder__row:last-child td {
	border-bottom: none;
}

.riedel-reorder .riedel-reorder__row:has(.riedel-reorder__row-check:checked) td {
	background: var(--wp--preset--color--teal-action-light);
}

.riedel-reorder .riedel-reorder__row--unavailable {
	opacity: 0.55;
}

/* Checkbox column */
.riedel-reorder .riedel-reorder__col--check {
	width: 52px;
	padding-left: var(--wp--preset--spacing--5);
}

.riedel-reorder .riedel-reorder__check-label {
	display: flex;
	align-items: center;
	cursor: pointer;
}

.riedel-reorder .riedel-reorder__check-label input[type="checkbox"],
.riedel-reorder .riedel-reorder__check-all {
	appearance: none;
	-webkit-appearance: none;
	width: 20px;
	height: 20px;
	border: 1px solid var(--wp--preset--color--border-strong);
	border-radius: var(--wp--custom--radius--sm);
	background: var(--wp--preset--color--surface-default);
	cursor: pointer;
	display: inline-grid;
	place-items: center;
	margin: 0;
	transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
}

.riedel-reorder .riedel-reorder__check-label input[type="checkbox"]::before,
.riedel-reorder .riedel-reorder__check-all::before {
	content: "";
	width: 11px;
	height: 8px;
	background: no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 8'%3E%3Cpath d='M1 4.2L3.7 7 10 1' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	opacity: 0;
	transform: scale(0.8);
	transition: opacity 0.15s, transform 0.15s;
}

.riedel-reorder .riedel-reorder__check-label input[type="checkbox"]:checked,
.riedel-reorder .riedel-reorder__check-all:checked {
	background: var(--wp--preset--color--action-primary);
	border-color: var(--wp--preset--color--action-primary);
}

.riedel-reorder .riedel-reorder__check-label input[type="checkbox"]:checked::before,
.riedel-reorder .riedel-reorder__check-all:checked::before {
	opacity: 1;
	transform: scale(1);
}

.riedel-reorder .riedel-reorder__check-label input[type="checkbox"]:focus-visible,
.riedel-reorder .riedel-reorder__check-all:focus-visible {
	outline: none;
	box-shadow: 0 0 0 3px var(--wp--preset--color--teal-action-light);
}

/* Artikel column */
.riedel-reorder .riedel-reorder__col--artikel {
	min-width: 320px;
}

.riedel-reorder .riedel-reorder__product-link {
	display: flex;
	align-items: center;
	gap: var(--wp--preset--spacing--3);
	text-decoration: none;
	color: inherit;
}

.riedel-reorder .riedel-reorder__product-link:hover .riedel-reorder__product-name {
	text-decoration: underline;
}

.riedel-reorder .riedel-reorder__product-img-wrap {
	flex-shrink: 0;
	width: 58px;
	height: 58px;
	border-radius: var(--wp--custom--radius--md);
	overflow: hidden;
	background: var(--wp--preset--color--surface-secondary);
	border: 1px solid var(--wp--preset--color--border-default);
}

.riedel-reorder .riedel-reorder__product-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.riedel-reorder .riedel-reorder__product-img-placeholder {
	display: block;
	width: 100%;
	height: 100%;
	background: var(--wp--preset--color--surface-secondary);
}

.riedel-reorder .riedel-reorder__product-info {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--1);
}

.riedel-reorder .riedel-reorder__product-name {
	font-weight: 500;
	font-size: var(--wp--preset--font-size--input);
	color: var(--wp--preset--color--text-primary);
	line-height: 1.25;
}

.riedel-reorder .riedel-reorder__product-ve {
	font-size: var(--wp--preset--font-size--sm);
	color: var(--wp--preset--color--text-tertiary);
}

/* SKU, VE, price, date columns */
.riedel-reorder .riedel-reorder__col--sku,
.riedel-reorder .riedel-reorder__col--ve,
.riedel-reorder .riedel-reorder__col--price,
.riedel-reorder .riedel-reorder__col--date {
	white-space: nowrap;
	color: var(--wp--preset--color--text-tertiary);
	font-size: var(--wp--preset--font-size--base);
}

.riedel-reorder .riedel-reorder__col--price {
	font-weight: 700;
	color: var(--wp--preset--color--text-primary);
	font-size: var(--wp--preset--font-size--input);
}

/* Frequency column */
.riedel-reorder .riedel-reorder__col--freq {
	white-space: nowrap;
}

.riedel-reorder .riedel-reorder__freq {
	font-weight: 500;
	color: var(--wp--preset--color--action-primary);
}

/* Quantity stepper */
.riedel-reorder .riedel-reorder__col--qty {
	min-width: 138px;
}

.riedel-reorder .riedel-reorder__qty-stepper {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	border: 1px solid var(--wp--preset--color--border-default);
	border-radius: var(--wp--custom--radius--lg);
	overflow: hidden;
	width: fit-content;
	background: var(--wp--preset--color--surface-default);
	padding: var(--wp--preset--spacing--1);
}

.riedel-reorder .riedel-reorder__qty-minus,
.riedel-reorder .riedel-reorder__qty-plus {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 28px;
	padding: 0;
	background: var(--wp--preset--color--surface-secondary);
	border: 0;
	border-radius: var(--wp--custom--radius--none);
	cursor: pointer;
	font-size: var(--wp--preset--font-size--xl);
	font-weight: 400;
	line-height: 1;
	color: var(--wp--preset--color--text-primary);
	transition: background 0.15s ease;
}

.riedel-reorder .riedel-reorder__qty-minus:hover,
.riedel-reorder .riedel-reorder__qty-plus:hover {
	background: var(--wp--preset--color--surface-tertiary);
}

.riedel-reorder .riedel-reorder__qty-minus:disabled,
.riedel-reorder .riedel-reorder__qty-plus:disabled {
	opacity: 0.4;
	cursor: not-allowed;
}

.riedel-reorder .riedel-reorder__qty-input {
	width: 40px;
	height: 28px;
	border: 0;
	text-align: center;
	padding: 0;
	font-size: var(--wp--preset--font-size--base);
	font-weight: 500;
	color: var(--wp--preset--color--text-primary);
	background: transparent;
	font-variant-numeric: tabular-nums;
	-moz-appearance: textfield;
}

.riedel-reorder .riedel-reorder__qty-input::-webkit-outer-spin-button,
.riedel-reorder .riedel-reorder__qty-input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.riedel-reorder .riedel-reorder__qty-input:disabled {
	opacity: 0.4;
}

/* Action column */
.riedel-reorder .riedel-reorder__col--action {
	white-space: nowrap;
	min-width: 168px;
}

.riedel-reorder .riedel-reorder__nachbestellen-btn,
.riedel-reorder .riedel-reorder__list-view-btn,
.riedel-reorder .riedel-reorder__history-view-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--wp--preset--spacing--2);
	min-height: 40px;
	padding: var(--wp--preset--spacing--2) var(--wp--preset--spacing--5);
	background: var(--wp--preset--color--action-primary);
	color: var(--wp--preset--color--text-inverse);
	border: none;
	border-radius: var(--reorder-radius);
	font-size: var(--wp--preset--font-size--input);
	font-weight: 500;
	cursor: pointer;
	transition: background-color 0.15s, opacity 0.15s;
	white-space: nowrap;
	flex-shrink: 0;
}

.riedel-reorder .riedel-reorder__nachbestellen-btn:hover,
.riedel-reorder .riedel-reorder__list-view-btn:hover,
.riedel-reorder .riedel-reorder__history-view-btn:hover {
	background: var(--wp--preset--color--action-primary-hover);
}

.riedel-reorder .riedel-reorder__nachbestellen-btn:disabled {
	opacity: 0.4;
	cursor: not-allowed;
}

.riedel-reorder .riedel-reorder__nachbestellen-btn--loading {
	opacity: 0.7;
	pointer-events: none;
}

.riedel-reorder .riedel-reorder__nachbestellen-btn--done {
	background: var(--wp--preset--color--status-stock-in);
	color: var(--wp--preset--color--text-inverse);
}

.riedel-reorder .riedel-reorder__nachbestellen-btn--done::before {
	content: "";
	width: 14px;
	height: 14px;
	flex: 0 0 14px;
	background: no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M2 7.2L5.2 10.4L12 3.6' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Empty state inside table */
.riedel-reorder .riedel-reorder__empty-row {
	text-align: center;
	padding: var(--wp--preset--spacing--8);
	color: var(--wp--preset--color--text-tertiary);
}

.riedel-reorder .riedel-reorder__table-summary {
	margin: var(--wp--preset--spacing--3) 0 0;
	font-size: var(--wp--preset--font-size--sm);
	color: var(--wp--preset--color--text-tertiary);
}

/* ── Lists grid (Bestelllisten / Bestellvorlagen) ─────────────────────────── */

.riedel-reorder .riedel-reorder__empty-state {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: var(--wp--preset--spacing--3);
	padding: var(--wp--preset--spacing--16) var(--wp--preset--spacing--6);
	text-align: center;
	color: var(--wp--preset--color--text-tertiary);
	border: 1px solid var(--wp--preset--color--border-default);
	border-radius: var(--wp--custom--radius--xl);
	background: var(--wp--preset--color--surface-default);
}

.riedel-reorder .riedel-reorder__empty-state-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 5rem;
	height: 5rem;
	margin-bottom: var(--wp--preset--spacing--2);
	border-radius: var(--wp--custom--radius--full);
	background: var(--wp--preset--color--teal-action-light);
	color: var(--wp--preset--color--action-primary);
}

.riedel-reorder .riedel-reorder__empty-state-title {
	margin: 0;
	font-size: var(--wp--preset--font-size--md);
	font-weight: 600;
	color: var(--wp--preset--color--text-primary);
}

.riedel-reorder .riedel-reorder__empty-state-text {
	margin: 0;
	max-width: 34rem;
	font-size: var(--wp--preset--font-size--input);
	line-height: 1.6;
	color: var(--wp--preset--color--text-tertiary);
}

.riedel-reorder .riedel-reorder__empty-state-cta {
	margin-top: var(--wp--preset--spacing--2);
}

.riedel-reorder .riedel-reorder__history-list {
	display: flex;
	flex-direction: column;
	gap: 0;
	border: 1px solid var(--wp--preset--color--border-default);
	border-radius: var(--wp--custom--radius--xl);
	overflow: hidden;
	background: var(--wp--preset--color--surface-default);
}

.riedel-reorder .riedel-reorder__history-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--wp--preset--spacing--4);
	padding: var(--wp--preset--spacing--4) var(--wp--preset--spacing--5);
	border-bottom: 1px solid var(--wp--preset--color--border-default);
	transition: background 0.1s;
	flex-wrap: wrap;
}

.riedel-reorder .riedel-reorder__history-row:nth-child(odd) {
	background: var(--wp--preset--color--surface-secondary);
}

.riedel-reorder .riedel-reorder__history-row:nth-child(even) {
	background: var(--wp--preset--color--surface-default);
}

.riedel-reorder .riedel-reorder__history-row:hover {
	background: var(--wp--preset--color--surface-secondary);
}

/* ── Lists grid: 2-up cards ────────────────────────────────────────────── */

.riedel-reorder .riedel-reorder__lists-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--wp--preset--spacing--6);
}

@media (max-width: 767px) {
	.riedel-reorder .riedel-reorder__lists-grid {
		grid-template-columns: 1fr;
	}
}

.riedel-reorder .riedel-reorder__list-card {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--4);
	padding: var(--wp--preset--spacing--6);
	border: 1px solid var(--wp--preset--color--border-default);
	border-radius: var(--wp--custom--radius--xl);
	background: var(--wp--preset--color--surface-default);
	transition: box-shadow 0.15s, border-color 0.15s;
}

.riedel-reorder .riedel-reorder__list-card:hover {
	border-color: var(--wp--preset--color--border-strong);
	box-shadow: 0px 2px 8px 0px #0000000D;
}

.riedel-reorder .riedel-reorder__list-card-header {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--1);
	min-width: 0;
	padding-right: var(--wp--preset--spacing--8);
}

.riedel-reorder .riedel-reorder__list-card-name {
	font-weight: 600;
	font-size: var(--wp--preset--font-size--lg);
	color: var(--wp--preset--color--text-primary);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.riedel-reorder .riedel-reorder__list-card-meta {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--3);
	font-size: var(--wp--preset--font-size--sm);
	color: var(--wp--preset--color--text-tertiary);
}

.riedel-reorder .riedel-reorder__list-card-thumbs {
	display: flex;
	align-items: center;
	gap: var(--wp--preset--spacing--2);
	padding: var(--wp--preset--spacing--3);
	border-radius: var(--wp--custom--radius--md);
	background: var(--wp--preset--color--surface-secondary);
}

.riedel-reorder .riedel-reorder__list-card-thumb {
	flex-shrink: 0;
	display: block;
	width: 48px;
	height: 48px;
	border-radius: var(--wp--custom--radius--md);
	overflow: hidden;
	background: var(--wp--preset--color--surface-tertiary);
}

.riedel-reorder .riedel-reorder__list-card-thumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.riedel-reorder .riedel-reorder__list-card-thumb-more {
	font-size: var(--wp--preset--font-size--sm);
	color: var(--wp--preset--color--text-tertiary);
	white-space: nowrap;
}

.riedel-reorder .riedel-reorder__list-card-footer {
	display: flex;
	align-items: center;
	gap: var(--wp--preset--spacing--3);
	padding-top: var(--wp--preset--spacing--4);
	border-top: 1px solid var(--wp--preset--color--border-default);
}

.riedel-reorder .riedel-reorder__list-card-footer > button {
	flex: 1 1 0;
}

.riedel-reorder .riedel-reorder__list-order-all-btn {
	min-height: 40px;
}

.riedel-reorder .riedel-reorder__list-order-all-btn:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

.riedel-reorder .riedel-reorder__list-edit-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	padding: var(--wp--preset--spacing--2) var(--wp--preset--spacing--5);
	background: var(--wp--preset--color--surface-default);
	color: var(--wp--preset--color--action-primary);
	border: 1px solid var(--wp--preset--color--border-strong);
	border-radius: var(--reorder-radius);
	font-size: var(--wp--preset--font-size--input);
	font-weight: 500;
	cursor: pointer;
	transition: background-color 0.15s, border-color 0.15s;
}

.riedel-reorder .riedel-reorder__list-edit-btn:hover {
	background: var(--wp--preset--color--teal-action-light);
	border-color: var(--wp--preset--color--teal-action-border);
}

.riedel-reorder .riedel-reorder__list-delete-btn {
	position: absolute;
	top: var(--wp--preset--spacing--4);
	right: var(--wp--preset--spacing--4);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	width: 2rem;
	height: 2rem;
	background: none;
	border: 1px solid var(--wp--preset--color--border-default);
	border-radius: var(--reorder-radius);
	color: var(--wp--preset--color--text-tertiary);
	cursor: pointer;
	transition: color 0.15s, border-color 0.15s, background 0.15s;
}

.riedel-reorder .riedel-reorder__list-delete-btn:hover {
	color: var(--wp--preset--color--status-stock-out);
	border-color: var(--wp--preset--color--status-stock-out);
	background: var(--wp--preset--color--status-stock-out-bg);
}

/* ── Items panel (back + table) ───────────────────────────────────────────── */

.riedel-reorder .riedel-reorder__items-modal-overlay {
	position: fixed;
	inset: 0;
	z-index: 301;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: var(--wp--preset--spacing--6);
	background: color-mix(in srgb, var(--wp--preset--color--text-primary) 56%, transparent);
}

.riedel-reorder .riedel-reorder__items-modal-overlay[hidden] {
	display: none;
}

.riedel-reorder .riedel-reorder__items-modal {
	width: min(1180px, 100%);
	max-height: calc(100vh - 3rem);
	background: var(--wp--preset--color--surface-default);
	border-radius: var(--wp--custom--radius--xxl);
	box-shadow: 0 24px 80px rgba(0, 0, 0, 0.24);
	overflow: hidden;
}

.riedel-reorder .riedel-reorder__items-modal-body {
	max-height: calc(100vh - 3rem);
	overflow: auto;
}

.riedel-reorder .riedel-reorder__items-panel {
	background: var(--wp--preset--color--surface-default);
}

.riedel-reorder .riedel-reorder__items-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--wp--preset--spacing--4);
	padding: var(--wp--preset--spacing--5) var(--wp--preset--spacing--6);
	border-bottom: 1px solid var(--wp--preset--color--border-default);
	margin-bottom: 0;
	position: sticky;
	top: 0;
	background: var(--wp--preset--color--surface-default);
	z-index: 2;
}

.riedel-reorder .riedel-reorder__items-title {
	margin: 0;
	font-size: var(--wp--preset--font-size--md);
	font-weight: 600;
}

.riedel-reorder .riedel-reorder__back-btn {
	display: inline-flex;
	align-items: center;
	gap: var(--wp--preset--spacing--1);
	background: var(--wp--preset--color--surface-secondary);
	border: 1px solid var(--wp--preset--color--border-default);
	border-radius: var(--reorder-radius);
	padding: var(--wp--preset--spacing--2) var(--wp--preset--spacing--3);
	font-size: var(--wp--preset--font-size--sm);
	font-weight: 500;
	color: var(--wp--preset--color--text-primary);
	cursor: pointer;
	transition: color 0.15s, border-color 0.15s, background-color 0.15s;
	white-space: nowrap;
}

.riedel-reorder .riedel-reorder__back-btn:hover {
	border-color: var(--wp--preset--color--border-strong);
	background: var(--wp--preset--color--surface-tertiary);
}

.riedel-reorder .riedel-reorder__items-panel .riedel-reorder__table-wrap {
	margin: var(--wp--preset--spacing--6);
}

.riedel-reorder .riedel-reorder__items-panel .riedel-reorder__table-summary {
	margin: var(--wp--preset--spacing--6);
}

.riedel-reorder .riedel-reorder__items-modal-body > .riedel-reorder__bulk-bar {
	position: sticky;
	bottom: 0;
	margin: 0 var(--wp--preset--spacing--6) var(--wp--preset--spacing--6);
	box-shadow: 0 6px 24px rgba(0, 0, 0, 0.18);
	z-index: 3;
}

@media (max-width: 767px) {
	.riedel-reorder .riedel-reorder__items-modal-overlay {
		padding: var(--wp--preset--spacing--3);
	}

	.riedel-reorder .riedel-reorder__items-modal,
	.riedel-reorder .riedel-reorder__items-modal-body {
		max-height: calc(100vh - 1.5rem);
	}

	.riedel-reorder .riedel-reorder__items-header {
		padding: var(--wp--preset--spacing--4);
		flex-direction: column;
		align-items: flex-start;
	}

	.riedel-reorder .riedel-reorder__items-panel .riedel-reorder__table-wrap {
		margin: var(--wp--preset--spacing--4);
	}

	.riedel-reorder .riedel-reorder__items-panel .riedel-reorder__table-summary {
		margin: 0 var(--wp--preset--spacing--4) var(--wp--preset--spacing--4);
	}

	.riedel-reorder .riedel-reorder__items-modal-body > .riedel-reorder__bulk-bar {
		margin: 0 var(--wp--preset--spacing--4) var(--wp--preset--spacing--4);
	}
}

/* ── Order history ────────────────────────────────────────────────────────── */

.riedel-reorder .riedel-reorder__history-meta {
	display: flex;
	align-items: center;
	gap: var(--wp--preset--spacing--5);
	flex-wrap: wrap;
	font-size: var(--wp--preset--font-size--base);
}

.riedel-reorder .riedel-reorder__history-order-num {
	font-weight: 600;
	color: var(--wp--preset--color--text-primary);
}

.riedel-reorder .riedel-reorder__history-date,
.riedel-reorder .riedel-reorder__history-items {
	color: var(--wp--preset--color--text-tertiary);
}

.riedel-reorder .riedel-reorder__history-total {
	font-weight: 500;
}

.riedel-reorder .riedel-reorder__history-status {
	font-size: var(--wp--preset--font-size--sm);
	font-weight: 500;
	padding: var(--wp--preset--spacing--1) var(--wp--preset--spacing--3);
	border-radius: var(--wp--custom--radius--full);
	background: var(--wp--preset--color--surface-secondary);
	border: 1px solid var(--wp--preset--color--border-default);
	color: var(--wp--preset--color--text-tertiary);
}

.riedel-reorder .riedel-reorder__history-status--completed {
	background: var(--wp--preset--color--status-stock-in-bg);
	border-color: var(--wp--preset--color--status-stock-in);
	color: var(--wp--preset--color--status-stock-in-text);
}

.riedel-reorder .riedel-reorder__history-status--processing {
	background: var(--wp--preset--color--teal-action-light);
	border-color: var(--wp--preset--color--teal-action-border);
	color: var(--wp--preset--color--action-primary);
}

.riedel-reorder .riedel-reorder__history-status--cancelled {
	background: var(--wp--preset--color--status-stock-out-bg);
	border-color: var(--wp--preset--color--status-stock-out);
	color: var(--wp--preset--color--status-stock-out-text);
}

.riedel-reorder .riedel-reorder__history-view-btn--loading,
.riedel-reorder .riedel-reorder__list-view-btn--loading {
	position: relative;
	color: transparent;
	pointer-events: none;
}

.riedel-reorder .riedel-reorder__history-view-btn--loading::after,
.riedel-reorder .riedel-reorder__list-view-btn--loading::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 14px;
	height: 14px;
	margin: -7px 0 0 -7px;
	border: 2px solid var(--wp--preset--color--text-inverse);
	border-top-color: transparent;
	border-radius: var(--wp--custom--radius--full);
	animation: riedel-reorder-spin 0.6s linear infinite;
}

/* Edit button keeps an outline (white) surface, so its spinner needs a dark border. */
.riedel-reorder .riedel-reorder__list-edit-btn.riedel-reorder__list-view-btn--loading::after {
	border-color: var(--wp--preset--color--action-primary);
	border-top-color: transparent;
}

@keyframes riedel-reorder-spin {
	to { transform: rotate(360deg); }
}

/* ── Dialog (save list / template name prompt) ───────────────────────────── */

.riedel-reorder .riedel-reorder__dialog-overlay {
	position: fixed;
	inset: 0;
	background: color-mix(in srgb, var(--wp--preset--color--text-primary) 45%, transparent);
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: var(--wp--preset--spacing--4);
}

.riedel-reorder .riedel-reorder__dialog-overlay[hidden] {
	display: none;
}

.riedel-reorder .riedel-reorder__dialog {
	background: var(--wp--preset--color--surface-default);
	border-radius: var(--wp--custom--radius--lg);
	padding: var(--wp--preset--spacing--8);
	max-width: 400px;
	width: 100%;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
}

.riedel-reorder .riedel-reorder__dialog--danger {
	max-width: 440px;
}



.riedel-reorder .riedel-reorder__dialog-message {
	margin: 0 0 var(--wp--preset--spacing--4);
	font-size: var(--wp--preset--font-size--input);
	line-height: 1.5;
	color: var(--wp--preset--color--text-tertiary);
}

.riedel-reorder .riedel-reorder__dialog-message[hidden] {
	display: none;
}

.riedel-reorder .riedel-reorder__dialog-input {
	width: 100%;
	padding: var(--wp--preset--spacing--2) var(--wp--preset--spacing--3);
	border: 1px solid var(--wp--preset--color--border-default);
	border-radius: var(--reorder-radius);
	font-size: var(--wp--preset--font-size--input);
	color: var(--wp--preset--color--text-primary);
	margin-bottom: var(--wp--preset--spacing--5);
	box-sizing: border-box;
}

.riedel-reorder .riedel-reorder__dialog-input:focus {
	outline: 2px solid var(--wp--preset--color--action-primary);
	outline-offset: 1px;
	border-color: transparent;
}

.riedel-reorder .riedel-reorder__dialog-input[hidden] {
	display: none;
}

.riedel-reorder .riedel-reorder__dialog-actions {
	display: flex;
	justify-content: flex-end;
	gap: var(--wp--preset--spacing--2);
}

.riedel-reorder .riedel-reorder__dialog-cancel {
	padding: var(--wp--preset--spacing--2) var(--wp--preset--spacing--4);
	background: none;
	border: 1px solid var(--wp--preset--color--border-default);
	border-radius: var(--reorder-radius);
	font-size: var(--wp--preset--font-size--base);
	color: var(--wp--preset--color--text-tertiary);
	cursor: pointer;
	transition: background 0.15s;
}

.riedel-reorder .riedel-reorder__dialog-cancel:hover {
	background: var(--wp--preset--color--surface-secondary);
}

/* Base/teal styling comes from the global .riedel-btn. */
.riedel-reorder .riedel-reorder__dialog-confirm--danger {
	background: var(--wp--preset--color--status-stock-out);
}

.riedel-reorder .riedel-reorder__dialog-confirm--danger:hover {
	background: var(--wp--preset--color--status-stock-out-text);
}

/* ── Add-to-cart confirmation modal ───────────────────────────────────────── */

.riedel-reorder .riedel-reorder__confirm-overlay {
	position: fixed;
	inset: 0;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: var(--wp--preset--spacing--4);
	background: color-mix(in srgb, var(--wp--preset--color--text-primary) 56%, transparent);
}

.riedel-reorder .riedel-reorder__confirm-overlay[hidden] {
	display: none;
}

.riedel-reorder .riedel-reorder__confirm {
	display: flex;
	flex-direction: column;
	width: min(560px, 100%);
	max-height: calc(100vh - var(--wp--preset--spacing--8));
	background: var(--wp--preset--color--surface-default);
	border-radius: var(--wp--custom--radius--xxl);
	box-shadow: 0 24px 80px rgba(0, 0, 0, 0.24);
	overflow: hidden;
}

.riedel-reorder .riedel-reorder__confirm-header {
	padding: var(--wp--preset--spacing--6) var(--wp--preset--spacing--6) var(--wp--preset--spacing--4);
}

.riedel-reorder .riedel-reorder__confirm-title {
	margin: 0 0 var(--wp--preset--spacing--2);
	font-size: var(--wp--preset--font-size--3-xl);
	font-weight: 700;
	color: var(--wp--preset--color--text-primary);
}

.riedel-reorder .riedel-reorder__confirm-subtitle {
	margin: 0;
	font-size: var(--wp--preset--font-size--md);
	color: var(--wp--preset--color--text-secondary);
}

.riedel-reorder .riedel-reorder__confirm-list {
	list-style: none;
	margin: 0;
	padding: 0;
	flex: 1;
	min-height: 0;
	overflow-y: auto;
	border-top: 1px solid var(--wp--preset--color--border-default);
	border-bottom: 1px solid var(--wp--preset--color--border-default);
}

.riedel-reorder .riedel-reorder__confirm-item {
	display: flex;
	align-items: center;
	gap: var(--wp--preset--spacing--4);
	padding: var(--wp--preset--spacing--3) var(--wp--preset--spacing--6);
	border-bottom: 1px solid var(--wp--preset--color--border-default);
}

.riedel-reorder .riedel-reorder__confirm-item:last-child {
	border-bottom: none;
}

.riedel-reorder .riedel-reorder__confirm-item-media {
	flex-shrink: 0;
	width: 48px;
	height: 48px;
	border-radius: var(--wp--custom--radius--md);
	overflow: hidden;
	background: var(--wp--preset--color--surface-secondary);
	border: 1px solid var(--wp--preset--color--border-default);
}

.riedel-reorder .riedel-reorder__confirm-item-img,
.riedel-reorder .riedel-reorder__confirm-item-img-placeholder {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.riedel-reorder .riedel-reorder__confirm-item-info {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--1);
	min-width: 0;
	flex: 1;
}

.riedel-reorder .riedel-reorder__confirm-item-name {
	font-size: var(--wp--preset--font-size--md);
	font-weight: 600;
	color: var(--wp--preset--color--text-primary);
	line-height: 1.3;
}

.riedel-reorder .riedel-reorder__confirm-item-meta {
	font-size: var(--wp--preset--font-size--sm);
	color: var(--wp--preset--color--text-tertiary);
}

.riedel-reorder .riedel-reorder__confirm-item-price {
	flex-shrink: 0;
	font-size: var(--wp--preset--font-size--input);
	font-weight: 700;
	color: var(--wp--preset--color--text-primary);
	white-space: nowrap;
}

.riedel-reorder .riedel-reorder__confirm-actions {
	display: flex;
	gap: var(--wp--preset--spacing--3);
	padding: var(--wp--preset--spacing--5) var(--wp--preset--spacing--6);
}

.riedel-reorder .riedel-reorder__confirm-cancel,
.riedel-reorder .riedel-reorder__import-cancel {
	padding: var(--wp--preset--spacing--2) var(--wp--preset--spacing--5);
	background: var(--wp--preset--color--surface-default);
	border: 1px solid var(--wp--preset--color--border-strong);
	border-radius: var(--wp--custom--radius--lg);
	font-size: var(--wp--preset--font-size--md);
	font-weight: 500;
	color: var(--wp--preset--color--text-primary);
	cursor: pointer;
	transition: background 0.15s;
}

.riedel-reorder .riedel-reorder__confirm-cancel:hover,
.riedel-reorder .riedel-reorder__import-cancel:hover {
	background: var(--wp--preset--color--surface-secondary);
}

/* Base/teal styling for .riedel-reorder__confirm-add comes from the global .riedel-btn. */

@media (max-width: 767px) {
	.riedel-reorder .riedel-reorder__confirm-actions {
		flex-direction: column-reverse;
	}

	.riedel-reorder .riedel-reorder__confirm-cancel {
		width: 100%;
	}
}

/* ── File import modal ────────────────────────────────────────────────────── */

.riedel-reorder .riedel-reorder__import-overlay {
	position: fixed;
	inset: 0;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: var(--wp--preset--spacing--4);
	background: color-mix(in srgb, var(--wp--preset--color--text-primary) 56%, transparent);
}

.riedel-reorder .riedel-reorder__import-overlay[hidden] {
	display: none;
}

.riedel-reorder .riedel-reorder__import {
	display: flex;
	flex-direction: column;
	width: min(560px, 100%);
	max-height: calc(100vh - var(--wp--preset--spacing--8));
	background: var(--wp--preset--color--surface-default);
	border-radius: var(--wp--custom--radius--xxl);
	box-shadow: 0 24px 80px rgba(0, 0, 0, 0.24);
	overflow: hidden;
}

.riedel-reorder .riedel-reorder__import-header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: var(--wp--preset--spacing--4);
	padding: var(--wp--preset--spacing--6) var(--wp--preset--spacing--6) var(--wp--preset--spacing--4);
}

.riedel-reorder .riedel-reorder__import-heading {
	min-width: 0;
}

.riedel-reorder .riedel-reorder__import-title {
	margin: 0 0 var(--wp--preset--spacing--1);
	font-size: var(--wp--preset--font-size--3-xl);
	font-weight: 700;
	color: var(--wp--preset--color--text-primary);
}

.riedel-reorder .riedel-reorder__import-subtitle {
	margin: 0;
	font-size: var(--wp--preset--font-size--md);
	color: var(--wp--preset--color--text-secondary);
}

.riedel-reorder .riedel-reorder__import-subtitle:empty {
	display: none;
}

.riedel-reorder .riedel-reorder__import-close {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 2rem;
	height: 2rem;
	background: none;
	border: 0;
	border-radius: var(--wp--custom--radius--md);
	cursor: pointer;
	color: var(--wp--preset--color--text-tertiary);
	transition: color 0.15s, background 0.15s;
}

.riedel-reorder .riedel-reorder__import-close:hover {
	color: var(--wp--preset--color--text-primary);
	background: var(--wp--preset--color--surface-secondary);
}

.riedel-reorder .riedel-reorder__import-body {
	flex: 1;
	min-height: 0;
	overflow-y: auto;
	border-top: 1px solid var(--wp--preset--color--border-default);
}

.riedel-reorder .riedel-reorder__import-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.riedel-reorder .riedel-reorder__import-errors {
	padding: var(--wp--preset--spacing--4) var(--wp--preset--spacing--6);
	background: var(--wp--preset--color--status-stock-low-bg);
	border-bottom: 1px solid var(--wp--preset--color--border-default);
	color: var(--wp--preset--color--status-stock-low-text);
}

.riedel-reorder .riedel-reorder__import-errors-title {
	margin: 0 0 var(--wp--preset--spacing--2);
	font-size: var(--wp--preset--font-size--input);
	font-weight: 600;
}

.riedel-reorder .riedel-reorder__import-errors-list {
	margin: 0;
	padding-left: var(--wp--preset--spacing--5);
	font-size: var(--wp--preset--font-size--sm);
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--1);
}

.riedel-reorder .riedel-reorder__import-empty {
	margin: 0;
	padding: var(--wp--preset--spacing--8) var(--wp--preset--spacing--6);
	text-align: center;
	font-size: var(--wp--preset--font-size--input);
	color: var(--wp--preset--color--text-tertiary);
}

.riedel-reorder .riedel-reorder__import-actions {
	display: flex;
	gap: var(--wp--preset--spacing--3);
	padding: var(--wp--preset--spacing--5) var(--wp--preset--spacing--6);
}

.riedel-reorder .riedel-reorder__csv-add-all[hidden] {
	display: none;
}

.riedel-reorder .riedel-reorder__csv-add-all--loading {
	opacity: 0.85;
	pointer-events: none;
}

.riedel-reorder .riedel-reorder__csv-add-all--loading::before {
	content: '';
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-right: var(--wp--preset--spacing--2);
	border: 2px solid currentColor;
	border-top-color: transparent;
	border-radius: var(--wp--custom--radius--full);
	vertical-align: -2px;
	animation: riedel-reorder-spin 0.6s linear infinite;
}

@media (max-width: 767px) {
	.riedel-reorder .riedel-reorder__import-actions {
		flex-direction: column-reverse;
	}

	.riedel-reorder .riedel-reorder__import-cancel {
		width: 100%;
	}
}

/* ── Responsive ───────────────────────────────────────────────────────────── */

@media (max-width: 1023px) {
	.riedel-reorder .riedel-reorder__col--ve,
	.riedel-reorder .riedel-reorder__col--date {
		display: none;
	}

	.riedel-reorder .riedel-reorder__table th:nth-child(4),
	.riedel-reorder .riedel-reorder__table th:nth-child(6) {
		display: none;
	}
}

@media (max-width: 767px) {
	.riedel-reorder .riedel-reorder__page-actions {
		flex-direction: column;
		align-items: stretch;
	}

	.riedel-reorder .riedel-reorder__page-actions-buttons {
		flex-direction: column;
		align-items: stretch;
	}

	/* ── Tabs as a custom dropdown ─────────────────────────────────────── */

	.riedel-reorder .riedel-reorder__tabs {
		position: relative;
	}

	.riedel-reorder .riedel-reorder__tabs-toggle {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: var(--wp--preset--spacing--2);
		width: 100%;
		padding: var(--wp--preset--spacing--3) var(--wp--preset--spacing--4);
		background: var(--wp--preset--color--surface-default);
		border: 1px solid var(--wp--preset--color--border-default);
		border-radius: var(--wp--custom--radius--lg);
		font-size: var(--wp--preset--font-size--input);
		font-weight: 600;
		color: var(--wp--preset--color--text-primary);
		cursor: pointer;
		text-align: left;
	}

	.riedel-reorder .riedel-reorder__tabs--open .riedel-reorder__tabs-toggle {
		border-color: var(--wp--preset--color--teal-action-border);
	}

	.riedel-reorder .riedel-reorder__tabs-toggle-label {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.riedel-reorder .riedel-reorder__tabs-toggle-icon {
		flex-shrink: 0;
		color: var(--wp--preset--color--text-tertiary);
		transition: transform 0.15s ease;
	}

	.riedel-reorder .riedel-reorder__tabs--open .riedel-reorder__tabs-toggle-icon {
		transform: rotate(180deg);
	}

	.riedel-reorder .riedel-reorder__tabs-nav {
		display: none;
		position: absolute;
		top: calc(100% + var(--wp--preset--spacing--1));
		left: 0;
		right: 0;
		z-index: 6;
		flex-direction: column;
		flex-wrap: nowrap;
		gap: var(--wp--preset--spacing--1);
		box-shadow: 0 12px 32px rgba(0, 0, 0, 0.14);
	}

	.riedel-reorder .riedel-reorder__tabs--open .riedel-reorder__tabs-nav {
		display: flex;
	}

	.riedel-reorder .riedel-reorder__tab-btn {
		width: 100%;
		text-align: left;
		padding: var(--wp--preset--spacing--3) var(--wp--preset--spacing--4);
		font-size: var(--wp--preset--font-size--base);
	}

	.riedel-reorder .riedel-reorder__bulk-bar {
		flex-direction: column;
		align-items: flex-start;
		padding: var(--wp--preset--spacing--4);
	}

	.riedel-reorder .riedel-reorder__bulk-actions {
		width: 100%;
		justify-content: flex-start;
		gap: var(--wp--preset--spacing--3);
	}

	.riedel-reorder .riedel-reorder__table-wrap {
		border-radius: var(--wp--custom--radius--lg);
	}

	.riedel-reorder .riedel-reorder__col--freq,
	.riedel-reorder .riedel-reorder__col--sku {
		display: none;
	}

	.riedel-reorder .riedel-reorder__table th:nth-child(3),
	.riedel-reorder .riedel-reorder__table th:nth-child(7) {
		display: none;
	}

	.riedel-reorder .riedel-reorder__history-meta {
		gap: var(--wp--preset--spacing--3);
	}

	.riedel-reorder .riedel-reorder__list-card {
		flex-wrap: wrap;
	}
}

/* ── Editor preview ───────────────────────────────────────────────────────── */

.riedel-reorder .riedel-reorder__editor-placeholder {
	padding: var(--wp--preset--spacing--8);
	text-align: center;
	background: var(--wp--preset--color--surface-secondary);
	border: 2px dashed var(--wp--preset--color--border-default);
	border-radius: var(--reorder-radius);
	color: var(--wp--preset--color--text-tertiary);
}