.order-cost-action { display: flex; align-items: flex-start; flex-direction: column; gap: 4px; margin-top: 6px; white-space: normal; }
.order-cost-action button { min-height: 32px; font-size: 12px; padding: 5px 8px; }
.order-cost-action small { overflow-wrap: anywhere; }
.order-cost-action small[data-status="failed"] { color: #a13720; }
.order-cost-action small[data-status="succeeded"] { color: #21643b; }
.order-cost-pricing-dialog { width: min(640px, calc(100vw - 24px)); }
.order-cost-pricing-dialog form { display: flex; flex-direction: column; flex: 1; min-height: 0; overflow: hidden; }
.order-cost-inputs { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.order-cost-inputs label { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.order-cost-inputs input { width: 100%; min-height: 44px; box-sizing: border-box; }
.order-cost-preview { padding: 16px; margin: 16px 0; background: #f2f6f4; border: 1px solid #d5e2dc; border-radius: 8px; }
.order-cost-preview p { margin: 0; }
.order-cost-price-change { display: flex; flex-wrap: wrap; gap: 10px; font-size: 19px; align-items: baseline; }
.order-cost-price-change strong { color: #245b46; }
.order-cost-price-details, .order-cost-scope, .order-cost-preview .purchase-review-hint { display: block; margin-top: 10px; line-height: 1.6; overflow-wrap: anywhere; }
.order-cost-shared { display: flex; gap: 8px; align-items: flex-start; line-height: 1.6; margin: 12px 0; }
.order-cost-shared[hidden] { display: none; }
.order-cost-shared input { flex: none; margin-top: 5px; }
.order-cost-error { color: #a13720; overflow-wrap: anywhere; }
.order-cost-result { margin-top: 14px; overflow-wrap: anywhere; }
.order-cost-history { margin-top: 16px; font-size: 13px; }
.order-cost-history p { padding: 10px 0; border-bottom: 1px solid #ddd; line-height: 1.6; }
.order-cost-pricing-dialog button { min-height: 44px; }
@media (max-width: 540px) {
  .order-cost-action button { min-height: 44px; }
  .order-cost-inputs { grid-template-columns: 1fr; }
  .order-cost-pricing-dialog .purchase-review-footer { flex-wrap: wrap; }
  .order-cost-pricing-dialog .purchase-review-actions { width: 100%; }
  .order-cost-pricing-dialog .purchase-review-actions button { flex: 1; }
}