@bluecircuit/offer-calculator 2.0.0

package/dist/calculator.css

@@ -0,0 +1,385 @@
+/**
+ * Offer Calculator Styles (CSS Module)
+ *
+ * This stylesheet provides base styles for the calculator component.
+ * All styles are scoped to the component via CSS Modules.
+ *
+ * Customization:
+ * - Override these styles by providing a className prop
+ * - Use CSS custom properties (variables) for theming
+ * - Import and extend in your own stylesheets
+ */
+
+/* ============================================================================
+   CALCULATOR CONTAINER
+   ========================================================================= */
+
+.calculator {
+  max-width: 800px;
+  margin: 0 auto;
+  padding: 2rem;
+  font-family: system-ui, -apple-system, sans-serif;
+}
+
+.calculator__header {
+  margin-bottom: 2rem;
+  text-align: center;
+}
+
+.calculator__title {
+  font-size: 1.75rem;
+  font-weight: 700;
+  margin: 0 0 0.5rem 0;
+  color: #1a1a1a;
+}
+
+.calculator__subtitle {
+  font-size: 1rem;
+  color: #666;
+  margin: 0;
+}
+
+.calculator__section {
+  margin-bottom: 2rem;
+  padding: 1.5rem;
+  background: #f9f9f9;
+  border-radius: 8px;
+  border: 1px solid #e0e0e0;
+}
+
+.calculator__sectionTitle {
+  font-size: 1.25rem;
+  font-weight: 600;
+  margin: 0 0 1rem 0;
+  color: #333;
+}
+
+.calculator__hint {
+  font-size: 0.875rem;
+  color: #666;
+  margin: 0 0 1rem 0;
+  font-style: italic;
+}
+
+/* ============================================================================
+   DEFECTS TOGGLE (Radio Buttons)
+   ========================================================================= */
+
+.calculator__defectsToggle {
+  display: flex;
+  gap: 1.5rem;
+}
+
+.calculator__radioLabel {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  font-size: 1rem;
+  cursor: pointer;
+  padding: 0.75rem 1.25rem;
+  border: 2px solid #ddd;
+  border-radius: 6px;
+  transition: all 0.2s ease;
+}
+
+.calculator__radioLabel:has(input:checked) {
+  border-color: #007bff;
+  background: #e7f3ff;
+}
+
+.calculator__radioLabel:hover {
+  border-color: #999;
+}
+
+.calculator__radioInput {
+  width: 1.25rem;
+  height: 1.25rem;
+  cursor: pointer;
+}
+
+/* ============================================================================
+   ERROR STATES
+   ========================================================================= */
+
+.calculator__error {
+  padding: 2rem;
+  background: #fee;
+  border: 1px solid #fcc;
+  border-radius: 8px;
+  text-align: center;
+}
+
+.calculator__error h2 {
+  color: #c00;
+  margin: 0 0 1rem 0;
+}
+
+.calculator__error p {
+  color: #666;
+  margin: 0 0 1rem 0;
+}
+
+.calculator__errorButton {
+  padding: 0.75rem 1.5rem;
+  background: #007bff;
+  color: white;
+  border: none;
+  border-radius: 6px;
+  font-size: 1rem;
+  cursor: pointer;
+  transition: background 0.2s ease;
+}
+
+.calculator__errorButton:hover {
+  background: #0056b3;
+}
+
+.calculator__errorDetails {
+  margin-top: 1rem;
+  text-align: left;
+  background: #f5f5f5;
+  padding: 1rem;
+  border-radius: 4px;
+  font-size: 0.875rem;
+}
+
+.calculator__errorDetails pre {
+  margin: 0.5rem 0 0 0;
+  overflow-x: auto;
+}
+
+/* ============================================================================
+   RESPONSIVE DESIGN
+   ========================================================================= */
+
+@media (max-width: 640px) {
+  .calculator {
+    padding: 1rem;
+  }
+
+  .calculator__title {
+    font-size: 1.5rem;
+  }
+
+  .calculator__section {
+    padding: 1rem;
+  }
+
+  .calculator__defectsToggle {
+    flex-direction: column;
+    gap: 0.75rem;
+  }
+}
+
+/* ============================================================================
+   GLOBAL COMPONENT STYLES (Non-scoped)
+   Note: These are fallback styles for sub-components
+   ========================================================================= */
+
+/* Condition Tabs */
+:global(.condition-tabs__list) {
+  display: flex;
+  gap: 0.5rem;
+  flex-wrap: wrap;
+  margin-bottom: 1rem;
+}
+
+:global(.condition-tabs__tab) {
+  flex: 1;
+  min-width: 120px;
+  padding: 1rem;
+  background: white;
+  border: 2px solid #ddd;
+  border-radius: 6px;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  font-size: 1rem;
+  text-align: center;
+}
+
+:global(.condition-tabs__tab:hover) {
+  border-color: #999;
+  background: #f5f5f5;
+}
+
+:global(.condition-tabs__tab--active) {
+  border-color: #007bff;
+  background: #e7f3ff;
+  font-weight: 600;
+}
+
+:global(.condition-tabs__tab-label) {
+  display: block;
+  font-weight: 600;
+  margin-bottom: 0.25rem;
+}
+
+:global(.condition-tabs__tab-multiplier) {
+  display: block;
+  font-size: 0.875rem;
+  color: #666;
+}
+
+:global(.condition-tabs__panel) {
+  padding: 1rem;
+  background: #f0f8ff;
+  border-radius: 4px;
+  border-left: 4px solid #007bff;
+}
+
+:global(.condition-tabs__description) {
+  margin: 0;
+  color: #555;
+  font-size: 0.9375rem;
+}
+
+/* Defect Checkboxes */
+:global(.defect-checkbox) {
+  position: relative;
+  margin-bottom: 0.75rem;
+}
+
+:global(.defect-checkbox__label) {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+  padding: 0.75rem;
+  background: white;
+  border: 1px solid #ddd;
+  border-radius: 4px;
+  cursor: pointer;
+  transition: all 0.2s ease;
+}
+
+:global(.defect-checkbox__label:hover) {
+  background: #f9f9f9;
+  border-color: #999;
+}
+
+:global(.defect-checkbox__input) {
+  width: 1.25rem;
+  height: 1.25rem;
+  cursor: pointer;
+}
+
+:global(.defect-checkbox__text) {
+  flex: 1;
+  font-size: 0.9375rem;
+}
+
+:global(.defect-checkbox__percent) {
+  color: #d9534f;
+  font-weight: 600;
+}
+
+:global(.defect-checkbox__info-icon) {
+  font-size: 1rem;
+  opacity: 0.6;
+}
+
+:global(.defect-checkbox__tooltip) {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  right: 0;
+  margin-top: 0.5rem;
+  padding: 0.75rem;
+  background: #333;
+  color: white;
+  border-radius: 4px;
+  font-size: 0.875rem;
+  z-index: 10;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
+}
+
+/* Price Display */
+:global(.price-display) {
+  text-align: center;
+}
+
+:global(.price-display__main) {
+  padding: 2rem;
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  color: white;
+  border-radius: 8px;
+  margin-bottom: 1rem;
+}
+
+:global(.price-display__label) {
+  display: block;
+  font-size: 1rem;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  margin-bottom: 0.5rem;
+  opacity: 0.9;
+}
+
+:global(.price-display__value) {
+  display: block;
+  font-size: 3rem;
+  font-weight: 700;
+}
+
+:global(.price-display__warning) {
+  padding: 0.75rem;
+  background: #fff3cd;
+  border: 1px solid #ffc107;
+  border-radius: 4px;
+  color: #856404;
+  font-size: 0.875rem;
+  margin-bottom: 1rem;
+}
+
+:global(.price-display__breakdown) {
+  background: #f9f9f9;
+  border: 1px solid #ddd;
+  border-radius: 4px;
+  padding: 1rem;
+  text-align: left;
+}
+
+:global(.price-display__breakdown h4) {
+  margin: 0 0 1rem 0;
+  font-size: 1rem;
+  color: #333;
+}
+
+:global(.price-display__breakdown-list) {
+  display: grid;
+  grid-template-columns: auto 1fr;
+  gap: 0.5rem 1rem;
+  font-size: 0.875rem;
+}
+
+:global(.price-display__breakdown-list dt) {
+  font-weight: 600;
+  color: #555;
+}
+
+:global(.price-display__breakdown-list dd) {
+  margin: 0;
+  color: #333;
+}
+
+:global(.price-display__breakdown-list ul) {
+  margin: 0;
+  padding-left: 1.25rem;
+}
+
+:global(.price-display__breakdown-list li) {
+  margin-bottom: 0.25rem;
+}
+
+@media (max-width: 640px) {
+  :global(.price-display__value) {
+    font-size: 2rem;
+  }
+
+  :global(.condition-tabs__list) {
+    flex-direction: column;
+  }
+
+  :global(.condition-tabs__tab) {
+    min-width: 0;
+  }
+}

package/dist/index.css

@@ -0,0 +1,305 @@
+/* src/components/calculator/calculator.module.css */
+.calculator {
+  max-width: 800px;
+  margin: 0 auto;
+  padding: 2rem;
+  font-family:
+    system-ui,
+    -apple-system,
+    sans-serif;
+}
+.calculator__header {
+  margin-bottom: 2rem;
+  text-align: center;
+}
+.calculator__title {
+  font-size: 1.75rem;
+  font-weight: 700;
+  margin: 0 0 0.5rem 0;
+  color: #1a1a1a;
+}
+.calculator__subtitle {
+  font-size: 1rem;
+  color: #666;
+  margin: 0;
+}
+.calculator__section {
+  margin-bottom: 2rem;
+  padding: 1.5rem;
+  background: #f9f9f9;
+  border-radius: 8px;
+  border: 1px solid #e0e0e0;
+}
+.calculator__sectionTitle {
+  font-size: 1.25rem;
+  font-weight: 600;
+  margin: 0 0 1rem 0;
+  color: #333;
+}
+.calculator__hint {
+  font-size: 0.875rem;
+  color: #666;
+  margin: 0 0 1rem 0;
+  font-style: italic;
+}
+.calculator__defectsToggle {
+  display: flex;
+  gap: 1.5rem;
+}
+.calculator__radioLabel {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  font-size: 1rem;
+  cursor: pointer;
+  padding: 0.75rem 1.25rem;
+  border: 2px solid #ddd;
+  border-radius: 6px;
+  transition: all 0.2s ease;
+}
+.calculator__radioLabel:has(input:checked) {
+  border-color: #007bff;
+  background: #e7f3ff;
+}
+.calculator__radioLabel:hover {
+  border-color: #999;
+}
+.calculator__radioInput {
+  width: 1.25rem;
+  height: 1.25rem;
+  cursor: pointer;
+}
+.calculator__error {
+  padding: 2rem;
+  background: #fee;
+  border: 1px solid #fcc;
+  border-radius: 8px;
+  text-align: center;
+}
+.calculator__error h2 {
+  color: #c00;
+  margin: 0 0 1rem 0;
+}
+.calculator__error p {
+  color: #666;
+  margin: 0 0 1rem 0;
+}
+.calculator__errorButton {
+  padding: 0.75rem 1.5rem;
+  background: #007bff;
+  color: white;
+  border: none;
+  border-radius: 6px;
+  font-size: 1rem;
+  cursor: pointer;
+  transition: background 0.2s ease;
+}
+.calculator__errorButton:hover {
+  background: #0056b3;
+}
+.calculator__errorDetails {
+  margin-top: 1rem;
+  text-align: left;
+  background: #f5f5f5;
+  padding: 1rem;
+  border-radius: 4px;
+  font-size: 0.875rem;
+}
+.calculator__errorDetails pre {
+  margin: 0.5rem 0 0 0;
+  overflow-x: auto;
+}
+@media (max-width: 640px) {
+  .calculator {
+    padding: 1rem;
+  }
+  .calculator__title {
+    font-size: 1.5rem;
+  }
+  .calculator__section {
+    padding: 1rem;
+  }
+  .calculator__defectsToggle {
+    flex-direction: column;
+    gap: 0.75rem;
+  }
+}
+:global(.condition-tabs__list) {
+  display: flex;
+  gap: 0.5rem;
+  flex-wrap: wrap;
+  margin-bottom: 1rem;
+}
+:global(.condition-tabs__tab) {
+  flex: 1;
+  min-width: 120px;
+  padding: 1rem;
+  background: white;
+  border: 2px solid #ddd;
+  border-radius: 6px;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  font-size: 1rem;
+  text-align: center;
+}
+:global(.condition-tabs__tab:hover) {
+  border-color: #999;
+  background: #f5f5f5;
+}
+:global(.condition-tabs__tab--active) {
+  border-color: #007bff;
+  background: #e7f3ff;
+  font-weight: 600;
+}
+:global(.condition-tabs__tab-label) {
+  display: block;
+  font-weight: 600;
+  margin-bottom: 0.25rem;
+}
+:global(.condition-tabs__tab-multiplier) {
+  display: block;
+  font-size: 0.875rem;
+  color: #666;
+}
+:global(.condition-tabs__panel) {
+  padding: 1rem;
+  background: #f0f8ff;
+  border-radius: 4px;
+  border-left: 4px solid #007bff;
+}
+:global(.condition-tabs__description) {
+  margin: 0;
+  color: #555;
+  font-size: 0.9375rem;
+}
+:global(.defect-checkbox) {
+  position: relative;
+  margin-bottom: 0.75rem;
+}
+:global(.defect-checkbox__label) {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+  padding: 0.75rem;
+  background: white;
+  border: 1px solid #ddd;
+  border-radius: 4px;
+  cursor: pointer;
+  transition: all 0.2s ease;
+}
+:global(.defect-checkbox__label:hover) {
+  background: #f9f9f9;
+  border-color: #999;
+}
+:global(.defect-checkbox__input) {
+  width: 1.25rem;
+  height: 1.25rem;
+  cursor: pointer;
+}
+:global(.defect-checkbox__text) {
+  flex: 1;
+  font-size: 0.9375rem;
+}
+:global(.defect-checkbox__percent) {
+  color: #d9534f;
+  font-weight: 600;
+}
+:global(.defect-checkbox__info-icon) {
+  font-size: 1rem;
+  opacity: 0.6;
+}
+:global(.defect-checkbox__tooltip) {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  right: 0;
+  margin-top: 0.5rem;
+  padding: 0.75rem;
+  background: #333;
+  color: white;
+  border-radius: 4px;
+  font-size: 0.875rem;
+  z-index: 10;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
+}
+:global(.price-display) {
+  text-align: center;
+}
+:global(.price-display__main) {
+  padding: 2rem;
+  background:
+    linear-gradient(
+      135deg,
+      #667eea 0%,
+      #764ba2 100%);
+  color: white;
+  border-radius: 8px;
+  margin-bottom: 1rem;
+}
+:global(.price-display__label) {
+  display: block;
+  font-size: 1rem;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  margin-bottom: 0.5rem;
+  opacity: 0.9;
+}
+:global(.price-display__value) {
+  display: block;
+  font-size: 3rem;
+  font-weight: 700;
+}
+:global(.price-display__warning) {
+  padding: 0.75rem;
+  background: #fff3cd;
+  border: 1px solid #ffc107;
+  border-radius: 4px;
+  color: #856404;
+  font-size: 0.875rem;
+  margin-bottom: 1rem;
+}
+:global(.price-display__breakdown) {
+  background: #f9f9f9;
+  border: 1px solid #ddd;
+  border-radius: 4px;
+  padding: 1rem;
+  text-align: left;
+}
+:global(.price-display__breakdown h4) {
+  margin: 0 0 1rem 0;
+  font-size: 1rem;
+  color: #333;
+}
+:global(.price-display__breakdown-list) {
+  display: grid;
+  grid-template-columns: auto 1fr;
+  gap: 0.5rem 1rem;
+  font-size: 0.875rem;
+}
+:global(.price-display__breakdown-list dt) {
+  font-weight: 600;
+  color: #555;
+}
+:global(.price-display__breakdown-list dd) {
+  margin: 0;
+  color: #333;
+}
+:global(.price-display__breakdown-list ul) {
+  margin: 0;
+  padding-left: 1.25rem;
+}
+:global(.price-display__breakdown-list li) {
+  margin-bottom: 0.25rem;
+}
+@media (max-width: 640px) {
+  :global(.price-display__value) {
+    font-size: 2rem;
+  }
+  :global(.condition-tabs__list) {
+    flex-direction: column;
+  }
+  :global(.condition-tabs__tab) {
+    min-width: 0;
+  }
+}
+/*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/calculator/calculator.module.css"],"sourcesContent":["/**\n * Offer Calculator Styles (CSS Module)\n *\n * This stylesheet provides base styles for the calculator component.\n * All styles are scoped to the component via CSS Modules.\n *\n * Customization:\n * - Override these styles by providing a className prop\n * - Use CSS custom properties (variables) for theming\n * - Import and extend in your own stylesheets\n */\n\n/* ============================================================================\n   CALCULATOR CONTAINER\n   ========================================================================= */\n\n.calculator {\n  max-width: 800px;\n  margin: 0 auto;\n  padding: 2rem;\n  font-family: system-ui, -apple-system, sans-serif;\n}\n\n.calculator__header {\n  margin-bottom: 2rem;\n  text-align: center;\n}\n\n.calculator__title {\n  font-size: 1.75rem;\n  font-weight: 700;\n  margin: 0 0 0.5rem 0;\n  color: #1a1a1a;\n}\n\n.calculator__subtitle {\n  font-size: 1rem;\n  color: #666;\n  margin: 0;\n}\n\n.calculator__section {\n  margin-bottom: 2rem;\n  padding: 1.5rem;\n  background: #f9f9f9;\n  border-radius: 8px;\n  border: 1px solid #e0e0e0;\n}\n\n.calculator__sectionTitle {\n  font-size: 1.25rem;\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  color: #333;\n}\n\n.calculator__hint {\n  font-size: 0.875rem;\n  color: #666;\n  margin: 0 0 1rem 0;\n  font-style: italic;\n}\n\n/* ============================================================================\n   DEFECTS TOGGLE (Radio Buttons)\n   ========================================================================= */\n\n.calculator__defectsToggle {\n  display: flex;\n  gap: 1.5rem;\n}\n\n.calculator__radioLabel {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  font-size: 1rem;\n  cursor: pointer;\n  padding: 0.75rem 1.25rem;\n  border: 2px solid #ddd;\n  border-radius: 6px;\n  transition: all 0.2s ease;\n}\n\n.calculator__radioLabel:has(input:checked) {\n  border-color: #007bff;\n  background: #e7f3ff;\n}\n\n.calculator__radioLabel:hover {\n  border-color: #999;\n}\n\n.calculator__radioInput {\n  width: 1.25rem;\n  height: 1.25rem;\n  cursor: pointer;\n}\n\n/* ============================================================================\n   ERROR STATES\n   ========================================================================= */\n\n.calculator__error {\n  padding: 2rem;\n  background: #fee;\n  border: 1px solid #fcc;\n  border-radius: 8px;\n  text-align: center;\n}\n\n.calculator__error h2 {\n  color: #c00;\n  margin: 0 0 1rem 0;\n}\n\n.calculator__error p {\n  color: #666;\n  margin: 0 0 1rem 0;\n}\n\n.calculator__errorButton {\n  padding: 0.75rem 1.5rem;\n  background: #007bff;\n  color: white;\n  border: none;\n  border-radius: 6px;\n  font-size: 1rem;\n  cursor: pointer;\n  transition: background 0.2s ease;\n}\n\n.calculator__errorButton:hover {\n  background: #0056b3;\n}\n\n.calculator__errorDetails {\n  margin-top: 1rem;\n  text-align: left;\n  background: #f5f5f5;\n  padding: 1rem;\n  border-radius: 4px;\n  font-size: 0.875rem;\n}\n\n.calculator__errorDetails pre {\n  margin: 0.5rem 0 0 0;\n  overflow-x: auto;\n}\n\n/* ============================================================================\n   RESPONSIVE DESIGN\n   ========================================================================= */\n\n@media (max-width: 640px) {\n  .calculator {\n    padding: 1rem;\n  }\n\n  .calculator__title {\n    font-size: 1.5rem;\n  }\n\n  .calculator__section {\n    padding: 1rem;\n  }\n\n  .calculator__defectsToggle {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n}\n\n/* ============================================================================\n   GLOBAL COMPONENT STYLES (Non-scoped)\n   Note: These are fallback styles for sub-components\n   ========================================================================= */\n\n/* Condition Tabs */\n:global(.condition-tabs__list) {\n  display: flex;\n  gap: 0.5rem;\n  flex-wrap: wrap;\n  margin-bottom: 1rem;\n}\n\n:global(.condition-tabs__tab) {\n  flex: 1;\n  min-width: 120px;\n  padding: 1rem;\n  background: white;\n  border: 2px solid #ddd;\n  border-radius: 6px;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  font-size: 1rem;\n  text-align: center;\n}\n\n:global(.condition-tabs__tab:hover) {\n  border-color: #999;\n  background: #f5f5f5;\n}\n\n:global(.condition-tabs__tab--active) {\n  border-color: #007bff;\n  background: #e7f3ff;\n  font-weight: 600;\n}\n\n:global(.condition-tabs__tab-label) {\n  display: block;\n  font-weight: 600;\n  margin-bottom: 0.25rem;\n}\n\n:global(.condition-tabs__tab-multiplier) {\n  display: block;\n  font-size: 0.875rem;\n  color: #666;\n}\n\n:global(.condition-tabs__panel) {\n  padding: 1rem;\n  background: #f0f8ff;\n  border-radius: 4px;\n  border-left: 4px solid #007bff;\n}\n\n:global(.condition-tabs__description) {\n  margin: 0;\n  color: #555;\n  font-size: 0.9375rem;\n}\n\n/* Defect Checkboxes */\n:global(.defect-checkbox) {\n  position: relative;\n  margin-bottom: 0.75rem;\n}\n\n:global(.defect-checkbox__label) {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n  padding: 0.75rem;\n  background: white;\n  border: 1px solid #ddd;\n  border-radius: 4px;\n  cursor: pointer;\n  transition: all 0.2s ease;\n}\n\n:global(.defect-checkbox__label:hover) {\n  background: #f9f9f9;\n  border-color: #999;\n}\n\n:global(.defect-checkbox__input) {\n  width: 1.25rem;\n  height: 1.25rem;\n  cursor: pointer;\n}\n\n:global(.defect-checkbox__text) {\n  flex: 1;\n  font-size: 0.9375rem;\n}\n\n:global(.defect-checkbox__percent) {\n  color: #d9534f;\n  font-weight: 600;\n}\n\n:global(.defect-checkbox__info-icon) {\n  font-size: 1rem;\n  opacity: 0.6;\n}\n\n:global(.defect-checkbox__tooltip) {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  right: 0;\n  margin-top: 0.5rem;\n  padding: 0.75rem;\n  background: #333;\n  color: white;\n  border-radius: 4px;\n  font-size: 0.875rem;\n  z-index: 10;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);\n}\n\n/* Price Display */\n:global(.price-display) {\n  text-align: center;\n}\n\n:global(.price-display__main) {\n  padding: 2rem;\n  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n  color: white;\n  border-radius: 8px;\n  margin-bottom: 1rem;\n}\n\n:global(.price-display__label) {\n  display: block;\n  font-size: 1rem;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  margin-bottom: 0.5rem;\n  opacity: 0.9;\n}\n\n:global(.price-display__value) {\n  display: block;\n  font-size: 3rem;\n  font-weight: 700;\n}\n\n:global(.price-display__warning) {\n  padding: 0.75rem;\n  background: #fff3cd;\n  border: 1px solid #ffc107;\n  border-radius: 4px;\n  color: #856404;\n  font-size: 0.875rem;\n  margin-bottom: 1rem;\n}\n\n:global(.price-display__breakdown) {\n  background: #f9f9f9;\n  border: 1px solid #ddd;\n  border-radius: 4px;\n  padding: 1rem;\n  text-align: left;\n}\n\n:global(.price-display__breakdown h4) {\n  margin: 0 0 1rem 0;\n  font-size: 1rem;\n  color: #333;\n}\n\n:global(.price-display__breakdown-list) {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  gap: 0.5rem 1rem;\n  font-size: 0.875rem;\n}\n\n:global(.price-display__breakdown-list dt) {\n  font-weight: 600;\n  color: #555;\n}\n\n:global(.price-display__breakdown-list dd) {\n  margin: 0;\n  color: #333;\n}\n\n:global(.price-display__breakdown-list ul) {\n  margin: 0;\n  padding-left: 1.25rem;\n}\n\n:global(.price-display__breakdown-list li) {\n  margin-bottom: 0.25rem;\n}\n\n@media (max-width: 640px) {\n  :global(.price-display__value) {\n    font-size: 2rem;\n  }\n\n  :global(.condition-tabs__list) {\n    flex-direction: column;\n  }\n\n  :global(.condition-tabs__tab) {\n    min-width: 0;\n  }\n}\n"],"mappings":"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","names":[]}