/* Checkout and device reset share the cabinet's graphite and champagne palette. */
#app-dialog:has(.shop-shell){width:780px;max-width:calc(100vw - 32px);padding:30px 32px 32px;border:1px solid #42433f;background:radial-gradient(ellipse at 10% 0,#d7b56d0b,transparent 55%),#13181d;border-radius:24px;box-shadow:0 32px 100px #0008}
#app-dialog:has(.shop-shell)::backdrop,#app-dialog:has(.reset-shell)::backdrop{background:#05080bbc;backdrop-filter:blur(5px)}
.shop-shell{color:#eef0ed}.shop-heading{display:flex;align-items:center;gap:19px;margin:25px 0 28px}.shop-product-icon{width:64px;height:64px;flex:none;display:grid;place-items:center;color:#e7c781;background:linear-gradient(140deg,#d7b56d20,#d7b56d06);border:1px solid #d7b56d38;border-radius:19px}.shop-product-icon svg{width:30px;height:30px}.shop-kicker{font-size:10px;line-height:1.5;font-weight:600;letter-spacing:1.7px;color:#b9a579}.shop-heading h2{margin:6px 0 5px!important;font-family:inherit;font-size:30px!important;letter-spacing:-1px;line-height:1.2}.shop-heading p{margin:0;color:#97a2ab;font-size:14px}
#shop-checkout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.94fr);gap:26px;align-items:start}.shop-options{min-width:0;padding:4px 0}.shop-product-note{display:flex;align-items:flex-start;gap:9px;padding-bottom:22px;color:#b7c3bd;font-size:12px;line-height:1.7}.shop-product-note svg{width:17px;height:17px;flex:none;margin-top:2px;color:#d7b56d}.shop-field{margin-bottom:23px}.shop-field label{font-size:13px!important;font-weight:550;color:#e0e4e6}.shop-field label>span{color:#82909c;font-weight:400;margin-left:5px;font-size:11px}.shop-field-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.shop-balance{font-size:12px;color:#d9bd80;padding:3px 8px;background:#d7b56d12;border-radius:6px}.shop-input-wrap{position:relative;margin-top:10px;display:flex;align-items:center}.shop-input-symbol{position:absolute;left:14px;pointer-events:none;color:#a49169;font-size:17px;z-index:1}
#shop-checkout .shop-input-wrap input{height:49px;margin:0;border:1px solid #364049;border-radius:10px;background:#0c1116;color:#f1f2ee;outline:none;font:inherit;font-size:14px;box-sizing:border-box;padding:12px 14px 12px 41px;transition:border-color .18s,box-shadow .18s;min-width:0}#shop-checkout .shop-input-wrap input::placeholder{color:#6e7c89}#shop-checkout .shop-input-wrap input:focus{border-color:#d1af68;box-shadow:0 0 0 3px #d7b56d13}#shop-checkout .shop-input-wrap input:disabled{opacity:.5;cursor:not-allowed}#shop-coins{padding-right:84px!important;appearance:textfield}#shop-coins::-webkit-inner-spin-button,#shop-coins::-webkit-outer-spin-button{appearance:none;margin:0}.shop-input-unit{position:absolute;right:14px;color:#89949e;font-size:12px;pointer-events:none}.shop-hint{font-size:11px;line-height:1.65;color:#8b97a2;margin:8px 0 0}.shop-device-footnote{display:flex;gap:12px;border-top:1px solid #ffffff0c;padding-top:20px;margin-top:25px}.shop-device-footnote svg{width:25px;height:25px;flex:none;color:#968567}.shop-device-footnote p{margin:0;font-size:12px;line-height:1.7;color:#8b97a2}
.shop-receipt{min-width:0;padding:23px;background:linear-gradient(155deg,#24282a,#1b2125);border:1px solid #ffffff0b;border-radius:16px;box-shadow:0 9px 30px #0001}.shop-receipt>.shop-kicker{color:#94a0a9;font-size:10px}.shop-breakdown{padding:19px 0;margin-bottom:19px;border-bottom:1px dashed #74808b40;display:grid;gap:12px;min-height:53px}.shop-breakdown>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:12px;color:#afb8bf}.shop-breakdown strong{color:#e8eae6;font-weight:500;white-space:nowrap}.shop-breakdown .shop-saving,.shop-breakdown .shop-saving strong{color:#b0c7aa}.shop-total{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:22px}.shop-total>span{font-size:12px;line-height:1.6;max-width:70px;color:#c0c9cf}.shop-total strong{font-size:32px;font-weight:550;letter-spacing:-1.5px;color:#edd39c;white-space:nowrap}.shop-payment-note{font-size:11px;line-height:1.6;color:#afa897;padding:11px 12px;border:1px solid #d7b56d19;border-radius:8px;background:#d7b56d06;margin-bottom:13px}.shop-pay{width:100%;min-height:49px;font-size:13px;justify-content:center;padding:12px!important;border-radius:10px!important}.shop-pay:disabled{opacity:1;background:#333638!important;border:1px solid #4e504b!important;color:#a8a993!important;cursor:not-allowed;box-shadow:none}.shop-secure{display:flex;gap:9px;align-items:center;justify-content:center;font-size:10px;color:#83909a;line-height:1.6;margin:15px 0 0}.shop-secure svg{width:15px;height:18px;flex:none}.shop-error{font-size:12px!important;line-height:1.65;background:#b5524810;border:1px solid #b5524840;padding:11px;border-radius:8px;margin:0 0 13px}
#app-dialog:has(.reset-shell){width:540px;padding:28px 32px 32px;max-width:calc(100vw - 32px);border-radius:24px;background:radial-gradient(ellipse at 50% 20%,#d7b56d09,transparent 50%),#13181d;border-color:#42433f}.reset-emblem{display:grid;place-items:center;width:59px;height:59px;border:1px solid #d7b56d38;border-radius:19px;color:#dcc083;background:#d7b56d0d;margin:23px 0 21px}.reset-emblem svg{width:28px;height:28px}.reset-shell h2{font-family:inherit;font-size:28px!important;font-weight:550;letter-spacing:-.8px;line-height:1.2;margin:0 0 13px}.reset-lead{font-size:14px;line-height:1.7;color:#99a5af;margin:0 0 24px}.reset-steps{padding:0;margin:0 0 23px;list-style:none;display:grid;gap:20px}.reset-steps li{display:flex;gap:14px;align-items:flex-start}.reset-steps li>span{font-size:11px;font-weight:550;color:#c8b184;width:29px;height:29px;display:grid;place-items:center;flex:none;border:1px solid #d7b56d23;border-radius:50%;background:#d7b56d08}.reset-steps strong{display:block;font-size:13px;font-weight:550;color:#e0e5e7;padding-top:4px}.reset-steps p{font-size:12px;color:#8d9aa5;line-height:1.7;margin:6px 0 0}.reset-info{display:flex;gap:11px;padding:14px;border:1px solid #d7b56d1f;background:#d7b56d07;border-radius:11px;margin-bottom:25px}.reset-info svg{width:17px;height:20px;flex:none;color:#baaa87}.reset-info p{font-size:11px;line-height:1.7;margin:0;color:#aaa999}.reset-actions{display:grid;grid-template-columns:1fr 2.3fr;gap:10px}.reset-actions .button{font-size:12px;padding:12px 10px;min-height:47px;justify-content:center;border-radius:10px}
.reset-devices{padding:25px 28px!important;border:1px solid #ffffff10!important;border-radius:16px!important;background:linear-gradient(115deg,#1b2126,#13181d)!important}.reset-devices h2{font-size:18px;margin:0 0 10px;font-weight:500}.reset-devices p{font-size:13px;max-width:690px;margin:0 0 18px;color:#8f9ba6}.reset-devices .button{font-size:12px}
@media(max-width:600px){#app-dialog:has(.shop-shell),#app-dialog:has(.reset-shell){padding:21px;max-width:calc(100vw - 24px);max-height:calc(100svh - 24px);border-radius:20px}.shop-heading{margin:20px 0 23px;gap:14px}.shop-product-icon{width:50px;height:50px;border-radius:15px}.shop-product-icon svg{width:25px;height:25px}.shop-heading h2{font-size:26px!important}.shop-heading p{font-size:12px}.shop-kicker{font-size:9px;letter-spacing:1.3px}#shop-checkout{grid-template-columns:1fr;gap:0}.shop-options{padding:0}.shop-product-note{font-size:12px;padding-bottom:17px}.shop-field{margin-bottom:18px}.shop-receipt{padding:19px}.shop-breakdown{padding:14px 0;margin-bottom:15px;min-height:0}.shop-total{margin-bottom:15px}.shop-total>span{max-width:none;font-size:13px}.shop-total strong{font-size:30px}.shop-secure br{display:none}.shop-secure{font-size:10px}.shop-device-footnote{margin:0 0 20px;padding-top:4px;border:0}.shop-device-footnote p{font-size:11px}.shop-wallet{margin-bottom:20px}.reset-shell h2{font-size:26px!important}.reset-actions{grid-template-columns:1fr}.reset-actions .button-gold{grid-row:1}.reset-devices{padding:22px!important}#shop-checkout .shop-input-wrap input{font-size:16px}}
@media(prefers-reduced-motion:reduce){#shop-checkout input{transition:none}}

body:has(#app-dialog[open] .shop-shell),body:has(#app-dialog[open] .reset-shell){overflow:hidden}
@media(max-width:600px){.shop-heading{margin:15px 0 20px}.shop-receipt{padding:17px}.shop-product-note{padding-bottom:14px}.shop-secure{margin-top:12px}}

#app-dialog:has(.order-shell){width:500px;border-radius:24px;background:#13181d;padding:28px 32px 32px}.order-shell h2{font-family:inherit;font-size:28px;line-height:1.25;letter-spacing:-.7px}.order-status{padding:14px 16px;border:1px solid #d7b56d25;background:#d7b56d08;border-radius:10px;color:#d6c394;font-size:13px;margin:20px 0}.order-shell .dialog-actions{gap:10px}.order-shell .dialog-actions .button{font-size:13px}