.billing-period-selector { padding: 16px; border: 1px solid #b6b8ae; border-radius: 10px; background: #efeee9; margin-bottom: 20px; }
.billing-period-selector > label { display: block; font-weight: 700; }
.billing-period-selector > select { width: 100%; min-width: 0; height: auto; min-height: 44px; }
.custom-duration { margin-top: 14px; }
.custom-duration__fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.custom-duration__fields > div { min-width: 0; }
.custom-duration__fields label { display: block; font-weight: 600; margin-bottom: 5px; }
.custom-duration__fields input { width: 100%; min-width: 0; min-height: 44px; }
.custom-duration__presets { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.custom-duration__presets .btn { min-height: 36px; white-space: normal; }
.custom-duration__help { font-size: 12px; color: #54584f; margin: 10px 0 0; }
.custom-duration__error { color: #962c29; font-size: 13px; margin: 10px 0 0; }
.custom-duration-totals { margin: 14px 0 0; display: grid; gap: 8px; font-size: 13px; }
.custom-duration-totals > div { display: flex; justify-content: space-between; gap: 12px; }
.custom-duration-totals dt { font-weight: 400; }
.custom-duration-totals dd { margin: 0; font-weight: 700; text-align: right; overflow-wrap: anywhere; }
.custom-duration-totals__ready { color: #365f42; }