.rental-checkout,.payment-page { color:var(--ink,#102c36); }
.rental-checkout { border:1px solid var(--line,#dce6e0); border-radius:20px; background:var(--surface,#fff); overflow:hidden; }
.checkout-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:26px 28px; border-bottom:1px solid var(--line,#dce6e0); }
.checkout-heading>svg { width:36px; height:36px; color:#008775; flex:none; }
.checkout-step { color:var(--muted,#637784); font-size:.875rem; }
.checkout-heading h1 { font-size:1.55rem; margin:6px 0 8px; letter-spacing:-.035em; scroll-margin-top:28px; }
.checkout-heading p,.payment-heading p { margin:0; color:var(--muted,#637784); line-height:1.5; }
.checkout-body { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(270px,1fr); gap:32px; padding:28px; }
.crypto-options { border:0; padding:0; margin:0; display:grid; gap:12px; }
.crypto-option { position:relative; display:block; cursor:pointer; }
.crypto-option input { position:absolute; width:1px; height:1px; opacity:0; }
.crypto-option>span { display:flex; align-items:center; gap:16px; min-height:86px; padding:18px; border:1px solid var(--line,#dce6e0); border-radius:14px; transition:border-color 150ms ease,background 150ms ease; }
.crypto-option img,.payment-coin-heading img { width:38px; height:38px; object-fit:contain; flex:none; }
.crypto-option strong { display:block; font-size:1rem; }
.crypto-option small { display:block; color:var(--muted,#637784); margin-top:5px; }
.crypto-check { display:grid; place-items:center; margin-left:auto; border:1px solid #c8d7d1; border-radius:50%; width:24px; height:24px; flex:none; }
.crypto-check svg { width:16px; height:16px; opacity:0; }
.crypto-option input:checked+span { border-color:#008775; background:#eefaf6; box-shadow:inset 0 0 0 1px #008775; }
.crypto-option input:checked+span .crypto-check { background:#008775; border-color:#008775; color:white; }
.crypto-option input:checked+span .crypto-check svg { opacity:1; }
.crypto-option input:focus-visible+span { outline:3px solid #63cbbb; outline-offset:3px; }
.checkout-network-hint { font-size:.875rem; color:var(--muted,#637784); line-height:1.6; margin:18px 0; }
.payment-preview-note { padding:12px 16px; border:1px solid #e7d7aa; border-radius:10px; background:#fff9eb; color:#786026; font-size:.82rem; line-height:1.5; }
.checkout-order { border-left:1px solid var(--line,#dce6e0); padding-left:28px; }
.checkout-order h3 { margin:0 0 16px; font-size:1.05rem; }
.checkout-details { margin:0; }
.checkout-details>div { display:flex; justify-content:space-between; align-items:baseline; gap:20px; padding:12px 0; font-size:.875rem; }
.checkout-details dt { color:var(--muted,#637784); }
.checkout-details dd { margin:0; text-align:right; font-weight:600; overflow-wrap:anywhere; min-width:0; }
.checkout-total { border-top:1px solid var(--line,#dce6e0); margin-top:14px; padding:22px 0; display:flex; align-items:center; justify-content:space-between; gap:12px; }
.checkout-total strong { font-size:1.85rem; letter-spacing:-.045em; }
.checkout-order>small { display:block; color:var(--muted,#637784); line-height:1.5; margin-top:12px; }
.checkout-order .account-error:empty { display:none; }
/* Live checkout: compact currency selection and a separate order card. */
.live-deposit-checkout{border:0;border-radius:0;background:transparent;overflow:visible}
.live-deposit-checkout .checkout-body{grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:18px;padding:0;align-items:start}
.live-deposit-checkout .live-currency-card,.live-deposit-checkout .checkout-order{min-width:0;background:var(--surface,#fff);border:1px solid var(--line,#dce6e0);border-radius:14px;padding:22px}
.live-deposit-checkout .checkout-heading{padding:0;margin:0 0 18px;border:0;display:block}
.live-deposit-checkout .checkout-heading h1{font-size:1.45rem;line-height:1.2;margin:0px;font-weight:750;letter-spacing:-.035em}
.live-deposit-checkout .checkout-heading p{font-size:.9rem;line-height:1.5}
.live-deposit-checkout .crypto-options{gap:8px;margin:0}
.live-deposit-checkout .crypto-option>span{min-height:76px;padding:12px 16px;gap:18px;border-radius:10px}
.live-deposit-checkout .crypto-option input:checked+span{box-shadow:none;background:#effaf6}
.live-deposit-checkout .crypto-option .live-coin-icon{width:44px;height:44px;object-fit:contain;flex:none}
.live-deposit-checkout .live-coin-copy{min-width:0}
.live-deposit-checkout .crypto-option strong{font-weight:700;line-height:1.25;font-size:1rem}
.live-deposit-checkout .crypto-option small{font-size:.78rem;line-height:1.4;margin-top:4px}
.live-deposit-checkout .crypto-check{width:25px;height:25px}
.live-deposit-checkout .live-network-note{display:flex;align-items:center;gap:14px;margin-top:18px;padding:14px 16px;border-radius:10px;background:#f1f8f6}
.live-deposit-checkout .live-network-note>span{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;color:#008775;background:#daf4ec}
.live-deposit-checkout .live-network-note svg{width:22px;height:22px}
.live-deposit-checkout .live-network-note p{margin:0;line-height:1.5;color:#526d7d;font-size:.79rem}
.live-deposit-checkout .live-network-note strong{display:block;font-weight:650}
.live-deposit-checkout .live-network-note small{display:block;font-size:.75rem;margin-top:2px}
.live-deposit-checkout .checkout-order>h2{font-size:1.2rem;line-height:1.25;margin:0 0 18px;letter-spacing:-.025em}
.live-deposit-checkout .live-order-product{display:flex;align-items:center;gap:18px;min-height:76px;margin-bottom:12px;padding:10px;border:1px solid var(--line,#dce6e0);border-radius:10px}
.live-deposit-checkout .live-order-product img{width:96px;height:64px;object-fit:cover;border-radius:8px;flex:none}
.live-deposit-checkout .live-order-product h3{font-size:1rem;line-height:1.4;margin:0;font-weight:700}
.live-deposit-checkout .checkout-details>div{padding:7px 0;font-size:.875rem;gap:14px}
.live-deposit-checkout .live-order-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.live-deposit-checkout .live-order-facts>div{display:grid;grid-template-columns:22px minmax(0,1fr);column-gap:10px;row-gap:2px;align-items:center;padding:12px;background:#f5f7f8;border:1px solid var(--line,#dce6e0);border-radius:9px;font-size:.8125rem}
.live-deposit-checkout .live-order-facts svg{width:22px;height:22px;grid-row:1 / 3;color:#637b8d}
.live-deposit-checkout .live-order-facts dt{font-size:.78rem;line-height:1.3}
.live-deposit-checkout .live-order-facts dd{text-align:left;font-size:.875rem;line-height:1.35}
.live-deposit-checkout .checkout-total{padding:14px;margin:16px 0 14px;border:1px solid #ccece2;border-radius:10px;background:#edf9f4}
[data-appearance="dark"] .live-deposit-checkout .checkout-total{background:#173b32;border-color:#31574e}
.live-deposit-checkout .checkout-total>span{font-weight:700;font-size:.95rem}
.live-deposit-checkout .checkout-total strong{font-size:1.85rem;line-height:1.2;white-space:nowrap}
.live-deposit-checkout .live-deposit-primary .button{min-height:48px;width:100%;padding:12px;gap:8px;font-size:16px;border-radius:9px}
.live-deposit-checkout .live-order-notes{display:grid;gap:16px;margin-top:20px}
.live-deposit-checkout .live-order-notes>div{display:flex;gap:14px;align-items:flex-start}
.live-deposit-checkout .live-order-notes svg{width:20px;height:20px;flex:none;color:#708596;margin-top:1px}
.live-deposit-checkout .live-order-notes p,.live-deposit-checkout .live-deposit-intro{margin:0;font-size:.8rem;line-height:1.6;color:var(--muted,#637784)}
.live-deposit-checkout .live-order-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:16px;margin-top:18px;border-top:1px solid var(--line,#dce6e0)}
.live-deposit-checkout .live-order-footer .text-link{font-size:.8125rem;font-weight:650;min-height:32px;text-decoration:none;padding:0}
.live-deposit-checkout .live-wallet-link{display:inline-flex;align-items:center;gap:8px;margin-left:auto}
.live-deposit-checkout .live-wallet-link svg{width:18px;height:18px}
.live-deposit-checkout [data-deposit-order-status]:not(:empty){margin-top:18px;font-size:.82rem;line-height:1.6}
.live-deposit-checkout [data-deposit-order-status] p{margin:0 0 10px}
.live-deposit-checkout [data-deposit-order-status] .live-remaining{display:flex;align-items:center;gap:10px;margin:0;padding:14px 12px;background:#eff8f5;border-radius:9px;color:var(--muted,#637784)}
.live-deposit-checkout .live-remaining svg{width:22px;height:22px;flex:none;color:#009985}
.live-deposit-checkout .live-remaining span{flex:1;min-width:0;font-size:.8rem;line-height:1.4}
.live-deposit-checkout .live-remaining strong{color:var(--ink,#102c36);font-size:.875rem;white-space:nowrap}
.live-deposit-checkout .live-remaining+p{margin-top:10px}
[data-appearance="dark"] .live-deposit-checkout .live-order-facts>div{background:#243e38}
[data-appearance="dark"] .live-deposit-checkout [data-deposit-order-status] .live-remaining{background:#173b32}
.live-deposit-checkout [hidden]{display:none!important}
.live-deposit-checkout .account-error:empty{display:none}
.payment-quote-timer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px;padding-bottom:12px;border-bottom:1px solid #cce6df;color:#087e70;font-size:.8rem}
.payment-quote-timer>span{display:flex;align-items:center;gap:7px}.payment-quote-timer svg{width:17px;height:17px}
.payment-quote-timer strong{font-size:1.15rem;font-variant-numeric:tabular-nums;letter-spacing:.03em}
.payment-status-strip{margin-top:20px;padding:18px 0 0;border-top:1px solid var(--line,#dce6e0)}
.payment-status-title{display:flex;gap:12px;align-items:flex-start}
.payment-status-symbol{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:50%;color:#008775;background:#e3f5ef}
.payment-status-symbol svg{width:19px;height:19px}.payment-status-title strong{font-size:.95rem;color:#087e70}
.payment-status-strip p{font-size:.79rem;color:var(--muted,#637784);line-height:1.6;margin:4px 0 0}
.payment-status-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;list-style:none;padding:0;margin:19px 0 0;font-size:.65rem;color:var(--muted,#637784);line-height:1.45}
.payment-status-track li>span{display:block;height:4px;border-radius:4px;background:#e1ebe7;margin-bottom:7px}
.payment-status-track li.is-done>span{background:#008775}.payment-status-track li.is-current>span{background:#84cdbd}.payment-status-track li.is-done{color:#087e70}
[data-appearance="dark"] .payment-status-symbol{background:#173b32}
[data-appearance="dark"] .payment-status-track li>span{background:#31574e}
.payment-loading{padding:20px;border:1px solid #c6e7df;border-radius:14px;background:#f0faf7;min-height:225px}
.payment-loading-message{display:flex;align-items:center;gap:14px}
.payment-loading-message strong{color:#008775;font-size:1rem}
.payment-loading-message p{margin:5px 0 0;color:var(--muted,#637784);font-size:.85rem;line-height:1.5}
.payment-spinner{width:30px;height:30px;flex:none;border:3px solid #cde9e2;border-top-color:#008775;border-radius:50%;animation:payment-spin .9s linear infinite}
.payment-loading-skeleton{display:grid;gap:12px;margin:24px 0}
.payment-loading-skeleton span{display:block;height:24px;border-radius:8px;background:linear-gradient(100deg,#dceee8 20%,#f8fffc 50%,#dceee8 80%);background-size:220% 100%;animation:payment-shimmer 1.8s ease-in-out infinite}
.payment-loading-skeleton span:nth-child(2){width:84%;height:16px}.payment-loading-skeleton span:nth-child(3){width:62%;height:16px}
.payment-loading>small{color:var(--muted,#637784);font-size:.75rem;line-height:1.5}
@keyframes payment-spin{to{transform:rotate(360deg)}}@keyframes payment-shimmer{to{background-position:-220% 0}}
@media(prefers-reduced-motion:reduce){.payment-spinner,.payment-loading-skeleton span{animation:none}}
[data-appearance="dark"] .payment-loading{background:#173b32;border-color:#31574e}
[data-appearance="dark"] .payment-loading-skeleton span{background:#31574e}
[data-appearance="dark"] .live-deposit-checkout .crypto-option input:checked+span,[data-appearance="dark"] .live-deposit-checkout .live-network-note{background:#173b32}
[data-appearance="dark"] .live-deposit-checkout .live-network-note p{color:#b2d4cd}
@media(max-width:1000px){.live-deposit-checkout .checkout-body{grid-template-columns:minmax(0,1.4fr) minmax(270px,1fr)}.live-deposit-checkout .live-currency-card,.live-deposit-checkout .checkout-order{padding:18px}.live-deposit-checkout .crypto-option>span{gap:12px;padding:12px}.live-deposit-checkout .live-order-product{gap:12px}.live-deposit-checkout .live-order-product img{width:64px;height:64px}}
@media(max-width:900px){.live-deposit-checkout .checkout-body{grid-template-columns:1fr}.live-deposit-checkout .checkout-order{padding:20px}.live-deposit-checkout .checkout-total strong{font-size:1.85rem}}
@media(max-width:540px){.live-deposit-checkout{margin-top:18px}.live-deposit-checkout .checkout-heading h1{font-size:1.25rem}.live-deposit-checkout .checkout-heading p{font-size:.82rem}.live-deposit-checkout .crypto-option>span{min-height:70px}.live-deposit-checkout .crypto-option .live-coin-icon{width:38px;height:38px}.live-deposit-checkout .crypto-option small{font-size:.75rem}.live-deposit-checkout .live-network-note{padding:12px;gap:10px}}
.payment-page { padding-bottom:24px; }
.payment-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; margin:22px 0; }
.payment-heading h1 { font-size:clamp(1.65rem,2.5vw,2.3rem); letter-spacing:-.045em; margin:0 0 9px; }
.payment-state { display:inline-flex; align-items:center; gap:8px; flex:none; padding:10px 13px; background:#fff3da; border:1px solid #f0d79d; border-radius:999px; font-size:.82rem; font-weight:600; color:#866016; }
.payment-state svg { width:18px; height:18px; }
.payment-state.cancelled,.payment-state.expired { color:var(--muted,#637784); background:var(--page,#f5f8f7); border-color:var(--line,#dce6e0); }
.payment-layout { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr); align-items:start; gap:22px; margin-top:22px; }
.payment-instructions,.payment-order { border:1px solid var(--line,#dce6e0); background:var(--surface,#fff); border-radius:20px; padding:26px; min-width:0; }
.payment-coin-heading { display:flex; align-items:center; gap:14px; }
.payment-coin-heading h2 { font-size:1.25rem; margin:0 0 5px; }
.payment-coin-heading p { margin:0; font-size:.875rem; color:var(--muted,#637784); }
.payment-timer-row { margin:24px 0; padding:16px 18px; border-radius:12px; display:flex; align-items:center; justify-content:space-between; gap:14px; background:#eef8f5; }
.payment-timer-row>span { display:flex; align-items:center; gap:8px; color:#42675f; font-size:.875rem; }
.payment-timer-row svg { width:19px; height:19px; }
.payment-timer-row strong { font-size:1.4rem; font-variant-numeric:tabular-nums; letter-spacing:.02em; color:#087f67; }
.payment-transfer { display:grid; grid-template-columns:170px minmax(0,1fr); gap:24px; align-items:start; }
.payment-qr { background:#fff; color:#637784; border:1px solid #e2eae7; border-radius:12px; padding:8px; text-align:center; }
.payment-qr svg { display:block; width:100%; height:auto; shape-rendering:crispEdges; }
.payment-qr small { display:block; font-size:.65rem; padding:6px 0; }
.payment-fields { min-width:0; }
.payment-fields label { display:block; font-weight:600; font-size:.82rem; margin:0 0 8px; }
.payment-copy-field { display:flex; align-items:center; gap:8px; border:1px solid var(--line,#dce6e0); border-radius:10px; padding:8px 10px 8px 14px; min-width:0; background:var(--surface,#fff); }
.payment-copy-field strong { font-size:1rem; overflow-wrap:anywhere; min-width:0; }
.payment-copy-field strong>span { font-size:.78rem; color:var(--muted,#637784); }
.payment-copy-field .icon-button { margin-left:auto; flex:none; border:0; width:34px; height:34px; min-height:34px; }
.payment-copy-field input { border:0; outline-offset:3px; padding:0; color:inherit; background:transparent; min-width:0; width:100%; font-family:inherit; font-size:.79rem; }
.payment-usd { font-size:.74rem; color:var(--muted,#637784); margin:8px 0 20px; line-height:1.5; }
.payment-fields>small { font-size:.72rem; color:var(--muted,#637784); display:block; margin-top:8px; line-height:1.5; }
.payment-instruction-note { display:flex; align-items:flex-start; gap:12px; margin-top:24px; padding:16px 0; border-top:1px solid var(--line,#dce6e0); }
.payment-instruction-note svg { width:19px; height:19px; flex:none; margin-top:2px; color:#008775; }
.payment-instruction-note p { margin:0; line-height:1.6; color:var(--muted,#637784); font-size:.82rem; }
.payment-product { border-bottom:1px solid var(--line,#dce6e0); padding-bottom:18px; margin-bottom:12px; }
.payment-product img { display:block; width:150px; height:100px; object-fit:contain; margin:0 auto 16px; }
.payment-product h2 { margin:0 0 6px; font-size:1.15rem; }
.payment-product p { margin:0; color:var(--muted,#637784); font-size:.8rem; }
.payment-order .checkout-details>div { font-size:.78rem; gap:14px; }
.payment-miner-note { display:flex; align-items:center; gap:10px; padding:18px 0; margin:10px 0; border-top:1px solid var(--line,#dce6e0); }
.payment-miner-note>svg { width:28px; height:28px; flex:none; color:#6d8480; }
.payment-miner-note span { font-size:.875rem; font-weight:600; }
.payment-miner-note small { display:block; margin-top:5px; font-weight:400; color:var(--muted,#637784); font-size:.75rem; }
.payment-cancel,.payment-help { font-size:.82rem; line-height:1.6; margin-top:18px; color:var(--muted,#637784); }
.payment-cancel summary,.payment-help summary { cursor:pointer; }
.payment-cancel button { color:#9b3b36; }
.payment-ended { padding:36px 12px; text-align:center; }
.payment-ended>svg { width:40px; height:40px; color:#78948d; }
.payment-ended h2 { font-size:1.3rem; margin-top:18px; }
.payment-ended p { color:var(--muted,#637784); font-size:.9rem; line-height:1.6; margin-bottom:24px; }
.pending-payment-note { display:flex; align-items:center; gap:12px; padding:14px 18px; margin:0 20px 14px; border:1px solid #eddaaa; border-radius:12px; background:#fff8e8; color:#775a21; font-size:.83rem; line-height:1.5; }
.pending-payment-note>svg { width:20px; height:20px; flex:none; }
.pending-payment-note>svg:last-child { margin-left:auto; }
.status.waiting_payment { color:#865d18; background:#fff1d4; }
.status.payment_expired { color:#795d49; background:#f2e9df; }
[data-appearance="dark"] .crypto-option input:checked+span,[data-appearance="dark"] .payment-timer-row { background:#173b32; }
[data-appearance="dark"] .payment-timer-row strong,[data-appearance="dark"] .payment-timer-row>span { color:#8ce2c8; }
[data-appearance="dark"] .payment-preview-note,[data-appearance="dark"] .pending-payment-note { background:#332d20; color:#e1c480; border-color:#625331; }
@media (max-width:1200px) { .payment-transfer { grid-template-columns:1fr; } .payment-qr { width:185px; margin:auto; } }
@media (max-width:900px) { .checkout-body { grid-template-columns:1fr; gap:22px; } .checkout-order { border-left:0; border-top:1px solid var(--line,#dce6e0); padding:22px 0 0; } .payment-layout { grid-template-columns:1fr; } .payment-transfer { grid-template-columns:190px minmax(0,1fr); } }
@media (max-width:540px) {
 .checkout-heading,.checkout-body,.payment-instructions,.payment-order { padding:20px 16px; }
 .checkout-heading h1 { font-size:1.25rem; }
 .checkout-heading p { font-size:.82rem; }
 .checkout-heading>svg { display:none; }
 .crypto-option>span { padding:14px; gap:12px; }
 .payment-heading { align-items:flex-start; flex-direction:column; gap:14px; }
 .payment-transfer { grid-template-columns:1fr; gap:22px; }
 .payment-qr { width:200px; }
 .payment-timer-row { padding:14px 12px; }
 .payment-timer-row strong { font-size:1.25rem; }
 .payment-timer-row>span { font-size:.78rem; }
 .payment-order { margin-bottom:12px; }
 .pending-payment-note { margin:0 12px 12px; padding:12px; }
}