@layer components.pages {
:where([data-ui="unified"][data-core-calculator="sp"]) .sp-dark-garment-section-top { margin-block: 20px; }
:where([data-ui="unified"][data-core-calculator="sp"]) .sp-dark-garment-toggle, :where([data-ui="unified"][data-core-calculator="sp"]) .sp-safety-stripes-toggle { width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 16px; text-align: left; }
:where([data-ui="unified"][data-core-calculator="sp"]) .sp-dark-garment-toggle.active, :where([data-ui="unified"][data-core-calculator="sp"]) .sp-safety-stripes-toggle.active { background: var(--ui-tint); border-color: var(--ui-accent); }
:where([data-ui="unified"][data-core-calculator="sp"]) .sp-dark-garment-label { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
:where([data-ui="unified"][data-core-calculator="sp"]) .sp-dark-garment-info, :where([data-ui="unified"][data-core-calculator="sp"]) .sp-safety-stripes-info { color: var(--ui-muted); font-size: 13px; }
:where([data-ui="unified"][data-core-calculator="sp"]) .sp-safety-stripes-toggle { margin-top: 16px; }
:where([data-ui="unified"][data-core-calculator="sp"]) .sp-workflow-step-label, :where([data-ui="unified"][data-core-calculator="sp"]) .sp-live-price-workflow-label { color: var(--ui-muted); font-size: 12px; margin-bottom: 8px; }
:where([data-ui="unified"][data-core-calculator="sp"]) .sp-additional-locations-section { border-block: 1px solid var(--ui-line); margin-block: 24px; padding-block: 20px; }
:where([data-ui="unified"][data-core-calculator="sp"]) .sp-additional-locations-header { cursor: pointer; }
:where([data-ui="unified"][data-core-calculator="sp"]) .sp-additional-locations-title { font-weight: 700; }
:where([data-ui="unified"][data-core-calculator="sp"]) .sp-additional-locations-subtitle { font-size: 13px; color: var(--ui-muted); margin-block: 8px 16px; }
:where([data-ui="unified"][data-core-calculator="sp"]) .sp-location-row { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-bottom: 12px; }
:where([data-ui="unified"][data-core-calculator="sp"]) .sp-location-row select { flex: 1; min-width: 130px; }
:where([data-ui="unified"][data-core-calculator="sp"]) .sp-price-row, :where([data-ui="unified"][data-core-calculator="sp"]) .sp-breakdown-item, :where([data-ui="unified"][data-core-calculator="sp"]) .sp-breakdown-total-item { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
:where([data-ui="unified"][data-core-calculator="sp"]) .sp-breakdown-toggle { margin-top: 16px; }
:where([data-ui="unified"][data-core-calculator="sp"]) .sp-breakdown-content, :where([data-ui="unified"][data-core-calculator="sp"]) .sp-breakdown-section { margin-top: 16px; }
:where([data-ui="unified"][data-core-calculator="sp"]) .sp-breakdown-header { font-weight: 700; margin-bottom: 8px; }
:where([data-ui="unified"][data-core-calculator="sp"]) .sp-breakdown-item { padding-block: 6px; font-size: 14px; }
:where([data-ui="unified"][data-core-calculator="sp"]) .sp-breakdown-subtotal, :where([data-ui="unified"][data-core-calculator="sp"]) .sp-breakdown-grand-total { border-top: 1px solid var(--ui-line); padding-top: 12px; font-weight: 600; }
:where([data-ui="unified"][data-core-calculator="sp"]) .sp-breakdown-note, :where([data-ui="unified"][data-core-calculator="sp"]) .sp-tiers-note, :where([data-ui="unified"][data-core-calculator="sp"]) .sp-ltm-included-note { color: var(--ui-muted); font-size: 13px; }
:where([data-ui="unified"][data-core-calculator="sp"]) .sp-toggle-item.disabled { color: var(--ui-muted); background: var(--gray-50); cursor: not-allowed; }

@media print { :where([data-ui="unified"][data-core-calculator="sp"]) .sp-additional-locations-section { margin-block: 12px; padding-block: 12px; } :where([data-ui="unified"][data-core-calculator="sp"]) .sp-price-amount-wrapper { gap: 8px; } :where([data-ui="unified"][data-core-calculator="sp"]) .sp-breakdown-section { break-inside: avoid; } :where([data-ui="unified"][data-core-calculator="sp"]) .sp-breakdown-item, :where([data-ui="unified"][data-core-calculator="sp"]) .sp-breakdown-note { font-size: 8pt; }

 :where([data-ui="unified"][data-core-calculator="sp"]) .sp-dark-garment-section-top { margin-block: 10px;
} }

:where([data-ui="unified"][data-core-calculator="sp"]) .color-swatch { background-image: var(--swatch, none); background-size: cover; background-position: center;
}
:where([data-ui="unified"][data-core-calculator="sp"]) .sp-location-slot { border: 1px solid var(--ui-line); border-radius: var(--radius-sm); margin-block: 12px; padding: 16px; display: flex; align-items: flex-end; flex-wrap: wrap; gap: 12px; }
:where([data-ui="unified"][data-core-calculator="sp"]) .sp-location-slot-input-group { flex: 1; min-width: 130px; }
:where([data-ui="unified"][data-core-calculator="sp"]) .sp-location-slot-input-group label { display: block; font-size: 14px; margin-bottom: 8px; }
:where([data-ui="unified"][data-core-calculator="sp"]) [id="sp-dark-info-icon"] { margin-top: 8px; }
}