/**
 * Campaign Overview Panel — Section content (Targeting, Discounts, Schedule, Performance)
 *
 * Styles for products stats, selection method, scope, filters, product grid,
 * discount config, schedule, and performance sections inside the panel.
 *
 * @package    SmartCycleDiscounts
 * @subpackage SmartCycleDiscounts/resources/assets/css/admin/partials/campaign-overview-panel
 * @since      1.0.0
 */

/* ==========================================================================
   Products (Targeting) section
   ========================================================================== */

/* Stats bar: 26 Products, 1 Filter */
.wsscd-overview-panel .wsscd-products-stats-bar {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 16px;
	padding: 12px 14px;
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	margin-bottom: 16px;
}

.wsscd-overview-panel .wsscd-stat-item {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: var(--wsscd-font-size-base);
	line-height: 1.3;
}

.wsscd-overview-panel .wsscd-stat-item .wsscd-icon {
	flex-shrink: 0;
	color: #64748b;
}

.wsscd-overview-panel .wsscd-stat-value {
	font-weight: 700;
	color: #0f172a;
}

.wsscd-overview-panel .wsscd-stat-label {
	color: #64748b;
}

.wsscd-overview-panel .wsscd-stat-item.wsscd-stat-sale .wsscd-stat-value {
	color: #166534;
}

.wsscd-overview-panel .wsscd-stat-item.wsscd-stat-stock-out .wsscd-stat-value {
	color: #b91c1c;
}

/* Selection Method & Scope */
.wsscd-overview-panel .wsscd-selection-method-card {
	padding: 14px;
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	margin-bottom: 14px;
}

.wsscd-overview-panel .wsscd-selection-method-header {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 10px;
}

.wsscd-overview-panel .wsscd-selection-method-header .wsscd-icon {
	color: var(--wsscd-color-primary, #2563eb);
	flex-shrink: 0;
}

.wsscd-overview-panel .wsscd-selection-method-title {
	font-size: var(--wsscd-font-size-medium);
	font-weight: 600;
	color: #0f172a;
}

.wsscd-overview-panel .wsscd-selection-scope {
	display: grid;
	gap: 6px;
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #e2e8f0;
}

.wsscd-overview-panel .wsscd-scope-item {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: var(--wsscd-font-size-small);
}

.wsscd-overview-panel .wsscd-scope-item .wsscd-icon {
	color: #64748b;
	flex-shrink: 0;
}

.wsscd-overview-panel .wsscd-scope-label {
	font-weight: 600;
	color: #475569;
}

.wsscd-overview-panel .wsscd-scope-value {
	color: #0f172a;
}

.wsscd-overview-panel .wsscd-selection-method-detail {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 8px;
	font-size: var(--wsscd-font-size-small);
	color: #64748b;
}

/* Advanced Filters: Match ALL / Include / rules */
.wsscd-overview-panel .wsscd-filter-logic-indicator {
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	overflow: hidden;
}

.wsscd-overview-panel .wsscd-filter-logic-header {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 12px 14px;
	background: #f8fafc;
	border-bottom: 1px solid #e2e8f0;
}

.wsscd-overview-panel .wsscd-filter-logic-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 6px;
	background: rgba(37, 99, 235, 0.1);
	color: var(--wsscd-color-primary, #2563eb);
	flex-shrink: 0;
}

.wsscd-overview-panel .wsscd-filter-logic-content {
	min-width: 0;
}

.wsscd-overview-panel .wsscd-filter-logic-label {
	font-size: var(--wsscd-font-size-base);
	font-weight: 700;
	color: #0f172a;
}

.wsscd-overview-panel .wsscd-filter-logic-desc {
	font-size: var(--wsscd-font-size-small);
	color: #64748b;
	margin-top: 2px;
}

.wsscd-overview-panel .wsscd-filter-rules {
	display: grid;
	gap: 0;
}

.wsscd-overview-panel .wsscd-filter-rule {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 10px 14px;
	border-bottom: 1px solid #e2e8f0;
}

.wsscd-overview-panel .wsscd-filter-rule:last-child {
	border-bottom: none;
}

.wsscd-overview-panel .wsscd-filter-rule-indicator {
	flex-shrink: 0;
}

.wsscd-overview-panel .wsscd-filter-rule--include .wsscd-filter-rule-indicator {
	color: #166534;
}

.wsscd-overview-panel .wsscd-filter-rule--exclude .wsscd-filter-rule-indicator {
	color: #b91c1c;
}

.wsscd-overview-panel .wsscd-filter-rule-content {
	min-width: 0;
}

.wsscd-overview-panel .wsscd-filter-rule-label {
	font-size: var(--wsscd-font-size-small);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: #64748b;
}

.wsscd-overview-panel .wsscd-filter-rule-desc {
	font-size: var(--wsscd-font-size-base);
	color: #0f172a;
	margin-top: 2px;
}

/* Category grid */
.wsscd-overview-panel .wsscd-category-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
	gap: 10px;
}

.wsscd-overview-panel .wsscd-category-card {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
}

.wsscd-overview-panel .wsscd-category-card .wsscd-icon {
	color: #64748b;
	flex-shrink: 0;
}

.wsscd-overview-panel .wsscd-category-card-name {
	font-size: var(--wsscd-font-size-base);
	font-weight: 600;
	color: #0f172a;
}

.wsscd-overview-panel .wsscd-category-card-count {
	font-size: var(--wsscd-font-size-small);
	color: #64748b;
	margin-top: 2px;
}

.wsscd-overview-panel .wsscd-count-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 22px;
	height: 22px;
	padding: 0 6px;
	font-size: var(--wsscd-font-size-small);
	font-weight: 700;
	background: #e2e8f0;
	color: #475569;
	border-radius: 999px;
}

/* Product grid: Discounted Products list */
.wsscd-overview-panel .wsscd-product-grid-container {
	max-height: 320px;
	overflow-y: auto;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	background: #fff;
}

.wsscd-overview-panel .wsscd-product-grid-container::-webkit-scrollbar {
	width: 6px;
}

.wsscd-overview-panel .wsscd-product-grid-container::-webkit-scrollbar-thumb {
	background: #cbd5e1;
	border-radius: 3px;
}

.wsscd-overview-panel .wsscd-product-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0;
}

.wsscd-overview-panel .wsscd-product-card {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 12px;
	border-bottom: 1px solid #f1f5f9;
	text-decoration: none;
	color: inherit;
	transition: background-color 0.15s ease;
}

.wsscd-overview-panel .wsscd-product-card:last-child {
	border-bottom: none;
}

.wsscd-overview-panel .wsscd-product-card:hover {
	background: #f8fafc;
}

.wsscd-overview-panel .wsscd-product-card-image {
	width: 40px;
	height: 40px;
	flex-shrink: 0;
	border-radius: 6px;
	overflow: hidden;
	background: #f1f5f9;
}

.wsscd-overview-panel .wsscd-product-card-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.wsscd-overview-panel .wsscd-product-card-image.no-image {
	display: flex;
	align-items: center;
	justify-content: center;
}

.wsscd-overview-panel .wsscd-product-card-image.no-image .wsscd-icon {
	color: #94a3b8;
}

.wsscd-overview-panel .wsscd-product-card-content {
	flex: 1;
	min-width: 0;
}

.wsscd-overview-panel .wsscd-product-card-name {
	font-size: var(--wsscd-font-size-base);
	font-weight: 500;
	color: #0f172a;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.wsscd-overview-panel .wsscd-product-card-prices {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 4px;
	font-size: var(--wsscd-font-size-small);
}

.wsscd-overview-panel .wsscd-product-card-price-original {
	text-decoration: line-through;
	color: #94a3b8;
}

.wsscd-overview-panel .wsscd-product-card-price-sale {
	font-weight: 600;
	color: #166534;
}

.wsscd-overview-panel .wsscd-product-card-price {
	margin-top: 4px;
	font-size: var(--wsscd-font-size-small);
	font-weight: 600;
	color: #0f172a;
}

.wsscd-overview-panel .wsscd-product-card-price-note {
	font-size: var(--wsscd-font-size-small);
	color: #64748b;
	margin-top: 2px;
}

.wsscd-overview-panel .wsscd-product-count-card {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	padding: 14px;
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
}

.wsscd-overview-panel .wsscd-product-count-card--after-grid {
	margin-top: 15px;
}

.wsscd-overview-panel .wsscd-product-count-card .wsscd-icon {
	color: #64748b;
}

.wsscd-overview-panel .wsscd-product-count-content {
	font-size: var(--wsscd-font-size-base);
	color: #475569;
}

.wsscd-overview-panel .wsscd-product-count-value {
	font-weight: 700;
	color: #0f172a;
}

.wsscd-overview-panel .wsscd-view-all-products-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-left: auto;
	padding: 6px 12px;
	font-size: var(--wsscd-font-size-small);
	font-weight: 500;
	color: var(--wsscd-color-primary, #2563eb);
	background: transparent;
	border: 1px solid rgba(37, 99, 235, 0.3);
	border-radius: var(--wsscd-radius-sm);
	cursor: pointer;
	transition: background 0.15s ease, border-color 0.15s ease;
}

.wsscd-overview-panel .wsscd-view-all-products-btn:hover {
	background: rgba(37, 99, 235, 0.08);
	border-color: var(--wsscd-color-primary, #2563eb);
}

/* ==========================================================================
   Discounts tab
   ========================================================================== */

.wsscd-overview-panel .wsscd-discount-info-row {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
	gap: 12px;
	margin-bottom: 14px;
}

.wsscd-overview-panel .wsscd-discount-info-item {
	padding: 10px 12px;
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
}

.wsscd-overview-panel .wsscd-discount-info-label {
	font-size: var(--wsscd-font-size-small);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: #64748b;
	margin-bottom: 4px;
}

.wsscd-overview-panel .wsscd-discount-info-value {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: var(--wsscd-font-size-base);
	font-weight: 600;
	color: #0f172a;
}

.wsscd-overview-panel .wsscd-discount-info-value .wsscd-icon {
	color: #64748b;
	flex-shrink: 0;
}

.wsscd-overview-panel .wsscd-field-row {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 8px 0;
	border-bottom: 1px solid #f1f5f9;
}

.wsscd-overview-panel .wsscd-field-row:last-child {
	border-bottom: none;
}

.wsscd-overview-panel .wsscd-field-label {
	flex: 0 0 120px;
	font-size: var(--wsscd-font-size-small);
	font-weight: 500;
	color: #64748b;
}

.wsscd-overview-panel .wsscd-field-value {
	font-size: var(--wsscd-font-size-base);
	color: #0f172a;
}

.wsscd-overview-panel .wsscd-discount-value-highlight {
	font-weight: 700;
	color: var(--wsscd-color-primary, #2563eb);
}

.wsscd-overview-panel .wsscd-bogo-display-card {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 12px 14px;
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	margin-bottom: 14px;
}

.wsscd-overview-panel .wsscd-bogo-display-card .wsscd-icon {
	color: #64748b;
	flex-shrink: 0;
}

.wsscd-overview-panel .wsscd-bogo-description {
	font-size: var(--wsscd-font-size-base);
	color: #0f172a;
}

.wsscd-overview-panel .wsscd-tiered-discounts,
.wsscd-overview-panel .wsscd-threshold-discounts {
	padding: 12px 14px;
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	margin-bottom: 14px;
}

.wsscd-overview-panel .wsscd-tiered-header,
.wsscd-overview-panel .wsscd-threshold-header {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: var(--wsscd-font-size-base);
	font-weight: 600;
	color: #0f172a;
	margin-bottom: 10px;
}

.wsscd-overview-panel .wsscd-tiered-header .wsscd-icon,
.wsscd-overview-panel .wsscd-threshold-header .wsscd-icon {
	color: #64748b;
}

.wsscd-overview-panel .wsscd-discount-highlight {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: var(--wsscd-font-size-small);
	font-weight: 600;
	color: #166534;
	margin-bottom: 10px;
}

.wsscd-overview-panel .wsscd-tiered-list,
.wsscd-overview-panel .wsscd-threshold-list {
	margin: 0;
	padding-left: 20px;
}

.wsscd-overview-panel .wsscd-tier-item,
.wsscd-overview-panel .wsscd-threshold-item {
	font-size: var(--wsscd-font-size-small);
	color: #475569;
	margin-bottom: 4px;
}

.wsscd-overview-panel .wsscd-tier-range {
	display: inline-block;
	min-width: 80px;
	color: #64748b;
}

.wsscd-overview-panel .wsscd-tier-discount {
	font-weight: 600;
	color: #0f172a;
}

.wsscd-overview-panel .wsscd-discount-requirements {
	margin-top: 14px;
	padding: 12px 14px;
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
}

.wsscd-overview-panel .wsscd-requirements-header {
	font-size: var(--wsscd-font-size-small);
	font-weight: 700;
	color: #64748b;
	margin-bottom: 8px;
}

/* ==========================================================================
   Schedule tab
   ========================================================================== */

.wsscd-overview-panel .wsscd-schedule-compact {
	padding: 14px;
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
}

.wsscd-overview-panel .wsscd-schedule-compact-row {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px 16px;
}

.wsscd-overview-panel .wsscd-schedule-status-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: var(--wsscd-font-size-small);
	font-weight: 600;
}

.wsscd-overview-panel .wsscd-schedule-status-badge .wsscd-icon {
	flex-shrink: 0;
}

.wsscd-overview-panel .wsscd-schedule-compact-dates {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 4px 8px;
	font-size: var(--wsscd-font-size-small);
	color: #475569;
}

.wsscd-overview-panel .wsscd-schedule-compact-sep {
	color: #94a3b8;
}

.wsscd-overview-panel .wsscd-schedule-compact-item {
	display: inline-flex;
	align-items: baseline;
	gap: 4px;
}

.wsscd-overview-panel .wsscd-schedule-compact-label {
	color: #64748b;
}

.wsscd-overview-panel .wsscd-schedule-compact-value {
	font-weight: 600;
	color: #0f172a;
}

.wsscd-overview-panel .wsscd-schedule-timeline {
	margin-top: 12px;
}

.wsscd-overview-panel .wsscd-schedule-timeline--compact .wsscd-timeline-track {
	height: 6px;
	background: #e2e8f0;
	border-radius: 999px;
	overflow: hidden;
}

.wsscd-overview-panel .wsscd-schedule-timeline--compact .wsscd-timeline-progress {
	height: 100%;
	background: var(--wsscd-color-primary, #2563eb);
	border-radius: 999px;
}

.wsscd-overview-panel .wsscd-schedule-timezone {
	display: flex;
	align-items: center;
	gap: 6px;
	margin-top: 10px;
	font-size: var(--wsscd-font-size-small);
	color: #64748b;
}

.wsscd-overview-panel .wsscd-schedule-status-badge.wsscd-status-upcoming { color: #64748b; }
.wsscd-overview-panel .wsscd-schedule-status-badge.wsscd-status-active { color: #166534; }
.wsscd-overview-panel .wsscd-schedule-status-badge.wsscd-status-ongoing { color: #166534; }
.wsscd-overview-panel .wsscd-schedule-status-badge.wsscd-status-expired { color: #b91c1c; }

/* Recurring schedule */
.wsscd-overview-panel .wsscd-section-recurring-schedule .wsscd-overview-subsection {
	margin-top: 14px;
}

/* ==========================================================================
   Performance tab
   ========================================================================== */

.wsscd-overview-panel .wsscd-performance-date-range {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: var(--wsscd-font-size-small);
	color: #64748b;
	margin-bottom: 12px;
}

.wsscd-overview-panel .wsscd-performance-avg-order {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 14px;
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
}

.wsscd-overview-panel .wsscd-avg-order-label {
	font-size: var(--wsscd-font-size-small);
	color: #64748b;
}

.wsscd-overview-panel .wsscd-avg-order-value {
	font-size: var(--wsscd-font-size-large);
	font-weight: 700;
	color: #0f172a;
}

.wsscd-overview-panel .wsscd-no-data,
.wsscd-overview-panel .wsscd-no-data-enhanced {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: 24px 20px;
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
}

.wsscd-overview-panel .wsscd-no-data-icon {
	color: #94a3b8;
	margin-bottom: 12px;
}

.wsscd-overview-panel .wsscd-no-data-title {
	margin: 0 0 8px;
	font-size: var(--wsscd-font-size-medium);
	font-weight: 600;
	color: #0f172a;
}

.wsscd-overview-panel .wsscd-no-data-message {
	margin: 0;
	font-size: var(--wsscd-font-size-base);
	line-height: 1.5;
	color: #64748b;
}

.wsscd-overview-panel .wsscd-no-data-info {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 12px;
	font-size: var(--wsscd-font-size-small);
	color: #64748b;
}

.wsscd-overview-panel .wsscd-no-data-info .wsscd-icon {
	flex-shrink: 0;
}

/* ==========================================================================
   Shared: subsection header (all tabs)
   ========================================================================== */

.wsscd-overview-panel .wsscd-overview-subsection {
	margin-bottom: 16px;
}

.wsscd-overview-panel .wsscd-overview-subsection:last-child {
	margin-bottom: 0;
}

.wsscd-overview-panel .wsscd-subsection-header {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	margin-bottom: 10px;
}

.wsscd-overview-panel .wsscd-subsection-header .wsscd-icon {
	color: #64748b;
	flex-shrink: 0;
}

.wsscd-overview-panel .wsscd-subsection-header h5 {
	margin: 0;
	font-size: var(--wsscd-font-size-base);
	font-weight: 700;
	color: #0f172a;
}