.c-import-card__title, .c-quotes-card__title, .c-sim-card__title,
.c-calc-card__title, .c-chart-card__title, .c-historial-card__title {
  margin: 0;
  color: var(--text);
  font-size: 20px;
  line-height: 1.3;
  font-weight: 700;
}
.c-import-card__title { margin-bottom: 20px; }
.c-import-right[hidden], .c-imp-quick[hidden], .c-results[hidden], [hidden] { display: none !important; }
.c-import-actions { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr); gap: 10px; margin-top: 18px; }
.c-import-actions .c-imp-calc-button { min-height: 54px; }
.c-import-status { margin: 12px 0 0; }
.c-form-section > legend { float: none; width: 100%; padding: 0; }
.c-form-section__subhead { margin: 12px 0; }
.c-product-fields > label, .c-product-fields > .c-quote-photo-field { min-width: 0; color: var(--text); font-size: 14px; font-weight: 600; }
.c-product-fields .c-imp-gfield-wrap { min-width: 0; }
.c-box-fields { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-bottom: 16px; }
.c-box-fields .c-imp-gfield-wrap { min-width: 0; }
.c-imp-measure__head { margin-top: 12px; }
.c-empresas-section { margin: 0; }
.c-empresas-section > .c-field-label { margin: 0 0 10px; }
.c-empresas-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.c-empresa-btn { display: grid; align-content: start; gap: 3px; min-height: 100px; text-align: left; }
.c-empresa-btn__rule { line-height: 1.4; }
.c-empresa-btn[aria-checked="true"] { outline: 2px solid var(--accent); outline-offset: 1px; }
.c-shipping-section { padding-bottom: 18px; }
.c-shipping-section > .c-form-section__title { margin: 0 0 12px; }
.c-fee-item__input { font-size: 16px; }
.c-fee-item__label { display: block; }
.c-import-right { align-self: start; }
.c-import-right .c-sim-card { position: static; }
.c-quote-edit__company-row > .c-field-label, #import-quote-edit-custom-wrap > .c-field-label { margin: 0; }
.c-quote-detail__cost { color: var(--success); }
.c-imp-footer-cards--purchase { margin-top: var(--space-3); }
.c-imp-footer-cards--unit { margin-top: var(--space-2); }
.c-imp-footer-card__val--accent { color: var(--accent); }
.c-comparison-dialog { width: min(1120px, calc(100vw - 32px)); max-width: none; max-height: min(86vh, 900px); overflow: auto; padding: 24px; color: var(--text); background: var(--surface-raised); border: 1px solid var(--line); border-radius: var(--radius-dialog); box-shadow: var(--shadow-lg); }
.c-comparison-dialog::backdrop { background: rgb(16 16 16 / .58); }
.c-comparison-dialog__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.c-comparison-dialog__head h2 { margin: 0; font-size: 22px; }
.c-comparison-dialog__head p, .c-comparison-dialog__note { color: var(--text-secondary); font-size: 14px; }
.c-comparison-table-wrap { max-width: 100%; overflow-x: auto; }
.c-comparison-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.c-comparison-table th, .c-comparison-table td { padding: 12px 10px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: middle; }
.c-comparison-table th { color: var(--text-secondary); font-size: 12px; }
.c-comparison-use { white-space: nowrap; }
.c-comparison-selected, .c-comparison-lowest { display: block; width: fit-content; margin: 3px 0; padding: 3px 7px; border-radius: var(--radius-pill); font-size: 12px; font-weight: 600; }
.c-comparison-selected { color: var(--text); background: var(--selected-bg); }
.c-comparison-lowest { color: var(--success); background: var(--success-bg); }
.c-sim-tabs, .c-sim-toggle-group { flex-wrap: wrap; }
.c-sim-tab.is-active, .c-sim-tab[aria-pressed="true"] { color: var(--text); background: var(--selected-bg); border-color: var(--accent); }
.c-sim-result-row__val.is-profit { color: var(--success); }
.c-sim-result-row__val.is-loss { color: var(--danger); }
.c-sim-result-row__val.is-warning { color: var(--warning); }
.c-sim-mode-help { margin: 0; color: var(--text-secondary); font-size: 14px; }
.c-form-section { min-width: 0; margin: 0; padding: 20px 0; border: 0; border-top: 1px solid var(--line); }
.c-form-section:first-of-type { padding-top: 0; border-top: 0; }
.c-form-section__head { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 16px; }
.c-form-section__number { display: grid; flex: 0 0 30px; place-items: center; width: 30px; height: 30px; color: var(--accent-text); background: var(--accent); border-radius: 50%; font-size: 14px; font-weight: 700; }
.c-form-section__title { margin: 0; font-size: 18px; line-height: 1.35; font-weight: 700; }
.c-form-section__help { margin: 3px 0 0; color: var(--text-secondary); font-size: 14px; }
.c-product-fields, .c-imp-gfields-grid, .c-imp-dims, .c-fees-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.c-product-fields__wide, .c-imp-gfield-wrap--price { grid-column: 1 / -1; }
.c-imp-gfield-wrap { min-width: 0; }
.c-imp-measure__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
.c-imp-measure__head .c-field-label { margin: 0; }
.c-imp-measure-toggle, .c-imp-currency, .c-imp-cbm__scope, .c-import-mode-toggle,
.c-sim-toggle-group, .c-calc-tabs { display: flex; flex-wrap: wrap; gap: 6px; }
.c-imp-measure-btn, .c-imp-currency__btn, .c-imp-cbm__scope-btn,
.c-import-mode-btn, .c-sim-tab, .c-calc-tab, .c-range-btn {
  min-height: 44px;
  padding: 8px 12px;
  color: var(--text-secondary);
  background: var(--surface);
  border: 1px solid var(--control-border);
  border-radius: var(--radius-sm);
  font-size: 14px;
  font-weight: 600;
}
.c-imp-measure-btn.is-active, .c-imp-currency__btn.is-active,
.c-imp-cbm__scope-btn.is-active, .c-import-mode-btn.is-active,
.c-sim-tab.is-active, .c-sim-tab[aria-pressed="true"], .c-calc-tab.tab-active,
.c-range-btn.is-active, .c-range-btn[aria-pressed="true"] {
  color: var(--text);
  background: var(--selected-bg);
  border-color: var(--accent);
}
.c-imp-dims { grid-template-columns: minmax(0, 1fr) 24px minmax(0, 1fr) 24px minmax(0, 1fr); align-items: center; gap: 6px; }
.c-imp-dims-x { color: var(--text-secondary); text-align: center; }
.c-imp-cbm__row { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 8px 12px; }
.c-imp-cbm__scope { grid-column: 1 / -1; }
.c-imp-price-row { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 8px; }
.c-imp-price-equiv { min-height: 20px; margin: 4px 0 0; }
.c-empresas-section { margin: 0 0 20px; }
.c-empresas-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.c-empresa-btn { min-width: 0; min-height: 84px; padding: 12px; color: var(--text); background: var(--surface); border: 1px solid var(--control-border); border-radius: var(--radius-sm); text-align: left; }
.c-empresa-btn:hover { background: var(--surface-raised); }
.c-empresa-btn.is-active, .c-empresa-btn[aria-checked="true"] { background: var(--selected-bg); border: 2px solid var(--accent); }
.c-empresa-btn__name { display: block; color: var(--text); font-size: 14px; font-weight: 700; }
.c-empresa-btn__price { display: block; margin-top: 4px; color: var(--text-secondary); font-size: 14px; font-weight: 600; }
.c-empresa-btn__rule { display: block; margin-top: 3px; color: var(--text-secondary); font-size: 13px; }
.c-empresa-btn--custom { cursor: pointer; }
.c-empresas-compare { margin-top: 12px; color: var(--text-secondary); font-size: 14px; }
.c-empresas-compare summary { width: fit-content; cursor: pointer; color: var(--link); }
.c-empresas-compare__list { padding-left: 22px; }
.c-fees-section { margin: 12px 0; }
.c-fees-grid { grid-template-columns: repeat(2, minmax(0, 180px)); }
.c-fee-item__input { text-align: end; }
.c-import-status { margin: 14px 0; }
.c-import-status:empty { display: none; }
.c-import-status__list { margin: 6px 0 0; padding-left: 20px; }
.c-import-advanced { margin: 18px 0; padding: 14px; border: 1px solid var(--line); border-radius: var(--radius-sm); }
.c-import-advanced > summary { color: var(--link); cursor: pointer; font-weight: 600; }
.c-import-advanced__body { display: grid; gap: 12px; padding-top: 14px; }
.c-imp-calc-button { width: 100%; min-height: 50px; padding: 12px 18px; border-radius: var(--radius-sm); font-size: 16px; font-weight: 700; }
.c-imp-error-summary { margin: 12px 0; padding: 12px 14px; color: var(--danger); background: var(--danger-bg); border: 1px solid var(--danger); border-radius: var(--radius-sm); }
.c-imp-error-summary:empty { display: none; }
.c-imp-results { margin-top: 16px; padding: 20px; background: var(--surface-raised); border: 1px solid var(--line); border-radius: var(--radius-card); opacity: 1 !important; }
.c-imp-results[hidden] { display: none !important; }
.c-imp-total-line__label, .c-imp-line__label { color: var(--text-secondary); font-size: 14px; }
.c-imp-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; padding: 16px 0; border-bottom: 1px solid var(--line); }
.c-imp-kv { display: grid; gap: 3px; }
.c-imp-kv__label { color: var(--text-secondary); font-size: 13px; }
.c-imp-kv__val { color: var(--text); font-weight: 600; }
.c-imp-breakdown { display: grid; gap: 8px; margin-top: 16px; }
.c-imp-line, .c-imp-subtotal-line, .c-imp-total-line, .c-quote-line { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; }
.c-imp-line__val, .c-imp-subtotal-val { color: var(--text); font-weight: 600; font-variant-numeric: tabular-nums; text-align: right; }
.c-imp-line__val--danger, .c-imp-line__val--warning, .c-imp-line__val--info { color: var(--text); }
.c-imp-separator { height: 1px; background: var(--line); }
.c-imp-line--sub { padding-left: 16px; }
.c-imp-line--sub .c-imp-line__label { font-size: 13px; }
.c-imp-subtotal-line { padding-top: 8px; border-top: 1px solid var(--line); font-weight: 700; }
.c-imp-total-line { padding-top: 12px; border-top: 1px solid var(--line); font-size: 18px; font-weight: 700; }
.c-imp-total-val { font-variant-numeric: tabular-nums; }
.c-imp-footer-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 16px; }
.c-imp-footer-card { padding: 12px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-sm); }
.c-imp-footer-card__label { margin: 0; color: var(--text-secondary); font-size: 13px; }
.c-imp-footer-card__val { margin: 2px 0; font-size: 20px; font-weight: 700; font-variant-numeric: tabular-nums; }
.c-imp-footer-card__cross { margin: 0; color: var(--text-secondary); font-size: 13px; }
.c-imp-note { display: flex; gap: 8px; margin-top: 12px; padding: 10px; color: var(--warning); background: var(--warning-bg); border-radius: var(--radius-sm); font-size: 13px; }
.c-imp-result-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }

.c-sim-card { display: grid; gap: 16px; }
.c-sim-progress { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.c-sim-progress li { padding: 6px 9px; color: var(--text-secondary); background: var(--surface-raised); border-radius: var(--radius-pill); font-size: 12px; }
.c-sim-progress li.is-active { color: var(--text); background: var(--selected-bg); }
.c-sim-rate-status { margin: 0; }
.c-sim-rates { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.c-sim-rate { display: grid; gap: 2px; padding: 9px; background: var(--surface-raised); border: 1px solid var(--line); border-radius: var(--radius-sm); }
.c-sim-rate__lab, .c-sim-rate__unit { color: var(--text-secondary); font-size: 12px; }
.c-sim-rate__val { font-size: 15px; font-weight: 700; font-variant-numeric: tabular-nums; }
.c-sim-step { display: grid; gap: 10px; margin: 0; padding: 16px 0 0; border: 0; border-top: 1px solid var(--line); }
.c-sim-step__title { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 16px; font-weight: 700; }
.c-sim-step__title > span { display: grid; place-items: center; width: 24px; height: 24px; background: var(--selected-bg); border-radius: 50%; font-size: 13px; }
.c-sim-group-label { margin: 0; }
.c-sim-base { display: flex; justify-content: space-between; gap: 12px; padding: 12px; background: var(--surface-raised); border-radius: var(--radius-sm); }
.c-sim-base__left, .c-sim-base__right { display: grid; gap: 2px; }
.c-sim-base__type, .c-sim-base__cross { color: var(--text-secondary); font-size: 13px; }
.c-sim-base__right { text-align: right; }
.c-sim-base__usd { font-weight: 700; font-variant-numeric: tabular-nums; }
.c-sim-input-wrap, .c-sim-manual-wrap { display: flex; align-items: center; gap: 8px; }
.c-sim-input-icon, .c-sim-manual-prefix { color: var(--text-secondary); }
.c-sim-quick { display: grid; gap: 8px; }
.c-sim-quick__label { color: var(--text-secondary); font-size: 13px; font-weight: 600; }
.c-sim-quick__chips { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.c-sim-chip { display: grid; gap: 0; min-height: 54px; padding: 6px; }
.c-sim-chip__main { font-weight: 700; }
.c-sim-chip__sub { color: var(--text-secondary); font-size: 12px; }
.c-sim-results { display: grid; gap: 9px; }
.c-sim-price { display: grid; gap: 2px; padding: 16px; background: var(--selected-bg); border-radius: var(--radius-sm); }
.c-sim-price__label { color: var(--text-secondary); font-size: 14px; }
.c-sim-price__usd { font-size: 30px; line-height: 1.2; font-weight: 700; font-variant-numeric: tabular-nums; }
.c-sim-price__cross, .c-sim-result-row__cross { color: var(--text-secondary); font-size: 13px; }
.c-sim-result-row { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 8px 0; border-bottom: 1px solid var(--line); }
.c-sim-result-row__label { color: var(--text-secondary); }
.c-sim-result-row__right { display: grid; justify-items: end; }
.c-sim-result-row__val { color: var(--text); font-weight: 700; font-variant-numeric: tabular-nums; }
.c-sim-result-row--total { font-weight: 700; }
.c-sim-result-row--total .c-sim-result-row__val { font-size: 18px; }

/* The estimate stays useful before any valid calculation exists. */
.c-breakdown-card { --text: #F5F7F8; --text-secondary: #B1BCC3; --surface: #191D20; --surface-raised: #22282C; --bg: #22282C; --line: #343F46; --control-border: #80939D; --link: #01D5F0; --focus: #01D5F0; --selected-bg: #173B41; --success: #4DDD9D; --warning: #FFD27F; --warning-bg: #342817; color: var(--text); background: #101010; border: 1px solid #343F46; border-radius: var(--radius-card); padding: 28px; box-shadow: var(--shadow-md); color-scheme: dark; }
.c-breakdown-card h2 { max-width: 18ch; margin: 0 0 16px; font-size: clamp(23px, 2.4vw, 30px); line-height: 1.25; letter-spacing: -.035em; }
.c-breakdown-card .c-imp-results { margin: 0; padding: 0; border: 0; background: transparent; }
.c-breakdown-card .c-imp-result-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.c-breakdown-card .c-imp-result-actions #btn-estimate-sale { grid-column: 1 / -1; min-height: 50px; }
.c-breakdown-card .c-imp-result-actions .c-button { font-size: 12px; }
.c-breakdown-card .c-imp-result-actions .c-button--primary { font-size: 14px; }
.c-breakdown-card .c-imp-summary { grid-template-columns: 1fr 1fr; }
.c-breakdown-card .c-imp-kv:last-child { grid-column: 1 / -1; }
.c-breakdown-card .c-imp-line { align-items: start; gap: 8px; font-size: 13px; }
.c-breakdown-card .c-imp-line--sub { padding-left: 0; }
.c-recent-card { min-width: 0; padding: 24px; color: var(--text); background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-card); box-shadow: var(--shadow-md); }
.c-recent-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 18px; }
.c-recent-head h2 { margin: 0; font-size: 17px; letter-spacing: -.025em; }
.c-recent-all { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; font-size: 12px; font-weight: 600; text-decoration: none; }
.c-recent-guest p { margin: 0 0 16px; color: var(--text-secondary); font-size: 13px; }
.c-recent-guest .c-button { width: 100%; font-size: 12px; }
.c-recent-item { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 76px; width: 100%; padding: 12px 0; color: var(--text); background: transparent; border: 0; border-top: 1px solid var(--line); text-align: left; }
.c-recent-item:first-child { border-top: 0; }
.c-recent-item > span:first-child { min-width: 0; }
.c-recent-item strong { display: block; font-size: 13px; overflow-wrap: anywhere; }
.c-recent-item small { display: block; color: var(--text-secondary); font-size: 11px; line-height: 1.5; margin-top: 5px; }
.c-recent-item__amount { display: flex; flex-shrink: 0; gap: 10px; align-items: center; font-size: 13px; font-weight: 700; font-variant-numeric: tabular-nums; }
.c-recent-item:hover { color: var(--link); }
.c-form-section { padding-block: 28px; }
.c-form-section__title { display: flex; align-items: center; gap: 12px; margin-bottom: 22px; font-size: 17px; }
.c-form-section > legend { margin-bottom: 18px; }
.c-step-number { display: inline-grid; place-items: center; width: 34px; height: 34px; flex: 0 0 34px; color: var(--link); background: var(--selected-bg); border: 1px solid var(--line); border-radius: 10px; font-size: 12px; font-weight: 750; }
.c-import-mode-toggle { margin-bottom: 26px; padding: 5px; background: var(--bg); border: 1px solid var(--line); border-radius: 14px; }
.c-import-mode-btn { flex: 1; border-color: transparent; background: transparent; }
.c-import-mode-btn.is-active { background: var(--surface); border-color: var(--line); box-shadow: var(--shadow-sm); }
.c-imp-price-equiv:empty { min-height: 0; margin: 0; }
.c-box-fields { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.c-empresa-btn { position: relative; min-height: 112px; padding: 16px; border-color: var(--control-border); }
.c-empresa-btn.is-active, .c-empresa-btn[aria-checked="true"] { border-width: 1px; outline: 2px solid var(--focus); outline-offset: 1px; }
.c-empresa-btn[aria-checked="true"]::after { position: absolute; right: 10px; top: 8px; content: '✓'; color: var(--link); font-size: 13px; font-weight: 700; }
.c-import-advanced { padding: 0; background: var(--bg); }
.c-import-advanced > summary { min-height: 48px; padding: 13px 16px; font-size: 13px; }
.c-import-advanced__body { padding: 16px; }
.c-import-advanced__body { border-top: 1px solid var(--line); }
.c-shipping-section { padding-bottom: 20px; }
#shipping-reference-note { margin-top: 14px; font-size: 12px; }
#commission-save-status, #import-current-rate-note { font-size: 12px; margin-top: 10px; line-height: 1.6; }
.c-sim-tabs { display: flex; gap: 6px; }
.c-sim-tabs .c-sim-tab { flex: 1; font-size: 12px; padding-inline: 8px; }
.c-sim-rates { gap: 6px; }
.c-sim-rate { background: var(--bg); border-left: 3px solid var(--info); }
.c-sim-rate--buy { border-left-color: var(--success); }
.c-sim-rate--yuan { border-left-color: var(--warning); }
.c-sim-price { border: 1px solid var(--line); padding: 20px; }
.c-sim-price__usd { font-size: 36px; letter-spacing: -.035em; }
.c-sim-card--wide { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 20px 28px; padding: 28px; }
.c-sim-card--wide > .c-sim-card__title { grid-column: 1; }
.c-sim-card--wide > .c-sim-progress { grid-column: 2; grid-row: 1; justify-content: flex-end; align-items: center; }
.c-sim-card--wide > .c-sim-source-banner { grid-column: 1 / -1; }
.c-sim-card--wide > .c-sim-rates { grid-column: 1 / -1; }
.c-sim-card--wide > .c-sim-rate-status { grid-column: 1 / -1; font-size: 12px; }
.c-sim-card--wide > [aria-labelledby="sim-step-source-title"] { grid-column: 1 / -1; padding: 16px 20px; background: var(--bg); border: 1px solid var(--line); border-radius: 14px; }
.c-sim-card--wide > [aria-labelledby="sim-step-sale-title"] { grid-column: 1; align-self: start; padding: 20px; background: var(--bg); border: 1px solid var(--line); border-radius: 16px; }
.c-sim-card--wide > [aria-labelledby="sim-step-result-title"] { grid-column: 2; align-self: start; padding: 20px; border: 1px solid var(--line); border-radius: 16px; }
.c-sim-card--wide .c-sim-toggle-group { gap: 6px; }
.c-sim-card--wide .c-sim-rate { padding: 14px; }
.c-sim-card--wide .c-sim-step__title { margin-bottom: 6px; }
@media (max-width: 767px) {
  .c-sim-card--wide { grid-template-columns: minmax(0, 1fr); padding: 20px 16px; gap: 16px; }
  .c-sim-card--wide > .c-sim-card__title, .c-sim-card--wide > .c-sim-progress,
  .c-sim-card--wide > [aria-labelledby="sim-step-sale-title"], .c-sim-card--wide > [aria-labelledby="sim-step-result-title"] { grid-column: 1; grid-row: auto; }
  .c-sim-card--wide > .c-sim-progress { justify-content: flex-start; }
  .c-sim-card--wide .c-sim-rate { padding: 10px; }
  .c-sim-card--wide > [aria-labelledby="sim-step-sale-title"], .c-sim-card--wide > [aria-labelledby="sim-step-result-title"] { padding: 16px; }
}

@media (max-width: 1099px) and (min-width: 768px) { .c-box-fields { grid-template-columns: 1fr 1fr; } .c-imp-price-row { grid-template-columns: 1fr; } .c-breakdown-card, .c-recent-card { padding: 20px; } }
@media (max-width: 767px) { .c-breakdown-card { padding: 24px; } .c-recent-card { padding: 20px; } .c-box-fields { grid-template-columns: 1fr 1fr; } .c-box-fields > :last-child { grid-column: 1 / -1; } .c-form-section { padding-block: 24px; } }
.c-product-extras { margin: 0; }
.c-shared-product-options { display: grid; gap: 12px; min-width: 0; margin-block: 16px; }
#imp-quick-example code { white-space: normal; overflow-wrap: anywhere; user-select: all; }
.c-money-stack { display: inline-grid; justify-items: end; gap: 3px; min-width: 0; max-width: 100%; text-align: right; }
.c-money-cny { color: var(--text-secondary); font-size: 12px; font-weight: 500; line-height: 1.4; overflow-wrap: anywhere; }
.c-imp-line > .c-money-stack { max-width: 55%; }
.c-cost-breakdown .c-money-stack .c-imp-line__val { max-width: 100%; }
.c-optional-label { float: right; color: var(--text-secondary); font-size: 11px; font-weight: 500; }
.c-mobile-estimate { display: none; }
.c-view-heading h1:focus { outline: none; }
@media (max-width: 767px) {
  .c-mobile-estimate { display: flex; position: fixed; z-index: 75; bottom: max(12px, env(safe-area-inset-bottom)); left: 12px; right: 12px; align-items: center; justify-content: space-between; gap: 12px; min-height: 60px; padding: 10px 16px; color: #101010; background: #01D5F0; border: 1px solid #101010; border-radius: 16px; box-shadow: var(--shadow-lg); font-size: 12px; font-weight: 600; }
  .c-mobile-estimate strong { display: block; font-size: 18px; font-variant-numeric: tabular-nums; line-height: 1.3; }
  body:has(.c-mobile-estimate:not([hidden])) .c-footer { padding-bottom: 100px; }
  body:has(.c-mobile-estimate:not([hidden])) .dz-toasts { bottom: 88px; }
}

@media (max-width: 767px) {
  .c-product-fields, .c-imp-gfields-grid, .c-fees-grid { grid-template-columns: minmax(0, 1fr); }
  .c-product-fields__wide, .c-imp-gfield-wrap--price { grid-column: auto; }
  .c-imp-results { padding: 16px; }
  .c-imp-summary { gap: 8px; }
  .c-sim-rates { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .c-import-actions { grid-template-columns: minmax(0, 1fr); }
  .c-box-fields { grid-template-columns: minmax(0, 1fr); }
  .c-import-right .c-sim-card { position: static; max-height: none; overflow: visible; }
}

@media (max-width: 380px) {
  .c-imp-dims { grid-template-columns: minmax(0, 1fr) 16px minmax(0, 1fr) 16px minmax(0, 1fr); gap: 3px; }
  .c-imp-dims .c-imp-gfield { padding-inline: 6px; }
  .c-sim-rates { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 600px) {
  .c-comparison-dialog { width: calc(100vw - 16px); max-height: 92vh; padding: 16px; }
  .c-comparison-dialog__head { align-items: flex-start; }
  .c-comparison-table-wrap { overflow: visible; }
  .c-comparison-table, .c-comparison-table tbody { display: block; min-width: 0; }
  .c-comparison-table thead { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; clip-path: inset(50%); }
  .c-comparison-table tbody tr:not(:has([colspan])) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 12px; margin-block: 8px; padding: 8px 10px; border: 1px solid var(--line); border-radius: var(--radius-card); background: var(--surface); }
  .c-comparison-table td { display: flex; min-width: 0; flex-direction: column; gap: 3px; padding: 8px 0; border: 0; overflow-wrap: anywhere; }
  .c-comparison-table td::before { color: var(--text-secondary); content: attr(data-label); font-size: 11px; font-weight: 600; }
  .c-comparison-table td:first-child, .c-comparison-table td:last-child, .c-comparison-table td[colspan] { grid-column: 1 / -1; }
  .c-comparison-table td:last-child { border-top: 1px solid var(--line); }
  .c-comparison-table td[colspan]::before { content: none; }
  .c-comparison-use { white-space: normal; }
}

#imp-quick-error:empty, .c-imp-price-equiv:empty { display: none; }
@media (max-width: 767px) {
  .c-form-section { padding-block: 16px; }
  .c-form-section__title { margin-bottom: 12px; font-size: 16px; }
  .c-box-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .c-box-fields > :last-child { grid-column: 1 / -1; }
  .c-breakdown-card { padding: 20px; }
  .c-breakdown-card h2 { font-size: 22px; margin-bottom: 12px; }
}

/* Costs stay visible next to the form, with quantities and scope first. */
.c-breakdown-card { min-width: 0; }
.c-import-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0 0 16px; }
.c-import-facts > div { min-width: 0; padding: 14px 12px; background: var(--surface-raised); border: 1px solid var(--line); border-radius: var(--radius-sm); }
.c-import-facts dt { color: var(--text-secondary); font-size: 12px; font-weight: 600; }
.c-import-facts dd { margin: 5px 0; color: var(--accent); font-size: clamp(22px, 2.2vw, 30px); font-weight: 750; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.c-import-facts span { display: block; color: var(--text-secondary); font-size: 11px; overflow-wrap: anywhere; }
.c-cost-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-bottom: 16px; }
.c-cost-tile { display: flex; flex-direction: column; min-width: 0; padding: 16px 12px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-sm); }
.c-cost-tile--final { border-color: var(--accent); background: var(--selected-bg); }
.c-cost-tile--box { border-color: var(--control-border); }
.c-cost-label { font-size: 12px; font-weight: 600; }
.c-cost-value { margin: 8px 0 2px; font-size: clamp(23px, 2.2vw, 32px); letter-spacing: -.04em; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.c-cost-tile--final .c-cost-value { color: var(--accent); font-size: clamp(28px, 2.6vw, 38px); }
.c-cost-currency { margin-bottom: 10px; color: var(--text-secondary); font-size: 10px; font-weight: 600; }
.c-cost-cross { margin-top: 3px; color: var(--text-secondary); font-size: 12px; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.c-cost-breakdown { min-width: 0; margin-top: 16px; padding-top: 4px; border-top: 1px solid var(--line); }
.c-cost-breakdown .c-imp-breakdown { padding-block: 12px; }
.c-cost-breakdown .c-imp-line__val { max-width: 55%; overflow-wrap: anywhere; }
.c-breakdown-card .c-imp-summary { padding-block: 12px; }
.c-breakdown-card .c-imp-kv:last-child { grid-column: auto; }
@media (max-width: 359px) {
  .c-cost-tile { padding: 12px 9px; }
  .c-cost-label, .c-cost-cross { font-size: 11px; }
  .c-cost-value { font-size: 23px; }
  .c-cost-tile--final .c-cost-value { font-size: 27px; }
}

.c-sim-currency-note { grid-column: 1 / -1; margin: 0; padding: 14px; color: var(--text); background: var(--selected-bg); border: 1px solid var(--line); border-radius: var(--radius-sm); font-size: 13px; }
.c-sim-currency-note strong { display: block; margin-bottom: 4px; }

.c-sim-result-row--grand-total { align-items: center; padding: 12px; background: var(--selected-bg); border: 0; border-radius: var(--radius-sm); }
.c-sim-result-row--grand-total .c-sim-result-row__val { font-size: 18px; }