.billing-page { min-width: 0; max-width: 1080px; margin-inline: auto; overflow-wrap: anywhere; }
.billing-form { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 24px; align-items: start; }
.billing-form > *, .billing-page .field, .billing-page input { min-width: 0; max-width: 100%; }
.billing-fields, .billing-summary, .billing-detail { padding: 24px; }
.billing-detail { margin-block: 20px; }
.billing-check { display: flex; align-items: start; gap: 12px; margin-block: 16px; line-height: 1.6; cursor: pointer; }
.billing-check input[type=checkbox] { appearance: auto; display: inline-block; position: static; flex: 0 0 20px; width: 20px; height: 20px; min-height: 20px; padding: 0; margin: 4px 0 0; opacity: 1; clip: auto; }
.billing-check span { flex: 1; min-width: 0; }
.billing-company { border: 1px solid var(--line, #ddd); padding: 16px; min-width: 0; }
.billing-company[hidden] { display: none; }
.billing-facts { display: grid; grid-template-columns: minmax(110px, 1fr) minmax(0, 1.5fr); gap: 12px 20px; }
.billing-facts dt { color: var(--muted, #555); }.billing-facts dd { margin: 0; overflow-wrap: anywhere; }
.billing-amount { font-size: 28px; font-weight: 650; }.billing-legal { font-size: 13px; line-height: 1.7; }
/* .billing-notice KALDIRILDI: TANIMSIZ bir `--line` değişkenine bakıyordu
   (hiçbir :root'ta yok), yani her zaman #ddd yedeğine düşüyor ve tema
   renklerinden kopuk duruyordu. Kullanım yeri .notice-warn'a taşındı. */
.billing-errors { margin-block: 16px; }
.billing-actions, .billing-pagination { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; margin-block: 20px; }
.billing-version { overflow-wrap: anywhere; font-size: 12px; }.billing-page .btn { white-space: normal; text-align: center; }
.billing-page .table-wrap { max-width: 100%; }.billing-page .table-cards td { overflow-wrap: anywhere; }
.billing-page .price-calculator { margin-top: 20px; }.billing-more { margin-block: 20px; }.billing-more summary { cursor: pointer; padding-block: 12px; }
.billing-page .billing-plan-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; padding: 20px; }
.billing-plan-grid .card { padding: 16px; min-width: 0; }.billing-calc-select { min-width: 140px; }
@media (max-width: 700px) {
  .billing-form { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .billing-fields, .billing-summary, .billing-detail { padding: 16px; }
  .billing-facts { grid-template-columns: minmax(0, 1fr); gap: 4px; }.billing-facts dd { margin-bottom: 12px; }
  .billing-page .billing-plan-grid { grid-template-columns: minmax(0, 1fr); padding: 12px; }
  .billing-page .calc-bar { flex-wrap: wrap; }.billing-page .calc-bar > * { min-width: 0; max-width: 100%; }
  .billing-page .wallet-balance { display: block; }.billing-page .wallet-balance .stat-cell { padding: 16px; }
}