.axiowl-credit-summary { box-sizing: border-box; min-width: 0; margin: 0 0 2rem; padding: clamp(20px, 3vw, 32px); border: 1px solid var(--ax-primary, #526bdb); border-radius: 12px; color: var(--ax-ink, #17213b); background: var(--ax-surface, #fff); }
.axiowl-credit-summary__header { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; flex-wrap: wrap; }
.axiowl-credit-summary__header h3 { margin: 0 0 .5rem; color: inherit; }
.axiowl-credit-summary__header p { margin: 0; }
.axiowl-credit-summary__refresh { flex-shrink: 0; padding: .6rem .9rem; border: 1px solid currentColor; border-radius: 6px; background: transparent; color: inherit; font: inherit; font-size: .875rem; cursor: pointer; }
.axiowl-credit-summary__refresh:disabled { opacity: .6; cursor: wait; }
.axiowl-credit-summary__balance { display: flex; flex-direction: column; gap: .25rem; margin: 1.5rem 0; }
.axiowl-credit-summary__balance strong { font-size: clamp(2rem, 5vw, 3rem); font-weight: 700; line-height: 1.2; overflow-wrap: anywhere; }
.axiowl-credit-summary__balance progress { width: 100%; max-width: 440px; height: 12px; margin-top: .75rem; accent-color: var(--ax-primary, #526bdb); }
.axiowl-credit-summary__breakdown:not([hidden]) { display: flex; flex-wrap: wrap; gap: 1rem 3rem; margin: 0 0 1rem; }
.axiowl-credit-summary__breakdown dt { font-size: .875rem; }
.axiowl-credit-summary__breakdown dd { margin: .25rem 0 0; font-weight: 600; }
.axiowl-credit-summary__status, .axiowl-credit-summary__expiry { margin: .5rem 0; font-size: .875rem; }
.axiowl-credit-summary__actions { display: flex; align-items: center; flex-wrap: wrap; gap: 1rem; margin: 1.5rem 0 0; }
.axiowl-credit-summary__actions a { overflow-wrap: anywhere; }
.axiowl-credit-summary__actions .wp-element-button { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; padding: .8rem 1.1rem; border: 1px solid var(--ax-primary, #526bdb); border-radius: 6px; background: var(--ax-primary, #526bdb); color: var(--ax-white, #fff); font: inherit; line-height: 1.4; text-align: center; text-decoration: none; }
.axiowl-credit-summary__actions .axiowl-credit-summary__subscribe { background: transparent; color: inherit; border-color: currentColor; }
.axiowl-credit-summary a:focus-visible, .axiowl-credit-summary button:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
.axiowl-credit-summary__terms { margin: 1rem 0 0; font-size: .875rem; line-height: 1.6; }