.commerce{--co-accent:#d3a24b;--co-border:rgba(160,146,122,.24);--co-surface:var(--surface-color,rgba(128,128,128,.045));margin-top:32px;color:inherit}.commerce *{box-sizing:border-box}.commerce-header{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:20px}.commerce h3{margin:0 0 8px}.commerce p{line-height:1.6}.commerce-tag{padding:7px 12px;border-radius:999px;border:1px solid var(--co-border);font-size:12px;color:var(--co-accent)}.commerce-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.commerce-plan{padding:24px;border:1px solid var(--co-border);border-radius:22px;background:var(--co-surface);display:flex;flex-direction:column;gap:12px}.commerce-plan.selected{border-color:var(--co-accent);box-shadow:0 0 0 1px var(--co-accent)}.commerce-plan h4{font-size:17px;margin:0}.commerce-price{font-size:30px;font-weight:750;letter-spacing:-1px}.commerce-price small{font-size:12px;font-weight:400;letter-spacing:0}.commerce-plan ul{padding-left:18px;line-height:1.9;flex:1;font-size:14px}.commerce button{font:inherit;cursor:pointer}.commerce button:disabled{opacity:.5;cursor:not-allowed}.commerce-button{border:1px solid var(--co-border);border-radius:12px;padding:12px 16px;color:inherit;background:transparent}.commerce-button.primary{background:var(--co-accent);border-color:var(--co-accent);color:#231b0f;font-weight:700}.commerce-button:focus-visible,.commerce input:focus-visible,.commerce select:focus-visible{outline:3px solid var(--co-accent);outline-offset:3px}.commerce-note{padding:14px 18px;border:1px solid var(--co-border);border-radius:14px;font-size:13px}.commerce-overlay{position:fixed;inset:0;background:rgba(0,0,0,.62);backdrop-filter:blur(10px);z-index:4500;display:flex;align-items:center;justify-content:center;padding:24px}.commerce-dialog{width:min(740px,100%);max-height:calc(100dvh - 48px);overflow:auto;background:#f9f8f5;color:#2d302f;border:1px solid rgba(160,146,122,.3);border-radius:26px;padding:28px;box-shadow:0 32px 100px rgba(0,0,0,.35)}html[data-theme=dark] .commerce-dialog,body.dark .commerce-dialog,body[data-theme=dark] .commerce-dialog{background:#202224;color:#ececea}.commerce-dialog-head{display:flex;gap:20px;justify-content:space-between;align-items:flex-start}.commerce-dialog h3{font-size:23px;margin:0 0 6px}.commerce-close{flex-shrink:0;border:1px solid var(--co-border);border-radius:12px;width:40px;height:40px;background:transparent;color:inherit;font-size:24px}.commerce-step{font-size:12px;color:#987433;letter-spacing:.06em}.commerce-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}.commerce-field{display:block;font-size:13px}.commerce-field input,.commerce-field select{width:100%;padding:12px;border:1px solid var(--co-border);border-radius:11px;background:transparent;color:inherit;margin-top:7px;font:inherit}.commerce-wide{grid-column:1/-1}.commerce-summary{padding:18px;background:rgba(160,146,122,.08);border:1px solid var(--co-border);border-radius:16px}.commerce-summary div{display:flex;justify-content:space-between;gap:16px;margin:8px 0}.commerce-check{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.55;margin:16px 0}.commerce-check input{margin-top:4px;accent-color:var(--co-accent);flex-shrink:0}.commerce-actions{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.commerce-doc-button{padding:0;border:0;background:transparent;color:#b1863c;text-decoration:underline;font:inherit;cursor:pointer}.commerce-document{white-space:pre-wrap;line-height:1.75;font-size:14px;overflow-wrap:anywhere}.commerce-registration{margin:18px 0;padding:16px;border:1px solid rgba(160,146,122,.3);border-radius:16px;font-size:13px;line-height:1.55}.commerce-registration label{display:flex;align-items:flex-start;gap:10px;margin:12px 0}.commerce-registration input{margin-top:4px;accent-color:#d3a24b}.commerce-registration p{margin:8px 0}.commerce-error{color:#bd624d;font-size:13px;line-height:1.6}.commerce-empty{text-align:center;padding:24px;font-size:14px;opacity:.8}.commerce-orders{margin-top:24px;border-top:1px solid var(--co-border);padding-top:24px}@media(max-width:760px){.commerce-plans{grid-template-columns:1fr}.commerce-header{align-items:flex-start}.commerce-overlay{padding:10px}.commerce-dialog{padding:20px;border-radius:20px;max-height:calc(100dvh - 20px)}.commerce-grid{grid-template-columns:1fr}.commerce-wide{grid-column:auto}.commerce-actions{flex-wrap:wrap}.commerce-actions .primary{flex:1}.commerce-plan{padding:20px}}

.commerce-document-link-note{font-size:12px;line-height:1.6;opacity:.8;margin:16px 0 0}.commerce-doc-button:focus-visible{outline:2px solid #d3a24b;outline-offset:3px;border-radius:3px}

/* Subscription overview and full-page checkout. Shared with both application themes. */
.commerce.co-page{margin-top:0}.commerce a.commerce-button{display:inline-flex;justify-content:center;align-items:center;text-decoration:none;line-height:1.4}.co-page h2{font-size:clamp(25px,3vw,38px);letter-spacing:-.035em;margin:0 0 12px}.co-page-header{margin:24px 0 30px}.co-page-header p{opacity:.75;max-width:680px}.co-back-link{display:inline-block;text-decoration:none;color:inherit;font-size:14px;margin-bottom:16px}.co-sandbox-label{display:block;padding:10px 16px;border-radius:12px;background:rgba(211,162,75,.09);color:var(--co-accent);font-size:12px;border:1px solid var(--co-border)}.co-panel{padding:28px;border:1px solid var(--co-border);border-radius:24px;background:var(--co-surface);min-width:0}.co-overview{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.co-current-plan{background:radial-gradient(ellipse at top right,rgba(211,162,75,.12),transparent 70%),var(--co-surface)}.co-current-plan h3{font-size:38px;letter-spacing:-.04em;margin:20px 0 12px}.co-current-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.co-kicker{font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--co-accent)}.co-muted{font-size:13px;opacity:.73;line-height:1.65}.co-facts{margin:20px 0}.co-facts div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--co-border);font-size:14px}.co-facts dt{opacity:.7}.co-facts dd{margin:0;font-weight:600;text-align:right}.co-plans-section{margin:36px 0}.co-plans-section .commerce-header p{margin:0}.co-bottom{grid-template-columns:1fr 1fr;margin-top:28px}.co-periods{margin-top:20px}.co-periods p{font-size:14px}.co-test-tools{border:1px solid var(--co-border);border-radius:16px;padding:16px;margin-top:24px;font-size:13px}.co-test-tools summary{cursor:pointer;font-weight:600;padding:2px}.co-test-tools[open] summary{margin-bottom:16px}.co-history-wrap{overflow-x:auto}.co-history{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}.co-history th,.co-history td{padding:12px 14px;border-bottom:1px solid var(--co-border);font-size:13px}.co-history th{opacity:.7}.co-checkout-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(270px,1fr);align-items:start;gap:24px}.co-checkout-summary{position:sticky;top:24px}.co-checkout-summary h3{font-size:27px;margin:12px 0 22px}.co-checkout-summary ul{padding-left:18px;font-size:14px;line-height:2;margin:24px 0}.co-checkout-summary .commerce-price{font-size:34px}.co-quote{border-top:1px solid var(--co-border);padding-top:20px;font-size:14px}.co-document-checks{margin:24px 0}.co-pay{width:100%;min-height:52px}.co-payment{max-width:760px;margin:24px auto;text-align:center;padding:46px 32px}.co-payment-symbol{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:rgba(211,162,75,.12);color:var(--co-accent);font-size:28px;margin:0 auto 24px}.co-payment h2{font-size:30px;letter-spacing:-.025em;margin:16px 0}.co-payment-message{max-width:580px;margin:0 auto}.co-payment-period{margin-top:22px;font-size:15px}.co-payment .commerce-actions{justify-content:center;flex-wrap:wrap}.co-refresh{margin-top:24px}.commerce [hidden]{display:none!important}
@media(max-width:800px){.co-overview,.co-bottom,.co-checkout-layout{grid-template-columns:1fr}.co-panel{padding:22px;border-radius:20px}.co-checkout-summary{position:static;grid-row:1}.co-checkout-summary ul{display:none}.co-checkout-summary .co-facts{margin:12px 0}.co-page-header{margin:16px 0 24px}.co-current-plan h3{font-size:32px}.co-payment{padding:30px 20px}.co-current-plan .commerce-actions{flex-direction:column}.co-facts div{font-size:13px}.co-sandbox-label{line-height:1.6}.co-payment h2{font-size:25px}}
.commerce.co-page .co-current-plan h3{font-size:38px!important;line-height:1.15}.commerce-price small{display:inline-block;margin-left:6px}@media(max-width:800px){.commerce.co-page .co-current-plan h3{font-size:32px!important}}
.commerce.co-page{--co-muted:#aeb4bf}.commerce.co-page .co-muted{opacity:1;color:var(--co-muted)}html[data-theme=light] .commerce.co-page{--co-accent:#896420;--co-muted:#59636f}.commerce.co-page .co-page-header p{opacity:1;color:var(--co-muted)}.commerce.co-page .commerce-button.primary{background:#d3a24b;border-color:#d3a24b;color:#231b0f}

.co-period-picker{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.co-period-picker button[aria-pressed=true]{background:var(--accent,#e8b35d);color:#241b0e;border-color:var(--accent,#e8b35d)}.co-package-note{font-size:13px;line-height:1.6;margin:8px 0;color:var(--text-muted,#999)}.co-package-saving{font-size:12px;line-height:1.5;color:var(--accent,#d8a759);margin:0 0 16px;min-height:18px}@media(max-width:600px){.co-period-picker{display:grid;grid-template-columns:repeat(3,1fr)}.co-period-picker button{padding:10px 8px;min-width:0;font-size:12px}}

.co-open-orders{margin-bottom:22px}.co-open-order{display:flex;gap:18px;justify-content:space-between;align-items:center;padding:18px 0;border-top:1px solid var(--glass-line,#8884)}.co-open-order p{font-size:12px;color:var(--glass-muted,#aaa);margin:8px 0 0}@media(max-width:650px){.co-open-order{align-items:stretch;flex-direction:column}.co-open-order .commerce-button{width:100%}}

/* Payment actions share one compact size; individual margins must not stretch siblings. */
.co-payment .commerce-actions{align-items:center}
.co-payment .commerce-actions .commerce-button{display:inline-flex;align-items:center;justify-content:center;flex:0 1 auto;min-height:44px;padding:10px 16px;font-size:14px;line-height:1.4;margin:0}

/* Native select menus need their own theme, including the expanded options. */
.commerce-field select{color-scheme:light}
.commerce-field select option{background:#fff;color:#202224}
html[data-theme=dark] .commerce-field select,body.dark .commerce-field select,body[data-theme=dark] .commerce-field select{color-scheme:dark}
html[data-theme=dark] .commerce-field select option,body.dark .commerce-field select option,body[data-theme=dark] .commerce-field select option{background:#26272d;color:#eceef3}

.commerce-document-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;margin-bottom:24px}.co-legal-section{border-top:1px solid var(--co-border);margin-top:24px;padding-top:16px}.co-legal-section p{line-height:1.6}
.commerce.co-page .co-payment-footnote{margin:12px 0 0;font-size:12px;line-height:1.6;color:var(--co-muted,#aeb4bf)}

.commerce .co-invoice-footnote{font-size:11px;line-height:1.6}