.commerce-nav{max-width:1320px;margin:auto;padding:24px 32px;display:flex;justify-content:space-between;gap:24px;align-items:center;border-bottom:1px solid rgb(var(--border))}.commerce-brand{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:.12em}.commerce-brand span{font-size:10px;color:rgb(var(--fg-muted));font-weight:400}.commerce-nav nav,.toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.commerce-nav nav{font-size:13px}.commerce-shell{max-width:1240px;margin:auto;padding:54px 32px}.commerce-hero{padding:40px 0 52px;position:relative;background:radial-gradient(ellipse at 75% 20%,rgb(var(--brand-400)/.09),transparent 65%);border-radius:36px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.18em;color:rgb(var(--brand-400))}.commerce-hero h1{font-size:clamp(40px,6vw,80px);line-height:1.08;letter-spacing:-.065em;margin:18px 0 24px;max-width:850px}.commerce-hero h1 span{color:rgb(var(--brand-400))}.commerce-hero>p:not(.eyebrow){max-width:620px;color:rgb(var(--fg-muted));font-size:17px}.hero-facts{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px;font-size:11px}.hero-facts span{padding:7px 12px;border:1px solid rgb(var(--border));border-radius:30px}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:12px 0 40px}.plan-card{border:1px solid rgb(var(--border));border-radius:26px;background:rgb(var(--bg-elevated));padding:30px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .3s var(--ease),border-color .3s}.plan-card:hover{transform:translateY(-6px);border-color:rgb(var(--brand-400)/.7)}.plan-card h2{font-size:28px;letter-spacing:-.04em;margin:8px 0}.plan-card>p:not(.eyebrow):not(.price){font-size:13px;color:rgb(var(--fg-muted))}.plan-card .price{font-size:30px;font-weight:700;white-space:nowrap;margin:16px 0}.price small{font-size:12px;font-weight:400;color:rgb(var(--fg-muted))}.plan-card ul{padding-left:20px;line-height:1.6;font-size:13px;flex:1;margin-bottom:28px}.plan-card li{margin:12px 0;padding-left:5px}.plan-card li::marker{color:rgb(var(--brand-400))}.plan-card.pro{background:linear-gradient(145deg,rgb(var(--brand-500)/.14),rgb(var(--bg-elevated)) 65%);border-color:rgb(var(--brand-500)/.5)}.commerce-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;padding:12px 18px;border:1px solid rgb(var(--brand-400)/.35);background:rgb(var(--brand-400));color:rgb(var(--bg));font-size:13px;font-weight:600;transition:transform .18s,filter .18s}.commerce-button:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.08)}.commerce-button.secondary{background:rgb(var(--bg-subtle)/.6);color:rgb(var(--fg));border-color:rgb(var(--border))}.commerce-button.danger{color:rgb(var(--danger));background:rgb(var(--danger)/.08);border-color:rgb(var(--danger)/.3)}.commerce-button:disabled{cursor:default}.commerce-panel{border:1px solid rgb(var(--border));background:rgb(var(--bg-elevated)/.7);border-radius:24px;padding:28px;margin:24px 0}.commerce-panel h2{font-size:22px;letter-spacing:-.025em;margin:0 0 16px}.commerce-panel p{color:rgb(var(--fg-muted))}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:20px}.section-heading h2{margin-bottom:0}.order-card{padding:22px;background:rgb(var(--bg)/.7);border:1px solid rgb(var(--border));border-radius:18px;margin:14px 0;overflow:hidden}.order-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.order-top h3{margin:0;font-size:18px}.order-code{font-size:10px;color:rgb(var(--fg-muted));font-family:Lux Mono,monospace;overflow-wrap:anywhere;margin:8px 0}.status-chip{border:1px solid rgb(var(--border));font-size:11px;padding:5px 10px;border-radius:30px;white-space:nowrap}.status-chip.approved{color:rgb(var(--success));border-color:rgb(var(--success)/.3)}.status-chip.pending{color:rgb(var(--brand-400))}.status-chip.rejected{color:rgb(var(--danger))}.checkout-block{padding:18px;border:1px solid rgb(var(--brand-500)/.3);background:rgb(var(--brand-500)/.06);border-radius:14px;margin-top:20px}.pix-key{font-family:Lux Mono,monospace;font-size:12px;overflow-wrap:anywhere;padding:12px;border-radius:10px;background:rgb(var(--bg));user-select:all}.receipt-image{display:block;max-width:100%;max-height:540px;object-fit:contain;border-radius:10px;margin:16px auto}.receipt-preview{border:1px solid rgb(var(--border));padding:16px;border-radius:14px;margin-top:18px}.commerce-panel label,.order-card label{display:block;font-size:12px;color:rgb(var(--fg-muted));margin:14px 0}.commerce-panel input:not([type=checkbox]),.commerce-panel select,.commerce-panel textarea{display:block;width:100%;margin-top:7px;background:rgb(var(--bg));color:rgb(var(--fg));border:1px solid rgb(var(--border));border-radius:11px;padding:12px}.commerce-panel input[type=checkbox]{accent-color:rgb(var(--brand-400));margin-right:10px}.toolbar label{margin:0}.toolbar select{min-width:200px}.commerce-panel form{max-width:620px}.commerce-panel textarea{resize:vertical}.notice{padding:14px 18px;border-radius:14px;border:1px solid rgb(var(--brand-400)/.3);background:rgb(var(--brand-500)/.08);margin:12px 0}.notice.error{border-color:rgb(var(--danger)/.4);color:rgb(var(--danger))}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.stat-card{border:1px solid rgb(var(--border));border-radius:18px;background:rgb(var(--bg-elevated));padding:22px}.stat-card strong{display:block;font-size:32px;margin-top:8px}.stat-card span{font-size:12px;color:rgb(var(--fg-muted))}.faq details{border-top:1px solid rgb(var(--border));padding:18px 0}.faq summary{cursor:pointer;font-weight:600}.faq p{font-size:13px;max-width:850px}.commerce-footer{max-width:1240px;margin:auto;padding:24px 32px 40px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:rgb(var(--fg-muted))}.owner-hero{padding-bottom:24px}.owner-hero h1{font-size:56px}.sync-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.audit-entry{padding:14px 0;border-top:1px solid rgb(var(--border));font-size:12px}.commerce-shell>[hidden],[hidden]{display:none!important}.plan-card,.commerce-panel,.stat-card{animation:commerce-arrive .55s var(--ease) both}.plan-card:nth-child(2){animation-delay:.08s}.plan-card:nth-child(3){animation-delay:.16s}@keyframes commerce-arrive{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media(max-width:850px){.plan-grid{grid-template-columns:1fr}.plan-card{padding:24px}.commerce-hero{padding-top:20px}.stats-grid{grid-template-columns:1fr 1fr}.sync-grid{grid-template-columns:1fr}}@media(max-width:520px){.commerce-shell{padding:20px 16px}.commerce-nav{padding:18px 16px;align-items:flex-start}.commerce-brand span{display:none}.commerce-nav nav{gap:12px;font-size:11px}.commerce-panel{padding:18px}.order-top{flex-direction:column}.stats-grid{grid-template-columns:1fr}.owner-hero h1{font-size:40px}.commerce-footer{flex-direction:column}.toolbar{gap:10px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

body[data-commerce=owner]{background:radial-gradient(ellipse at 85% 0,rgb(var(--brand-400)/.045),transparent 55%),rgb(var(--bg));min-height:100vh}.owner-nav{max-width:1420px;padding:20px 32px}.owner-nav .commerce-button{padding:9px 16px}.owner-shell{max-width:1400px;padding:32px}.owner-layout{display:grid;grid-template-columns:218px minmax(0,1fr);gap:36px;align-items:start;min-height:680px}.owner-sidebar{position:sticky;top:28px;padding:22px 18px;border:1px solid rgb(var(--border)/.7);border-radius:22px;background:rgb(var(--bg-elevated)/.65)}.sidebar-title{display:flex;align-items:center;gap:12px;padding:0 4px 25px}.sidebar-title strong{font-size:15px;display:block}.sidebar-title span:not(.owner-mark){display:block;font-size:11px;color:rgb(var(--fg-muted));margin-top:4px}.owner-mark{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgb(var(--brand-400)/.4);border-radius:11px;background:rgb(var(--brand-400)/.07);color:rgb(var(--brand-400));font-weight:700}.owner-tabs{display:flex;flex-direction:column;gap:7px}.owner-tabs button{display:flex;align-items:center;gap:12px;width:100%;padding:13px 12px;text-align:left;border:1px solid transparent;border-radius:12px;background:transparent;color:rgb(var(--fg-muted));font:inherit;font-size:13px;transition:background .2s,color .2s,transform .2s}.owner-tabs button:hover{background:rgb(var(--fg)/.035);color:rgb(var(--fg));transform:translateX(2px)}.owner-tabs button[aria-current=page]{background:rgb(var(--brand-400)/.09);border-color:rgb(var(--brand-400)/.2);color:rgb(var(--brand-400))}.owner-tabs svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.nav-count{margin-left:auto;font-size:10px;padding:2px 6px;border-radius:6px;background:rgb(var(--brand-400)/.1)}.owner-identity{border-top:1px solid rgb(var(--border));margin-top:34px;padding:20px 4px 0}.owner-identity .eyebrow{font-size:9px;letter-spacing:.12em}.owner-identity h2{font-size:13px;line-height:1.55;margin:10px 0;overflow-wrap:anywhere}.owner-identity .order-code{font-size:9px}.sidebar-note{font-size:10px;color:rgb(var(--fg-muted));line-height:1.8;margin:24px 4px 0}.owner-workspace{min-width:0}.owner-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:6px 0 28px}.owner-heading h1{font-size:34px;line-height:1.15;letter-spacing:-.05em;margin:12px 0}.owner-heading p:not(.eyebrow){font-size:13px;color:rgb(var(--fg-muted));margin:0;max-width:500px}.owner-heading .eyebrow{font-size:9px;letter-spacing:.15em;margin:0}.owner-session{display:flex;gap:7px;align-items:center;font-size:10px;color:rgb(var(--success));border:1px solid rgb(var(--success)/.15);border-radius:30px;padding:7px 11px;white-space:nowrap;background:rgb(var(--success)/.035);margin-top:20px}.owner-session:before{content:'';width:5px;height:5px;border-radius:100%;background:rgb(var(--success))}.owner-workspace .commerce-panel{margin:18px 0;padding:24px;border-radius:20px;background:rgb(var(--bg-elevated)/.65)}.owner-workspace .commerce-panel h2{font-size:18px}.owner-workspace .commerce-panel p{font-size:12px;line-height:1.65}.owner-workspace .stat-card{padding:19px;border-radius:16px;background:rgb(var(--bg-elevated)/.7)}.owner-workspace .stat-card strong{font-size:27px;letter-spacing:-.05em}.owner-workspace .stat-card span{font-size:11px}.owner-workspace .stats-grid{gap:14px}.owner-workspace .section-heading{gap:18px;margin:0}.owner-workspace .section-heading p{margin:8px 0 0}.owner-workspace .toolbar{gap:10px}.owner-workspace .toolbar select{min-width:170px;font-size:11px;padding:10px}.owner-workspace .commerce-button{font-size:12px;padding:11px 15px}.owner-workspace input,.owner-workspace select{font-size:12px}.owner-workspace .order-card{padding:19px}.owner-workspace .order-top h3{font-size:16px}.owner-workspace #manual-grant>button{margin:6px 8px 12px 0}.owner-workspace #manual-grant h3{font-size:17px;letter-spacing:-.03em}.owner-workspace #manual-grant form>strong{display:block;margin-top:16px;color:rgb(var(--brand-400));font-size:13px}.owner-workspace #manual-grant form>.commerce-button{margin:8px 8px 0 0}.owner-empty{padding:55px 16px;text-align:center;display:grid;justify-items:center}.empty-mark{width:54px;height:54px;display:grid;place-items:center;border-radius:19px;border:1px solid rgb(var(--brand-400)/.25);color:rgb(var(--brand-400));background:radial-gradient(circle at top,rgb(var(--brand-400)/.13),rgb(var(--brand-400)/.025));font-size:23px;box-shadow:0 10px 40px rgb(var(--shadow-color)/.15)}.owner-empty h3{font-size:20px;margin:20px 0 8px;letter-spacing:-.03em}.owner-empty p{max-width:350px;margin:0}.pagination{justify-content:flex-end;margin-top:20px;padding-top:20px;border-top:1px solid rgb(var(--border));font-size:11px;color:rgb(var(--fg-muted))}.owner-audit{position:relative;padding:20px 0 20px 18px;border-bottom:1px solid rgb(var(--border));border-left:1px solid rgb(var(--border));margin-left:5px}.owner-audit:before{position:absolute;left:-4px;top:23px;width:7px;height:7px;background:rgb(var(--brand-400));border-radius:50%;content:''}.owner-audit:last-child{border-bottom:0}.owner-audit strong{display:block;font-size:13px;margin:9px 0}.audit-kind{font-size:8px;letter-spacing:.1em;color:rgb(var(--brand-400))}.owner-audit p{margin:5px 0}.owner-audit time{font-size:10px;color:rgb(var(--fg-muted))}.owner-details summary{display:flex;justify-content:space-between;gap:10px;align-items:center;cursor:pointer;font-size:14px;font-weight:600}.owner-details summary span{font-size:11px;color:rgb(var(--fg-muted));font-weight:400}.owner-details #owner-settings{margin-top:20px;border-top:1px solid rgb(var(--border));padding-top:12px}.security-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}.security-facts>div{padding:16px;border:1px solid rgb(var(--border));border-radius:14px;background:rgb(var(--bg)/.5)}.security-facts strong{display:block;font-size:12px;margin:10px 0 3px}.security-facts p{font-size:10px!important;margin:0}.security-check{color:rgb(var(--success));font-size:16px}.security-block{border-top:1px solid rgb(var(--border));padding-top:22px;margin-top:24px}.security-block h3{font-size:15px;margin:0 0 10px}.security-block summary{font-size:13px;cursor:pointer}.security-block .status-chip{display:inline-block;margin-bottom:12px}.security-block>.commerce-button{margin-top:10px}.authenticator-qr{display:block;width:200px;height:200px;border-radius:14px;margin:20px 0}.secret-code,.recovery-codes pre{font-family:Lux Mono,monospace;font-size:11px;overflow-wrap:anywhere;white-space:pre-wrap;user-select:all}.recovery-codes{border:1px solid rgb(var(--brand-400)/.35);border-radius:16px;padding:20px;background:rgb(var(--brand-400)/.04);margin-bottom:24px}.owner-login{max-width:500px;margin:60px auto;padding:36px}.owner-login h1,.owner-login h2{font-size:30px;letter-spacing:-.045em;line-height:1.2;margin:16px 0}.owner-login p{font-size:13px;line-height:1.7}.owner-login button{width:100%;margin-top:12px}.owner-dialog{background:rgb(var(--bg-elevated));color:rgb(var(--fg));border:1px solid rgb(var(--border));border-radius:24px;padding:30px;max-width:480px;width:calc(100% - 32px);box-shadow:0 30px 100px rgb(var(--shadow-color)/.4)}.owner-dialog::backdrop{background:rgb(var(--shadow-color)/.75);backdrop-filter:blur(6px)}.owner-dialog h2{font-size:24px;letter-spacing:-.03em;margin:12px 0}.owner-dialog p{font-size:12px;line-height:1.65;color:rgb(var(--fg-muted))}.owner-dialog label{font-size:12px;display:block;color:rgb(var(--fg-muted));margin:18px 0}.owner-dialog input{display:block;width:100%;background:rgb(var(--bg));border:1px solid rgb(var(--border));border-radius:11px;padding:12px;color:rgb(var(--fg));margin-top:7px}.owner-dialog #unlock-error{color:rgb(var(--danger))}.owner-footer{border-top:1px solid rgb(var(--border)/.5);padding-top:24px;font-size:10px}.owner-workspace [data-owner-panel]{animation:owner-panel-enter .3s var(--ease)}@keyframes owner-panel-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}body[data-commerce=owner] :focus-visible{outline:2px solid rgb(var(--brand-400));outline-offset:4px}.commerce-button:disabled{opacity:.6}@media(max-width:1000px){.owner-layout{grid-template-columns:185px minmax(0,1fr);gap:22px}.owner-shell{padding:26px 24px}.security-facts{grid-template-columns:1fr}.owner-heading{flex-wrap:wrap}.owner-session{margin:0}}@media(max-width:720px){.owner-layout{grid-template-columns:1fr;gap:20px;min-height:600px}.owner-sidebar{position:static;padding:10px;border-radius:16px}.sidebar-title,.owner-identity,.sidebar-note{display:none!important}.owner-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:3px}.owner-tabs button{justify-content:center;flex-direction:column;gap:6px;padding:10px 4px;font-size:10px}.owner-tabs .nav-count{display:none}.owner-tabs svg{width:17px;height:17px}.owner-shell{padding:20px 16px}.owner-workspace .stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.owner-workspace .stat-card{padding:14px 10px}.owner-workspace .stat-card strong{font-size:21px}.owner-workspace .stat-card span{font-size:9px;line-height:1.5;display:block}.owner-workspace .commerce-panel{padding:18px}.owner-heading h1{font-size:28px}.owner-heading{margin-top:0}.owner-heading .owner-session{font-size:9px}.owner-nav{padding:16px}.owner-details summary{flex-direction:column;align-items:flex-start}.owner-login{margin:25px auto;padding:26px}.owner-dialog{padding:24px}.owner-empty{padding:40px 10px}.owner-workspace .toolbar select{min-width:160px}}@media(prefers-reduced-motion:reduce){.owner-workspace [data-owner-panel]{animation:none}}
.plans-hero { display:block; padding:28px 0 46px; background:none; }
.plans-hero h1 { font-size:clamp(38px,5vw,68px); }
.plans-hero > div > p:not(.eyebrow) { max-width:580px; color:rgb(var(--fg-muted)); }
.membership-summary { display:flex; align-items:center; justify-content:space-between; gap:24px; border:1px solid rgb(var(--brand-400)/.22); border-radius:20px; background:linear-gradient(110deg,rgb(var(--brand-400)/.07),rgb(var(--bg-elevated)/.7)); padding:22px 26px; margin:0 0 22px; }
.membership-summary h2 { font-size:19px; letter-spacing:-.025em; margin:4px 0 5px; overflow-wrap:anywhere; }
.membership-summary p { margin:0; color:rgb(var(--fg-muted)); font-size:12px; }
.membership-summary .eyebrow { color:rgb(var(--brand-400)); font-size:9px; }
.membership-active { display:inline-flex; flex-shrink:0; align-items:center; gap:8px; font-size:11px; color:rgb(var(--success)); border-radius:30px; border:1px solid rgb(var(--success)/.25); padding:7px 11px; }
.membership-active::before { content:''; width:5px; height:5px; border-radius:50%; background:currentColor; }
.membership-receipt { display:inline-block; font-size:11px; margin-top:9px; color:rgb(var(--brand-400)); text-decoration:underline; text-underline-offset:4px; }
.checkout-availability { margin:0 0 22px; padding:0 5px; font-size:12px; color:rgb(var(--fg-muted)); }
.plan-card-top { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:48px; margin-bottom:16px; }
.plan-symbol { display:grid; place-items:center; width:44px; height:44px; border:1px solid rgb(var(--border)); background:rgb(var(--bg-subtle)/.5); border-radius:14px; font-size:22px; font-weight:600; color:rgb(var(--fg-muted)); }
.plus .plan-symbol, .pro .plan-symbol { color:rgb(var(--brand-400)); border-color:rgb(var(--brand-400)/.3); background:rgb(var(--brand-400)/.08); }
.pro-symbol { border-radius:50%; }
.plan-current { font-size:10px; border:1px solid rgb(var(--brand-400)/.3); border-radius:20px; padding:4px 9px; color:rgb(var(--brand-400)); }
.plan-card[data-current=true] { border-color:rgb(var(--brand-400)/.65); box-shadow:inset 0 1px 0 rgb(var(--brand-400)/.12); }
body[data-commerce=plans] .plan-grid { gap:18px; margin:0 0 40px; }
body[data-commerce=plans] .plan-card { padding:26px; background:linear-gradient(155deg,rgb(var(--bg-subtle)/.35),rgb(var(--bg-elevated)) 65%); }
body[data-commerce=plans] .plan-card.pro { background:radial-gradient(ellipse at top right,rgb(var(--brand-400)/.14),transparent 75%),rgb(var(--bg-elevated)); }
body[data-commerce=plans] .plan-card h2 { font-size:25px; }
body[data-commerce=plans] .plan-card .price { font-size:32px; margin:12px 0; }
body[data-commerce=plans] .plan-card li { font-size:12px; margin:11px 0; }
body[data-commerce=plans] .plan-card > .commerce-button { width:100%; margin-top:auto; min-height:46px; }
body[data-commerce=plans] .plan-card > .commerce-button:disabled { opacity:1; color:rgb(var(--fg-muted)); background:rgb(var(--bg-subtle)/.6); border-color:rgb(var(--border)); }
.checkout-dialog { color:rgb(var(--fg)); background:rgb(var(--bg-elevated)); border:1px solid rgb(var(--border)); border-radius:24px; width:min(620px,calc(100% - 32px)); max-height:calc(100dvh - 48px); padding:24px; overflow:auto; }
.checkout-dialog::backdrop { background:rgb(var(--shadow-color)/.75); backdrop-filter:blur(6px); }
.checkout-dialog h2 { margin:5px 0 0; font-size:21px; }
.checkout-dialog .eyebrow { margin:0; }
.checkout-dialog .order-card label { margin:15px 0; }
.checkout-dialog .order-card input { display:block; width:100%; margin-top:7px; }
.checkout-dialog .checkout-block > .commerce-button { margin:6px 8px 6px 0; }
body[data-commerce=plans] :focus-visible { outline:2px solid rgb(var(--brand-400)); outline-offset:4px; }
@media(max-width:900px) { body[data-commerce=plans] .plan-card { padding:20px; } }
@media(max-width:720px) { .plans-hero { display:block; padding:10px 0 32px; } .membership-summary { padding:18px; flex-wrap:wrap; gap:14px; } body[data-commerce=plans] .commerce-shell { padding:30px 18px; } body[data-commerce=plans] .plan-grid { grid-template-columns:1fr; } body[data-commerce=plans] .plan-card { padding:26px; } .checkout-dialog { padding:18px; } }
@media(prefers-reduced-motion:reduce) { body[data-commerce=plans] *, body[data-commerce=plans] *::before, body[data-commerce=plans] *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } body[data-commerce=plans] .plan-card:hover, body[data-commerce=plans] .commerce-button:hover { transform:none; } }
.membership-profile-preview { max-width: 34rem; overflow: hidden; border: 1px solid rgb(var(--border)); border-radius: 1.5rem; margin: 1.5rem 0; background: rgb(var(--bg-elevated)); }
.membership-profile-cover { height: 7rem; overflow: hidden; }
.membership-profile-heading { display: flex; align-items: center; gap: 1.4rem; padding: 1.5rem; }
.membership-profile-heading h3 { margin: 0 0 .5rem; overflow-wrap: anywhere; }
.membership-profile-heading p { margin: 0; font-size: .85rem; }
.membership-profile-avatar { display: grid; place-items: center; width: 4rem; height: 4rem; flex-shrink: 0; border-radius: 1.2rem; font-weight: 700; font-size: 1.6rem; color: rgb(var(--fg)); background: rgb(var(--bg-subtle)); }
#profile-customization form { display: grid; gap: 1.2rem; }
.payment-steps { display:flex; gap:12px; list-style:none; padding:0; margin:0 0 20px; counter-reset:payment; }
.payment-steps li { flex:1; font-size:10px; color:rgb(var(--fg-muted)); counter-increment:payment; display:flex; align-items:center; gap:7px; }
.payment-steps li::before { content:counter(payment); width:22px; height:22px; display:grid; place-items:center; flex-shrink:0; border:1px solid rgb(var(--border)); border-radius:50%; }
.payment-steps li.current { color:rgb(var(--brand-400)); }
.payment-steps li.current::before { background:rgb(var(--brand-400)/.15); border-color:rgb(var(--brand-400)/.5); }
.checkout-account { padding-bottom:16px; border-bottom:1px solid rgb(var(--border)); }
.checkout-dialog .order-card { padding:20px; }
.checkout-dialog .checkout-block { background:none; border:0; padding:0; margin:20px 0 0; }
.pix-details summary { cursor:pointer; padding:12px 0; font-size:13px; font-weight:600; }
.pix-payment-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:22px; }
.pix-qr-frame { background:White; border-radius:16px; overflow:hidden; display:grid; place-items:center; aspect-ratio:1; }
.pix-qr-frame canvas { width:100%!important; height:auto!important; aspect-ratio:1; }
.pix-instructions p { font-size:12px; line-height:1.65; }
.pix-instructions .eyebrow { font-size:9px; margin:0 0 4px; }
.pix-total { display:block; font-size:32px; letter-spacing:-.04em; }
.pix-instructions .commerce-button { width:100%; margin:8px 0; }
.pix-copy-code { width:100%; resize:none; padding:10px; border-radius:10px; background:rgb(var(--bg)); color:rgb(var(--fg-muted)); border:1px solid rgb(var(--border)); font-family:Lux Mono,monospace; font-size:9px; overflow-wrap:anywhere; }
.payment-hint { font-size:11px!important; line-height:1.65; color:rgb(var(--fg-muted)); }
.pix-key-details summary { font-size:11px; color:rgb(var(--fg-muted)); cursor:pointer; padding:8px 0; }
.payment-upload { border-top:1px solid rgb(var(--border)); margin-top:18px; padding-top:20px; }
.payment-upload > p { font-size:11px; line-height:1.65; }
.payment-upload input[type=file] { border:1px dashed rgb(var(--brand-400)/.4); padding:12px; border-radius:12px; background:rgb(var(--brand-400)/.035); font-size:11px; }
.payment-upload input::file-selector-button { padding:8px 12px; margin-right:12px; border:0; border-radius:8px; font-family:inherit; background:rgb(var(--brand-400)); color:rgb(var(--bg)); cursor:pointer; }
.payment-pending,.payment-confirmed { padding:16px; border-radius:14px; background:rgb(var(--success)/.06); border:1px solid rgb(var(--success)/.25); font-size:12px; }
.review-summary { border:1px solid rgb(var(--brand-400)/.35); padding:16px; border-radius:12px; background:rgb(var(--brand-400)/.06); font-size:13px; }
.service-receipt { width:min(700px,100% - 40px); margin:50px auto; padding:36px; border:1px solid rgb(var(--border)); border-radius:24px; background:rgb(var(--bg-elevated)); }
.service-receipt h1 { font-size:36px; letter-spacing:-.04em; }
.receipt-total { display:block; font-size:42px; padding:18px 0; color:rgb(var(--brand-400)); }
.service-receipt dl > div { padding:14px 0; border-bottom:1px solid rgb(var(--border)); }
.service-receipt dt { font-size:11px; color:rgb(var(--fg-muted)); margin-bottom:5px; }
.service-receipt dd { margin:0; font-size:14px; overflow-wrap:anywhere; }
.service-receipt > p { font-size:12px; line-height:1.7; }
@media(max-width:540px) { .pix-payment-grid { grid-template-columns:1fr; gap:14px; } .pix-qr-frame { width:min(240px,100%); justify-self:center; } .pix-total { font-size:28px; } .payment-steps { gap:7px; } .payment-steps li { flex-direction:column; text-align:center; font-size:9px; } .checkout-dialog .order-card { padding:16px; } .service-receipt { margin:20px auto; padding:24px; } }
@media print { body { background:White; color:Black; } .service-receipt { width:100%; margin:0; padding:20px; border:0; background:White; color:Black; } .service-receipt :is(dt,.receipt-total,.eyebrow,p) { color:Black; } .service-receipt a,.receipt-print { display:none; } }