/* Assinaturas Estel — Frontend */
.pae-period { opacity: .75; font-size: .9em; margin-left: .25em; }

/* Seletor de valor livre */
.pae-amount-picker { margin: 0 0 1.25em; }
.pae-amount-picker__label { margin-bottom: .5em; }
.pae-amount-picker__options { display: flex; flex-wrap: wrap; gap: .5em; margin-bottom: .75em; }
.pae-amount-option { cursor: pointer; padding: .6em 1.1em; border: 2px solid currentColor; border-radius: 6px; background: transparent; color: inherit; font: inherit; opacity: .7; transition: opacity .15s, background .15s; }
.pae-amount-option:hover { opacity: 1; }
.pae-amount-option.is-selected { opacity: 1; background: rgba(0, 158, 227, .1); border-color: #009ee3; color: #007eb5; }
.pae-amount-picker__custom { display: flex; align-items: center; gap: .5em; margin: 0; }
.pae-amount-picker__custom input { max-width: 10em; font-size: 1.1em; }
.pae-amount-picker__hint { font-size: .85em; opacity: .7; margin-top: .25em; }

/* Checkout */
.pae-sandbox-notice { background: #fcf0d4; color: #7a5300; padding: .5em .75em; border-radius: 4px; font-size: .9em; }
.pae-methods { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: .5em; margin-bottom: 1em; }
.pae-method { display: flex; align-items: center; gap: .5em; padding: .65em .8em; border: 1px solid rgba(0, 0, 0, .15); border-radius: 6px; cursor: pointer; background: #fff; }
.pae-method.is-active { border-color: #009ee3; box-shadow: 0 0 0 1px #009ee3; }
.pae-method input { margin: 0; }
.pae-panel { display: none; }
.pae-secure-field { display: block; height: 42px; padding: 0 .75em; border: 1px solid rgba(0, 0, 0, .2); border-radius: 4px; background: #fff; box-sizing: border-box; }
.pae-secure-field iframe { height: 100% !important; width: 100% !important; }
.pae-hint { font-size: .9em; opacity: .8; }

/* Instruções Pix / boleto */
.pae-instructions { border: 1px solid rgba(0, 0, 0, .1); border-radius: 8px; padding: 1.25em 1.5em; margin: 1.5em 0; background: #fafafa; }
.pae-instructions--paid { background: #d7f7dd; border-color: #a6e2b0; }
.pae-instructions h2 { margin-top: 0; }
.pae-pix-qr { display: block; margin: 1em auto; max-width: 220px; height: auto; background: #fff; padding: 8px; border-radius: 6px; }
.pae-pix-code { width: 100%; font-family: monospace; font-size: .85em; word-break: break-all; }

/* Conta / membros */
.pae-status { display: inline-block; padding: .15em .6em; border-radius: 1em; font-size: .85em; background: #eee; }
.pae-status--active { background: #d7f7dd; color: #0a5c1c; }
.pae-status--pending { background: #fcf0d4; color: #7a5300; }
.pae-status--paused { background: #e5eefa; color: #1e4b8a; }
.pae-status--overdue { background: #fbe3e4; color: #8a1f22; }
.pae-account-table .pae-actions { white-space: nowrap; }
.pae-account-table .pae-actions .button { margin: 2px; }
.pae-restricted { border: 1px dashed rgba(0, 0, 0, .25); border-radius: 8px; padding: 1.5em; text-align: center; }
.pae-badge { display: inline-block; padding: .2em .7em; border-radius: 1em; font-size: .85em; }
.pae-badge--on { background: #d7f7dd; color: #0a5c1c; }
.pae-badge--off { background: #eee; color: #555; }