.hf-lifecycle {
  direction: rtl;
  color: var(--hf-color-text);
}

.hf-lifecycle .hf-text-muted,
.hf-lifecycle small { color: var(--hf-color-text-muted); }
.hf-lifecycle .hf-field > small { line-height: 1.7; }
.hf-lifecycle .hf-select,
.hf-lifecycle .hf-textarea,

.hf-lifecycle-hero { margin-block-end: var(--hf-space-6); }
.hf-lifecycle-toolbar { display: flex; align-items: end; justify-content: space-between; gap: var(--hf-space-4); margin-block-end: var(--hf-space-5); }
.hf-lifecycle-search { inline-size: min(100%, 25rem); }
.hf-toggle-row { min-block-size: var(--hf-control-height); display: inline-flex; align-items: center; gap: var(--hf-space-2); color: var(--hf-color-text-muted); cursor: pointer; }
.hf-toggle-row input { inline-size: 1.1rem; block-size: 1.1rem; accent-color: var(--hf-color-primary); }

.hf-upgrade-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--hf-space-5); }
.hf-upgrade-card { display: flex; flex-direction: column; min-block-size: 100%; }
.hf-upgrade-card__body { display: grid; gap: var(--hf-space-4); }
.hf-upgrade-card__form { display: grid; gap: var(--hf-space-4); margin-block-start: auto; }
.hf-upgrade-card.is-current { border-color: color-mix(in srgb, var(--hf-color-primary) 35%, var(--hf-color-border)); background: color-mix(in srgb, var(--hf-color-primary) 4%, var(--hf-color-surface)); }
.hf-upgrade-options { display: grid; gap: var(--hf-space-4); }
.hf-upgrade-option { display: grid; gap: var(--hf-space-3); }
.hf-lifecycle-price { font-size: 1.15rem; font-weight: 500; color: var(--hf-color-primary); }
.hf-lifecycle-summary-layout { display: grid; grid-template-columns: minmax(0, 1fr) 22rem; gap: var(--hf-space-6); align-items: start; }
.hf-upgrade-summary, .hf-upgrade-summary-list { display: grid; gap: var(--hf-space-3); }
.hf-upgrade-summary-row { display: flex; justify-content: space-between; gap: var(--hf-space-4); padding-block: var(--hf-space-3); border-block-end: 1px solid var(--hf-color-border); }
.hf-lifecycle-current { display: grid; gap: var(--hf-space-2); }
.hf-feature-list { margin: 0; padding-inline-start: 1.25rem; display: grid; gap: var(--hf-space-2); }

.hf-danger-zone { border-color: color-mix(in srgb, var(--hf-color-danger) 35%, var(--hf-color-border)); background: color-mix(in srgb, var(--hf-color-danger) 3%, var(--hf-color-surface)); }
.hf-danger-zone__head { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--hf-space-4); margin-block-end: var(--hf-space-5); }
.hf-danger-zone__head h2 { margin-block: 0 var(--hf-space-2); }
.hf-cancel-type-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--hf-space-3); }
.hf-choice-card--danger:has(input:checked) { border-color: var(--hf-color-danger); background: color-mix(in srgb, var(--hf-color-danger) 5%, var(--hf-color-surface)); }
.hf-check { display: flex; align-items: flex-start; gap: var(--hf-space-2); cursor: pointer; }
.hf-check input { margin-block-start: .25rem; accent-color: var(--hf-color-primary); }

.hf-renewal-list { display: grid; gap: var(--hf-space-4); }
.hf-renewal-card { display: grid; gap: var(--hf-space-5); }
.hf-renewal-card__head { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--hf-space-4); }
.hf-renewal-card__head h2 { margin: 0 0 var(--hf-space-1); overflow-wrap: anywhere; }
.hf-renewal-card__status { flex: 0 0 auto; }
.hf-renewal-card__actions { display: flex; align-items: end; justify-content: space-between; gap: var(--hf-space-4); padding-block-start: var(--hf-space-4); border-block-start: 1px solid var(--hf-color-border); }
.hf-renewal-period { inline-size: min(100%, 25rem); }
.hf-renewal-card__meta { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--hf-space-3); }
.hf-renewal-card__meta > div { display: grid; gap: var(--hf-space-1); padding: var(--hf-space-3); border-radius: var(--hf-radius-md); background: var(--hf-color-surface-muted); }
.hf-renewal-card__meta span { font-size: .8rem; color: var(--hf-color-text-muted); }
.hf-renewal-addons { display: grid; gap: var(--hf-space-3); padding-block-start: var(--hf-space-4); border-block-start: 1px dashed var(--hf-color-border); }
.hf-renewal-addons > h3 { margin: 0; }
.hf-renewal-addons .hf-renewal-card { box-shadow: none; background: var(--hf-color-surface-muted); }
.hf-renewal-card.is-filtered { display: none; }
.hf-renewal-card.is-added { border-color: color-mix(in srgb, var(--hf-color-success) 35%, var(--hf-color-border)); }

.hf-addon-catalog { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; }
.hf-addon-order-card { min-block-size: 0; padding: .875rem; }
.hf-addon-order-card form { block-size: 100%; display: flex; flex-direction: column; gap: .75rem; }
.hf-addon-order-card__head { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: .625rem; }
.hf-addon-order-card__head h2 { margin: 0; }
.hf-addon-order-card__price { display: grid; justify-items: end; gap: var(--hf-space-1); flex: 0 0 auto; }
.hf-addon-order-card__price strong { color: var(--hf-color-primary); }
.hf-addon-order-card__description { display: -webkit-box; overflow: hidden; color: var(--hf-color-text-muted); font-size: .82rem; line-height: 1.6; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.hf-addon-order-card__actions { margin-block-start: auto; display: flex; justify-content: stretch; }
.hf-addon-order-card__actions .hf-btn { inline-size: 100%; }

.hf-ssl-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--hf-space-5); }
.hf-ssl-card { display: grid; align-content: start; gap: var(--hf-space-5); }
.hf-ssl-card__head { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--hf-space-4); }
.hf-ssl-card__head h2 { margin: 0 0 var(--hf-space-1); }
.hf-ssl-card__head p { margin: 0; color: var(--hf-color-text-muted); overflow-wrap: anywhere; }
.hf-ssl-card__actions { display: flex; flex-wrap: wrap; gap: var(--hf-space-2); }
.hf-definition-list { display: grid; gap: var(--hf-space-3); margin: 0; }
.hf-definition-list > div { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--hf-space-4); }
.hf-definition-list dt, .hf-definition-list dd { margin: 0; }
.hf-definition-list dt { color: var(--hf-color-text-muted); }
.hf-definition-list dd { text-align: left; overflow-wrap: anywhere; }

.hf-ssl-wizard { display: grid; gap: var(--hf-space-5); }
.hf-ssl-progress { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--hf-space-3); max-inline-size: 28rem; }
.hf-ssl-progress span { min-block-size: 2.5rem; display: grid; place-items: center; border: 1px solid var(--hf-color-border); border-radius: var(--hf-radius-md); background: var(--hf-color-surface); color: var(--hf-color-text-muted); font-weight: 500; }
.hf-ssl-progress span.is-active { border-color: var(--hf-color-primary); color: var(--hf-color-primary); background: color-mix(in srgb, var(--hf-color-primary) 6%, var(--hf-color-surface)); }
.hf-ssl-progress span.is-done { border-color: color-mix(in srgb, var(--hf-color-success) 35%, var(--hf-color-border)); color: var(--hf-color-success); }
.hf-form-section { display: grid; gap: var(--hf-space-5); }
.hf-form-section__head h2 { margin: 0 0 var(--hf-space-1); }
.hf-form-section__head p { margin: 0; color: var(--hf-color-text-muted); }
.hf-form-grid__wide { grid-column: 1 / -1; }
.hf-code-input { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; direction: ltr; text-align: left; }
.hf-fieldset { display: grid; gap: var(--hf-space-3); padding: var(--hf-space-4); border: 1px solid var(--hf-color-border); border-radius: var(--hf-radius-md); }
.hf-fieldset legend { padding-inline: var(--hf-space-2); font-weight: 500; }
.hf-native-field { display: grid; grid-template-columns: minmax(8rem, 13rem) minmax(0, 1fr); gap: var(--hf-space-4); align-items: start; }
.hf-native-field > label { font-weight: 500; }
.hf-native-field input, .hf-native-field select, .hf-native-field textarea { inline-size: 100%; }

.hf-validation-methods { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--hf-space-3); }
.hf-validation-panel { display: grid; gap: var(--hf-space-4); }
.hf-validation-panel h2 { margin: 0; }
.hf-radio-list { display: grid; gap: var(--hf-space-2); }
.hf-radio-list label { min-block-size: var(--hf-control-height); display: flex; align-items: center; gap: var(--hf-space-3); padding-inline: var(--hf-space-4); border: 1px solid var(--hf-color-border); border-radius: var(--hf-radius-md); cursor: pointer; }
.hf-radio-list input { accent-color: var(--hf-color-primary); }
.hf-ssl-instruction { display: grid; gap: var(--hf-space-4); }
.hf-ssl-instruction h2, .hf-ssl-instruction p { margin: 0; }
.hf-sensitive-value { display: flex; align-items: center; flex-wrap: wrap; gap: var(--hf-space-2); }
.hf-sensitive-value code { direction: ltr; unicode-bidi: isolate; overflow-wrap: anywhere; }
.hf-form-actions { display: flex; justify-content: flex-end; gap: var(--hf-space-3); }

@media (max-width: 1000px) {
  .hf-upgrade-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hf-lifecycle-summary-layout { grid-template-columns: minmax(0, 1fr) 18rem; }
  .hf-validation-methods { grid-template-columns: 1fr; }
}

@media (max-width: 800px) {
  .hf-upgrade-grid,
  .hf-lifecycle-summary-layout,
  .hf-addon-catalog,
  .hf-ssl-grid,
  .hf-cancel-type-grid,
  .hf-renewal-card__meta { grid-template-columns: 1fr; }
  .hf-lifecycle-toolbar,
  .hf-renewal-card__head,
  .hf-renewal-card__actions,
  .hf-addon-order-card__head,
  .hf-ssl-card__head,
  .hf-definition-list > div { align-items: stretch; flex-direction: column; }
  .hf-lifecycle-search, .hf-renewal-period { inline-size: 100%; }
  .hf-addon-order-card__price { justify-items: start; }
  .hf-addon-order-card__actions .hf-btn,
  .hf-renewal-card__actions .hf-btn,
  .hf-form-actions .hf-btn { inline-size: 100%; }
  .hf-native-field { grid-template-columns: 1fr; }
  .hf-form-grid__wide { grid-column: auto; }
  .hf-form-actions { flex-direction: column; }
}

@media (max-width: 520px) {
  .hf-lifecycle .hf-card { padding: var(--hf-space-4); }
  .hf-ssl-progress { inline-size: 100%; max-inline-size: none; }
  .hf-renewal-card__actions, .hf-ssl-card__actions { gap: var(--hf-space-3); }
}