/* CrewMargin checkout styles (shipped ONLY in --checkout=sandbox|live builds as css/checkout.css). */

/* Paddle.js positions its overlay with style="" attributes, which this site's CSP blocks (no 'unsafe-inline').
   These class rules give the overlay frame and loader the same layout Paddle.js would have set inline. */
iframe.paddle-frame-overlay { z-index: 999999; display: block; background-color: transparent; border: 0 none transparent; overflow-x: hidden; overflow-y: auto; visibility: visible; margin: 0; padding: 0; position: fixed; left: 0; top: 0; width: 100%; height: 100%; color-scheme: light; }
.paddle-loader { z-index: 99998; display: block; position: fixed; inset: 0; margin: 0; padding: 0; background: rgba(0, 0, 0, .38); }

/* Landing: Monthly / Yearly buttons and the post-checkout key panel */
.price__buy { display: grid; gap: 12px; margin-top: 24px; }
.price__buy .btn { cursor: pointer; font-family: inherit; }
.buy-msg { min-height: 1.5em; margin-top: 8px; font-size: 14px; color: #5F6B66; }
.buy-test { display: inline-block; margin-top: 12px; padding: 2px 10px; border-radius: 999px; background: #F2B705; color: #1E2421; font-size: 13px; font-weight: 600; }
.buy-done { margin-top: 24px; padding: 20px; border: 1px solid #1F5135; border-radius: 12px; background: #fff; text-align: left; }
.buy-done h3 { font-size: 20px; }
.buy-done p { margin-top: 8px; }
.buy-done textarea, .licence textarea { width: 100%; margin-top: 8px; font: 13px/1.4 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; color: #1E2421; background: #F7F5F0; border: 1px solid #c9cfcb; border-radius: 8px; padding: 8px 10px; word-break: break-all; resize: vertical; }
.buy-txn { font-size: 14px; color: #5F6B66; }
.buy-after { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; font-size: 14px; }
.buy-after[hidden], .buy-after .btn[hidden] { display: none; }

/* /app: licence box */
.licence h3 { margin: 0 0 6px; }
.licence form { margin-top: 8px; }
.licence .row { display: flex; gap: 8px; margin-top: 8px; flex-wrap: wrap; }
.licence input[type=text], .licence input[type=email] { font: inherit; color: #1E2421; background: #fff; border: 1px solid #8a948f; border-radius: 8px; padding: 8px 10px; min-width: 0; flex: 1 1 200px; }
.licence details { margin-top: 12px; }
.licence summary { cursor: pointer; color: #1F5135; font-weight: 600; }
.licence .lic-bad { font-weight: 600; color: #1E2421; }