/* Minimal paywall styles - uses the app's CSS variables if present. */
.paywall{border:1px solid var(--border,#d0d7de);border-radius:12px;padding:16px;margin:16px 0;background:var(--card,#fff)}
.paywall .pw-title{margin:0 0 8px;font-size:1.15rem}
.paywall .pw-price{font-size:1.6rem;font-weight:700;margin:4px 0}
.paywall .pw-sub,.paywall .pw-info{color:var(--muted,#57606a);margin:0 0 12px}
.paywall .pw-buy{display:block;width:100%;box-sizing:border-box;text-align:center;padding:14px;border-radius:10px;border:0;
  background:var(--accent,#0b6e4f);color:#fff;font-weight:700;font-size:1rem;text-decoration:none;cursor:pointer;min-height:48px}
.paywall .pw-buy[disabled]{background:var(--muted,#8c959f);cursor:not-allowed}
.paywall .pw-form{margin-top:16px;display:grid;grid-template-columns:1fr auto;gap:8px}
.paywall .pw-form label{grid-column:1/-1;font-size:.9rem}
.paywall .pw-form input{padding:12px;border:1px solid var(--border,#d0d7de);border-radius:8px;font:inherit;min-height:44px}
.paywall .pw-form button{padding:0 16px;border-radius:8px;border:1px solid var(--accent,#0b6e4f);background:transparent;color:var(--accent,#0b6e4f);font-weight:600;min-height:44px}
.paywall .pw-msg{grid-column:1/-1;margin:0;min-height:1.2em;font-size:.9rem}
.paywall .pw-ok{color:var(--ok,#1a7f37);font-weight:600}
.paywall .pw-warn{color:var(--err,#cf222e)}
.paywall .pw-link,.paywall .pw-terms{background:none;border:0;padding:0;color:var(--muted,#57606a);text-decoration:underline;cursor:pointer;font-size:.85rem;display:inline-block;margin-top:12px}

.paywall .pw-code{font:600 1.15rem/1.4 ui-monospace,Consolas,monospace;letter-spacing:.04em;background:#eef6f2;border:1px dashed #0b6e4f;border-radius:8px;padding:8px 10px;margin:6px 0;word-break:break-all;user-select:all}
.paywall .pw-code + .pw-link{margin-right:12px}