.checkout-page{background:#f2f6f3}
.checkout-layout{display:grid;grid-template-columns:minmax(320px,410px) minmax(0,720px);gap:1.8rem;width:min(1180px,calc(100% - 3rem));margin:0 auto;padding:3rem 0 5rem;align-items:start}
.checkout-summary,.checkout-form-card{border:1px solid #d5e0e6;background:#fff;box-shadow:0 24px 55px rgba(10,41,65,.09)}
.checkout-summary{position:sticky;top:92px;padding:2.2rem}
.checkout-back{display:inline-block;margin-bottom:1.8rem;color:var(--blue-2);font-size:.82rem;font-weight:800}
.checkout-summary h1{margin:.35rem 0 1rem;font:800 2rem "Manrope";color:var(--navy)}
.checkout-price{font:800 2.25rem "Manrope";color:var(--navy)}
.checkout-price small{margin-left:.3rem;color:var(--muted);font:500 .9rem "DM Sans"}
.checkout-cycle{display:flex;gap:.35rem;margin:1rem 0 1.6rem}
.checkout-cycle a{padding:.5rem .85rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.8rem;font-weight:800}
.checkout-cycle a.active{border-color:var(--navy);background:var(--navy);color:#fff}
.checkout-benefits{margin:0 0 1.5rem;padding:0;list-style:none}
.checkout-benefits li{padding:.75rem 0;border-bottom:1px solid var(--line);color:#52687a}
.pix-card{display:grid;gap:.5rem;padding:1.4rem;background:var(--navy);color:#fff}
.pix-card>span{color:#65efbe;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.pix-card strong{font-size:1.05rem}
.pix-card button{width:max-content;padding:.35rem 0;border:0;border-bottom:1px solid #fff;background:none;color:#fff;font-weight:800;cursor:pointer}
.checkout-steps{margin:1.4rem 0 0;padding-left:1.4rem;color:#52687a}
.checkout-steps li{padding:.8rem .25rem;border-bottom:1px solid var(--line);line-height:1.55}
.checkout-form-card{padding:2.7rem 3rem}
.checkout-form-card h2{margin:.35rem 0 0;font:800 2.1rem "Manrope";color:var(--navy)}
.checkout-intro{margin:.4rem 0 1.8rem;color:var(--muted)}
.checkout-error{margin-bottom:1.2rem;padding:.9rem 1rem;border:1px solid #f0b6b6;background:#fff0f0;color:#9b2828}
.checkout-form{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
.checkout-form label{display:grid;gap:.45rem;color:var(--navy);font-size:.86rem;font-weight:800}
.checkout-form label.full{grid-column:1/-1}
.checkout-form input:not([type=checkbox]):not([type=file]){width:100%;height:50px;padding:0 .85rem;border:1px solid #cbd7dc;background:#fff;color:var(--ink);outline:0}
.checkout-form input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(67,137,201,.12)}
.checkout-form label small{color:var(--muted);font-size:.72rem;font-weight:500}
.checkout-form .password-field{grid-template-rows:auto 50px minmax(2.2em,auto);align-content:start}
.slug-input{display:flex;height:52px;border:1px solid #cbd7dc;background:#f8faf9;align-items:center}
.slug-input>span{padding-left:.85rem;color:#617383;font-size:.78rem;white-space:nowrap}
.slug-input input{height:50px!important;border:0!important;box-shadow:none!important;background:#fff!important}
.receipt-field{position:relative;padding:1.2rem;border:1px dashed #9fb0b9;cursor:pointer}
.receipt-field input{position:absolute;width:1px;height:1px;opacity:0}
.receipt-field b{width:max-content;max-width:100%;padding:.55rem .75rem;border:1px solid #bdcad1;background:#f7fafb;color:var(--navy);font-size:.8rem;overflow-wrap:anywhere}
.terms-field{display:flex!important;grid-template-columns:auto 1fr!important;align-items:start;gap:.7rem!important}
.terms-field input{width:19px;height:19px;margin:0}
.checkout-form>button{display:flex;grid-column:1/-1;width:max-content;align-items:center;gap:1.5rem;padding:1rem 1.4rem;border:0;background:var(--navy);color:#fff;font-weight:800;cursor:pointer}
.checkout-notice{margin:1.2rem 0 0;color:var(--muted);font-size:.78rem;text-align:center}
.checkout-success{display:grid;min-height:70vh;padding:4rem 1.5rem;place-items:center;background:#f2f6f3}
.checkout-success section{max-width:650px;padding:3.5rem;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow);text-align:center}
.success-mark{display:grid;width:62px;height:62px;margin:0 auto 1.2rem;place-items:center;border-radius:50%;background:#e1f7ed;color:#087c4b;font-size:1.8rem}
.checkout-success h1{margin:.4rem 0;font:800 2.5rem "Manrope";color:var(--navy)}
.checkout-success p{color:var(--muted);line-height:1.7}
.success-reference{display:grid;grid-template-columns:1fr 1fr;gap:.3rem;margin:1.5rem 0;padding:1rem;background:var(--cloud)}
.success-reference span{color:var(--muted);font-size:.75rem}
.checkout-success section>a{display:inline-block;padding:.8rem 1.1rem;background:var(--navy);color:#fff;font-weight:800}
.status-pill.approved{background:#e1f7ed;color:#087c4b}
.status-pill.rejected{background:#ffeded;color:#aa2929}
.pending-counter{padding:.5rem .75rem;border-radius:999px;background:#fff3dd;color:#986000;font-size:.78rem;font-weight:800}
.admin-filters{display:flex;gap:.5rem;margin-bottom:1rem}
.admin-filters a{padding:.55rem .85rem;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-size:.78rem;font-weight:800}
.admin-filters a.active{border-color:var(--blue-2);background:var(--blue-2);color:#fff}
.subscription-admin-list{display:grid;gap:1rem}
.subscription-review-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
.subscription-review-card h2{margin:.2rem 0 0;color:var(--navy);font:800 1.2rem "Manrope"}
.subscription-review-card header p{margin:.2rem 0;color:var(--muted);font-size:.8rem}
.subscription-details{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.8rem;margin:1.2rem 0;padding:1rem;border:1px solid var(--line);background:#f8fafc}
.subscription-details div{display:grid;gap:.2rem}
.subscription-details span{color:var(--muted);font-size:.68rem;text-transform:uppercase}
.subscription-details strong{color:var(--ink);font-size:.8rem;overflow-wrap:anywhere}
.subscription-review-footer{display:flex;align-items:center;gap:1rem}
.receipt-link{display:grid;min-width:170px;color:var(--blue-2);font-size:.82rem;font-weight:800}
.receipt-link small{max-width:190px;overflow:hidden;color:var(--muted);font-size:.68rem;font-weight:500;text-overflow:ellipsis;white-space:nowrap}
.manual-subscription{color:var(--muted);font-size:.78rem}
.review-form{display:grid;grid-template-columns:minmax(160px,1fr) auto auto;gap:.5rem;width:100%;margin-left:auto}
.review-form input{height:40px;padding:0 .7rem;border:1px solid #cddce8;border-radius:8px}
.review-form button{height:40px;padding:0 .8rem;border:0;border-radius:8px;font-size:.76rem;font-weight:800;cursor:pointer}
.reject-button{background:#ffeded;color:#9a2828}
.approve-button{background:#087c4b;color:#fff}
.review-note{margin:0 0 0 auto;color:var(--muted);font-size:.78rem}

@media (max-width:1050px){
  .checkout-layout{grid-template-columns:340px minmax(0,1fr);width:min(960px,calc(100% - 2rem))}
  .checkout-form-card{padding:2rem}
  .subscription-details{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:760px){
  .checkout-layout{grid-template-columns:1fr;width:min(100% - 1.2rem,620px);padding:1rem 0 3rem}
  .checkout-summary{position:static;padding:1.5rem}
  .checkout-form-card{padding:1.5rem}
  .checkout-form{grid-template-columns:1fr}
  .checkout-form label.full,.checkout-form>button{grid-column:1}
  .slug-input{display:grid;height:auto}
  .slug-input>span{padding:.6rem .8rem}
  .checkout-form>button{width:100%;justify-content:space-between}
  .checkout-success section{padding:2rem 1.2rem}
  .checkout-success h1{font-size:2rem}
  .subscription-details{grid-template-columns:1fr 1fr}
  .subscription-review-footer{display:grid}
  .review-form{grid-template-columns:1fr 1fr;margin:0}
  .review-form input{grid-column:1/-1}
  .admin-filters{overflow-x:auto;padding-bottom:.25rem}
}