/**
 * Fetch Orders wizard — matches channel picker (momcs-csp) + orders page tokens.
 */

#momcs-order-fetch-wizard-overlay {
	position: fixed;
	inset: 0;
	background: rgba(15, 23, 42, 0.55);
	backdrop-filter: blur(3px);
	-webkit-backdrop-filter: blur(3px);
	z-index: 999998;
}

#momcs-order-fetch-wizard {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 999999;
	width: min(520px, calc(100vw - 32px));
	max-height: calc(100vh - 48px);
}

#momcs-order-fetch-wizard .momcs-ofw-modal {
	max-height: calc(100vh - 48px);
}

.momcs-ofw-step-indicator {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 14px 20px 12px;
	font-size: 12px;
	font-weight: 600;
	color: var(--momcs-text-secondary, #6b7280);
	border-bottom: 1px solid var(--momcs-border-color-light, #f0f0f0);
	background: var(--momcs-bg-secondary, #f8f9fa);
}

.momcs-ofw-step-indicator__item {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.momcs-ofw-step-indicator__item.is-active {
	color: var(--momcs-accent-orange, #ff6a00);
}

.momcs-ofw-step-indicator__item.is-done {
	color: var(--momcs-accent-green, #10b981);
}

.momcs-ofw-step-indicator__num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	border-radius: var(--momcs-radius-full, 6px);
	background: var(--momcs-bg-tertiary, #f1f3f5);
	font-size: 11px;
	font-weight: 700;
}

.momcs-ofw-step-indicator__item.is-active .momcs-ofw-step-indicator__num {
	background: var(--momcs-accent-orange-light, #fff7ed);
	color: var(--momcs-accent-orange, #ff6a00);
}

.momcs-ofw-step-indicator__sep {
	flex: 1;
	height: 1px;
	background: var(--momcs-border-color, #e5e7eb);
	min-width: 20px;
}

#momcs-order-fetch-wizard .momcs-csp-body {
	overflow-y: auto;
	max-height: min(58vh, 480px);
}

.momcs-ofw-step-intro {
	margin: 0 0 14px;
	font-size: 12px;
	color: var(--momcs-text-secondary, #6b7280);
	line-height: 1.55;
}

/* Date range block */
.momcs-ofw-date-panel {
	border: 1px solid var(--momcs-border-color, #e5e7eb);
	border-radius: var(--momcs-radius-md, 8px);
	padding: 14px 16px;
	margin-bottom: 16px;
	background: var(--momcs-bg-primary, #fff);
}

.momcs-ofw-date-panel__title {
	margin: 0 0 10px;
	font-size: 13px;
	font-weight: 600;
	color: var(--momcs-text-primary, #1f2937);
}

.momcs-ofw-date-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
}

.momcs-ofw-field-row {
	margin-bottom: 0;
}

.momcs-ofw-field-row + .momcs-ofw-field-row {
	margin-top: 0;
}

.momcs-ofw-label {
	display: block;
	font-size: 12px;
	font-weight: 600;
	color: var(--momcs-text-primary, #1f2937);
	margin-bottom: 6px;
}

#momcs-order-fetch-wizard .momcs-ofw-select,
#momcs-order-fetch-wizard .momcs-ofw-date {
	width: 100%;
	box-sizing: border-box;
}

#momcs-order-fetch-wizard .momcs-ofw-date {
	height: 36px;
	padding: 0 10px;
	font-size: 13px;
	border: 1px solid var(--momcs-border-color, #e5e7eb);
	border-radius: var(--momcs-radius-sm, 6px);
	color: var(--momcs-text-primary, #1f2937);
	background: var(--momcs-bg-primary, #fff);
}

#momcs-order-fetch-wizard .momcs-ofw-date:focus {
	border-color: var(--momcs-accent-orange, #ff6a00);
	outline: none;
	box-shadow: 0 0 0 2px rgba(255, 106, 0, 0.15);
}

#momcs-order-fetch-wizard .momcs-ofw-select {
	min-height: 36px;
	padding: 6px 10px;
	font-size: 13px;
	border: 1px solid var(--momcs-border-color, #e5e7eb);
	border-radius: var(--momcs-radius-sm, 6px);
	color: var(--momcs-text-primary, #1f2937);
	background: var(--momcs-bg-primary, #fff);
}

#momcs-order-fetch-wizard .momcs-ofw-select:focus {
	border-color: var(--momcs-accent-orange, #ff6a00);
	outline: none;
	box-shadow: 0 0 0 2px rgba(255, 106, 0, 0.15);
}

.momcs-ofw-marketplace-panels {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.momcs-ofw-marketplace-panel {
	border: 1px solid var(--momcs-border-color, #e5e7eb);
	border-radius: var(--momcs-radius-md, 8px);
	padding: 14px 16px;
	background: var(--momcs-bg-secondary, #f8f9fa);
}

.momcs-ofw-marketplace-panel__head {
	margin-bottom: 12px;
}

.momcs-ofw-marketplace-panel__badge {
	display: inline-block;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	padding: 4px 10px;
	border-radius: var(--momcs-radius-xs, 4px);
}

.momcs-ofw-marketplace-panel__badge--amazon {
	background: var(--momcs-accent-orange-light, #fff7ed);
	color: var(--momcs-accent-orange-hover, #d97706);
}

.momcs-ofw-marketplace-panel__badge--ebay {
	background: var(--momcs-accent-blue-light, #eff6ff);
	color: var(--momcs-accent-blue-hover, #2563eb);
}

.momcs-ofw-marketplace-panel__desc {
	margin: 8px 0 0;
	font-size: 12px;
	color: var(--momcs-text-secondary, #6b7280);
	line-height: 1.45;
}

.momcs-ofw-marketplace-panel .momcs-ofw-field-row + .momcs-ofw-field-row {
	margin-top: 12px;
}

/* Free plan — reuse plugin orange notice (not blue info box) */
#momcs-order-fetch-wizard .momcs-ofw-notice--free {
	margin-bottom: 16px;
}

.momcs-ofw-empty {
	margin: 0;
	font-size: 13px;
	color: var(--momcs-text-secondary, #6b7280);
}

#momcs-order-fetch-wizard .momcs-ofw-footer {
	flex-wrap: wrap;
}

#momcs-order-fetch-wizard .momcs-ofw-btn-back {
	margin-right: auto;
	background: var(--momcs-bg-tertiary, #f1f3f5);
	color: var(--momcs-text-primary, #1f2937);
	border-color: var(--momcs-border-color, #e5e7eb);
}

#momcs-order-fetch-wizard .momcs-ofw-btn-back:hover {
	background: var(--momcs-bg-hover, #f0f4f8);
	border-color: var(--momcs-border-color-dark, #d1d5db);
	color: var(--momcs-text-primary, #1f2937);
}

.momcs-orders-table-filter-hint {
	flex: 1 1 100%;
	margin: 0 0 4px;
	font-size: 12px;
	color: var(--momcs-text-secondary, #6b7280);
}

.momcs-orders-filter-bar {
	flex-wrap: wrap;
}

#momcs-order-fetch-progress {
	margin: 0 0 20px 0;
	width: 100%;
	box-sizing: border-box;
}

#momcs-order-fetch-progress .momcs-psp-dismiss-btn {
	margin-right: auto;
}

body.momcs-dark-mode #momcs-order-fetch-wizard .momcs-csp-modal {
	background: #1e293b;
}

body.momcs-dark-mode .momcs-ofw-step-indicator {
	background: #0f172a;
	border-color: #334155;
}

body.momcs-dark-mode .momcs-ofw-date-panel,
body.momcs-dark-mode .momcs-ofw-marketplace-panel {
	border-color: #334155;
	background: #0f172a;
}

body.momcs-dark-mode .momcs-ofw-date-panel__title,
body.momcs-dark-mode .momcs-ofw-label {
	color: #e2e8f0;
}

body.momcs-dark-mode #momcs-order-fetch-wizard .momcs-ofw-date,
body.momcs-dark-mode #momcs-order-fetch-wizard .momcs-ofw-select {
	background: #1e293b;
	border-color: #475569;
	color: #e2e8f0;
}