/* Shared neutral surfaces: mist grey in light mode, graphite in dark mode. */
.light-palette{--feature-fill:linear-gradient(115deg,#f5f6f7 10%,#e5e8ec 100%);--feature-base:#edf0f3;--feature-edge:#d4d9df;--feature-inset:#f0f2f4;--feature-dots:#66717b24;--feature-contour:#6574802b}
.sky-palette{--feature-fill:linear-gradient(115deg,#25282b 10%,#191c1f 100%);--feature-base:#202326;--feature-edge:#42484d;--feature-inset:#1b1f22;--feature-dots:#bdc9d22b;--feature-contour:#b6c5cf35}
:is(.light-palette,.sky-palette) :is(.rc-balance,.rc-partner-banner,.partner-hero,.fixed-hero){background:var(--feature-fill);background-color:var(--feature-base);border:1px solid var(--feature-edge)}
:is(.light-palette,.sky-palette) .wf-balance{background:var(--feature-fill)!important;background-color:var(--feature-base)!important;border:1px solid var(--feature-edge)}
:is(.light-palette,.sky-palette) :is(.rc-balance,.wf-balance,.fixed-hero):before{background-image:radial-gradient(circle at 1.5px 1.5px,var(--feature-dots) 1.5px,transparent 1.9px);opacity:.65}
:is(.light-palette,.sky-palette) :is(.rc-balance,.wf-balance,.fixed-hero):after{background:repeating-radial-gradient(circle at 50% 50%,transparent 0,transparent 27px,var(--feature-contour) 28px,transparent 30px);border-color:var(--feature-contour);opacity:.55}
:is(.light-palette,.sky-palette) :is(.rc-code,.account-rewards-grid>div,.partner-summary>div,.partner-product-note){background:var(--feature-inset);border-color:var(--feature-edge)}
.light-palette .account-rewards-grid>div:nth-child(2),.sky-palette .account-rewards-grid>div:nth-child(2){background:var(--feature-inset)}
.light-palette .account-rewards-grid span{color:#656b73}
.light-palette .rc-state.ready,.sky-palette .rc-state.ready{background:var(--feature-inset)}
.light-palette .fixed-card-price>span,.light-palette .fixed-price-line span{background:#edf0f3}
:is(.light-palette,.sky-palette) .account-wallet{background:linear-gradient(115deg,#25282b,#191c1f);background-color:#202326;border-color:#42484d}
:is(.light-palette,.sky-palette) .account-wallet:before{background:repeating-radial-gradient(ellipse at 130% 0%,transparent 0,transparent 21px,#c7ced51f 22px,transparent 23px)}
:is(.light-palette,.sky-palette) .account-wallet:after{border-color:#c7ced524}
.light-palette .app-service:first-child i{background:#f0f2f4}
.light-palette .banner-ambient{background:#eef0f3}.light-palette .ambient-haze{background:radial-gradient(ellipse at 90% 15%,#d1d8df66,transparent 55%),radial-gradient(ellipse at 85% 85%,#bbc4cc16,transparent 44%)}
.sky-palette .ambient-haze{background:radial-gradient(ellipse at 85% 30%,#a7b8c216,transparent 48%),radial-gradient(ellipse at 75% 85%,#a7b8c20b,transparent 44%)}
.intro-halo{background:#eef0f2}.intro-orbit{border-color:#d6dde3}.intro-object{border-color:#d4dbe0;box-shadow:0 18px 38px #1618230a}
.modal .rc-status-notice,.modal .rc-rules i{background:#f1f3f5!important;color:#59626d!important}
.modal .wf-checkout-row,.wf-sheet .wf-pick-button[aria-pressed=true],.wf-sheet .wf-field :is(input,select,textarea){background:#f6f7f8;border-color:#dce0e5}
.rc-balance{position:relative;isolation:isolate;overflow:hidden;border-radius:18px}
.rc-balance:before{opacity:.65;mask-image:linear-gradient(100deg,transparent 12%,#000 100%)}
.light-palette .rc-balance:before{background-image:radial-gradient(circle at 1.5px 1.5px,#66717b24 1.5px,transparent 1.9px)}
.light-palette .rc-balance:after{background:repeating-radial-gradient(circle at 50% 50%,transparent 0,transparent 27px,#6574802b 28px,transparent 30px);border-color:#6574802b;opacity:.55}
.sky-palette .rc-balance:before{background-image:radial-gradient(circle at 1.5px 1.5px,#bdc9d22b 1.5px,transparent 1.9px)}
.sky-palette .rc-balance:after{background:repeating-radial-gradient(circle at 50% 50%,transparent 0,transparent 27px,#b6c5cf35 28px,transparent 30px);border-color:#b6c5cf35;opacity:.55}
.rc-balance>div,.rc-balance>strong{position:relative;z-index:1}
.rc-balance strong{font-variant-numeric:tabular-nums}
.light-palette .rc-balance .rc-balance-top,.light-palette .rc-balance .rc-balance-bottom{color:#565e68}
.sky-palette .rc-balance .rc-balance-top,.sky-palette .rc-balance .rc-balance-bottom{color:#bdc7ce}
.light-palette .rc-balance .rc-preview{background:#ffffffb3;color:#59636d}
.sky-palette .rc-balance .rc-preview{background:#ffffff0d;color:#c8d1d7}
/* Keep an eight-digit code legible without squeezing its actions beside it. */
.rc-code{display:block;padding:16px;border-style:solid}
.rc-code-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted)}
.rc-code-status{font-size:11px;white-space:nowrap}
.rc-code>strong{display:block;font-size:30px;line-height:1.4;letter-spacing:3px;font-variant-numeric:tabular-nums;margin:12px 0 16px;text-align:center}
.rc-code-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.rc-code .secondary{border:1px solid var(--line);border-radius:10px;min-height:44px;padding:10px 8px;font-size:12px;line-height:20px;text-decoration:none}
.light-palette .rc-code .secondary{background:#fff;color:#222226;border-color:#d5d5dc}
.sky-palette .rc-code .secondary{background:#25292d;color:#edf0f3;border-color:#4b5258}
.rc-code .secondary:disabled{opacity:.6;cursor:default}
.rc-code-label{display:block;color:#303036;font-size:13px;margin:18px 0 8px}
.modal .rc-code-input{width:100%;min-width:0;min-height:52px;padding:12px 14px;margin:0;border:1px solid #cccbd3;border-radius:10px;background:#f7f7f9;color:#171719;font-size:22px!important;line-height:28px;letter-spacing:2px;font-variant-numeric:tabular-nums}
.modal .rc-code-input::placeholder{font-size:16px;letter-spacing:0;color:#72727c}
.rc-code-input:focus-visible{outline:2px solid #171719;outline-offset:2px}
.modal .rc-code-hint{color:#38383f;font-size:14px;line-height:1.7;margin:0 0 12px}
.modal .rc-code-policy{font-size:12px;line-height:1.8;color:#63636e;margin:12px 0}
.rc-code-error{color:#b51b3c;font-size:12px;line-height:1.7;min-height:22px;margin:10px 0}
.rc-code-comparison{padding:16px;background:#f6f6f8;border:1px solid #e3e3e9;border-radius:12px}
.rc-code-comparison>div{display:grid;gap:6px}.rc-code-comparison span{font-size:12px;color:#63636e}
.rc-code-comparison b{font-size:23px;letter-spacing:2px;color:#171719;font-variant-numeric:tabular-nums;text-align:center}
.rc-code-comparison>i{display:block;font-style:normal;color:#63636e;line-height:24px;margin:7px 0}
.rc-code-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.rc-code-manual strong{font-size:24px;letter-spacing:2px}.rc-code-manual p{font-size:13px;overflow-wrap:anywhere;user-select:text}
:is(.light-palette,.sky-palette) .modal .account-detail-status p{color:#63636e}
.light-palette .modal .fixed-checkout-item p{color:#63636e}
/* Decorations never receive input; pause background motion during any operation in a dialog. */
.commerce-header-pattern,.banner-ambient,.banner-ambient *,.rc-balance:before,.rc-balance:after,.wf-balance:before,.wf-balance:after,.account-wallet:before,.account-wallet:after,.progress>div:after{pointer-events:none!important}
.page[hidden] *,.page[hidden] :before,.page[hidden] :after,
html.has-open-dialog .page *,html.has-open-dialog .page :before,html.has-open-dialog .page :after,
html[data-header-motion-suspended=true] .page *,html[data-header-motion-suspended=true] .page :before,html[data-header-motion-suspended=true] .page :after{animation-play-state:paused!important}
@media(max-width:760px){
 .page .primary,.page .secondary{min-height:44px;line-height:20px}
 .page .primary,.app-buybar button,.fixed-detail-bar button,.wf-paymentbar .wf-submit{font-size:14px!important;font-weight:600;border-radius:10px}
 .page .drop-directory-header h1{font-size:24px!important;line-height:1.35}
 .rc-balance{padding:20px;margin:16px 0}.rc-balance>strong{font-size:40px;line-height:1.2;margin:18px 0 22px}
 .rc-balance-top{gap:12px;line-height:1.6}.rc-balance-bottom{gap:14px;align-items:center}
 .rc-balance-bottom>span{max-width:55%;font-size:12px;line-height:1.6}
 .rc-balance-bottom>.primary{min-height:44px;font-size:14px;padding:12px 16px}
 .rc-info .rc-balance-top{gap:10px;flex-wrap:wrap;font-size:12px}
 .rc-code-actions .secondary{font-size:12px}
 .rc-back.auxiliary-header-back{min-height:44px}
 .page .rc-tabs,.page .rc-filters,.page .account-status-tabs{scroll-padding-inline:2px}
 .modal,.wf-sheet{max-width:100%;box-sizing:border-box}
 .modal .primary,.modal .secondary,.wf-sheet .primary,.wf-sheet .secondary{min-height:44px}
}
@media(max-width:350px){.page .drop-directory-header h1{font-size:23px!important}.rc-code{padding:13px}.rc-code>strong{font-size:27px;letter-spacing:2px}.rc-code-actions{gap:8px}.rc-code-actions .secondary{font-size:11px}.rc-balance{padding:18px}.rc-balance>strong{font-size:38px}.rc-balance-bottom>.primary{padding-inline:13px}}
@media(max-width:350px){html[lang=en] .rc-balance-bottom{display:grid;grid-template-columns:1fr;gap:12px}html[lang=en] .rc-balance-bottom>span{max-width:none}html[lang=en] .rc-balance-bottom>.primary{width:100%}}
@media(prefers-reduced-motion:reduce){.page *,.page :before,.page :after{animation:none!important;scroll-behavior:auto!important}}
/* Order metadata and actions share one deliberate footer rather than three loose rows. */
#page-orders .account-order-types{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:350px){#page-orders .account-order-types button{font-size:11px;gap:3px;padding-inline:2px}#page-orders .account-order-types small{font-size:9px;min-width:14px}}
.account-order-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding:14px 0 0;margin-top:16px;font-size:12px}
.account-order-meta{display:grid;gap:5px;min-width:0;line-height:1.6;color:var(--muted)}
.account-order-reference{display:flex;align-items:baseline;gap:6px;min-width:0;font-size:11px}
.account-order-reference>b{font-size:12px;font-weight:500;color:var(--ink);overflow-wrap:anywhere}
.account-order-meta time{font-size:11px;white-space:nowrap;font-variant-numeric:tabular-nums}
.account-order-footer .account-order-actions{border:0;margin:0;padding:0;gap:8px;flex-shrink:0}
.account-order-footer .account-order-actions button{min-height:44px;min-width:76px;border-radius:10px;padding:10px 14px;font-size:12px;line-height:20px;white-space:nowrap}
@media(max-width:760px){
 .account-order-footer{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding-top:13px;margin-top:14px}
 .account-order-meta{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:5px 12px}
 .account-order-reference{font-size:10px}.account-order-reference>b{font-size:11px}.account-order-meta time{font-size:10px}
 .account-order-footer .account-order-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:8px}
 .account-order-footer .account-order-actions:has(>button:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))}
 .account-order-footer .account-order-actions button{min-width:0;padding:10px 8px;font-size:12px}
}
/* White order-detail sheet: scroll the information while keeping actions in reach. */
.modal:has(.account-detail-sheet){max-width:520px}
.modal:has(.account-detail-sheet) #modal-body{display:flex;flex-direction:column;overflow:hidden;padding:0;flex:1 1 auto;min-height:0;scrollbar-gutter:auto}
.account-detail-sheet{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;color:#20242a;--ink:#20242a;--muted:#626b75;--line:#e1e5e9}
.account-detail-scroll{min-height:0;overflow:auto;padding:16px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable}
.account-detail-scroll:focus-visible{outline:2px solid #7f8993;outline-offset:-3px}
.account-detail-overview{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px;background:#f0f2f4;border:1px solid #e0e5e9;border-radius:12px}
.account-detail-overview>div{min-width:0}.account-detail-overview span{display:block;font-size:11px;line-height:1.6;color:#626b75}
.account-detail-overview strong{display:block;font-size:21px;line-height:1.4;font-weight:650;margin:4px 0 6px;letter-spacing:-.3px}
.account-detail-overview p{font-size:12px;line-height:1.7;color:#626b75;margin:0}
.account-detail-overview>i{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;color:#606c77;background:#fff;border-radius:10px}
.account-detail-overview svg{width:23px;height:23px}
.account-detail-product{display:flex;align-items:center;gap:13px;margin:16px 0;padding:0 0 16px;border-bottom:1px solid #e1e5e9}
.account-detail-product>.account-order-art{width:72px;height:72px;flex-basis:72px}
.account-detail-product>div:last-child{min-width:0;flex:1}
.modal .account-detail-product h3{font-family:inherit;font-size:15px;line-height:1.5;margin:0 0 5px;font-weight:650;color:#20242a}
.account-detail-product p{font-size:12px;line-height:1.6;margin:0;color:#626b75}
.account-detail-product-price{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-top:7px;font-size:13px}
.account-detail-product-price strong{font-weight:600}.account-detail-product-price span{color:#626b75}
.account-detail-section{margin-top:16px;padding:0}
.modal .account-detail-section h3{font-family:inherit;font-size:14px;line-height:1.5;font-weight:650;color:#20242a;margin:0 0 12px}
.account-detail-facts{margin:0;display:grid;gap:11px}
.account-detail-facts>div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:16px;align-items:baseline;font-size:12px;line-height:1.7}
.account-detail-facts dt{color:#626b75}.account-detail-facts dd{margin:0;color:#303740;text-align:right;overflow-wrap:anywhere}
.account-detail-costs{border-top:1px solid #e1e5e9;padding-top:12px;margin-top:14px;display:grid;gap:8px;font-size:12px;line-height:1.6}
.account-detail-costs>div{display:flex;justify-content:space-between;align-items:baseline;gap:16px}.account-detail-costs span{color:#626b75}.account-detail-costs b{font-weight:500}
.account-detail-delivery{background:#f6f7f8;border:1px solid #e1e5e9;border-radius:12px;padding:14px;margin:18px 0 0}
.account-detail-section-heading{display:flex;align-items:center;gap:6px;margin:0 0 11px}.account-detail-section-heading>i{display:flex;color:#626b75}.account-detail-section-heading svg{width:17px;height:17px}.modal .account-detail-section-heading h3{margin:0}
.account-delivery-contact{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 12px;font-size:13px;line-height:1.7}.account-delivery-contact strong{font-weight:600}.account-delivery-contact span{color:#535e6a;font-variant-numeric:tabular-nums}
.account-detail-delivery p{font-size:12px;line-height:1.8;color:#535e6a;margin:7px 0 0;overflow-wrap:anywhere}
.account-detail-delivery small{display:block;color:#626b75;font-size:10px;line-height:1.6;margin-top:10px}
.account-detail-bottom{flex-shrink:0;background:#fff;border-top:1px solid #e1e5e9;padding:12px 16px 16px}
.account-detail-payable{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:12px;line-height:1.5}.account-detail-payable>span{font-size:12px;color:#626b75}.account-detail-payable>strong{font-size:24px;font-weight:650;color:#20242a;font-variant-numeric:tabular-nums;letter-spacing:-.6px}
.account-detail-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.account-detail-controls.has-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.modal .account-detail-controls button{min-width:0;min-height:44px;font-size:13px;line-height:20px;padding:11px 8px;border-radius:10px;white-space:normal;overflow-wrap:normal}
.modal .account-detail-controls.has-three button{font-size:12px}
.modal .account-detail-controls .secondary{background:#fff;border-color:#d4d9df;color:#4e5964}
#modal-body .account-detail-controls>button{margin:0}
@media(max-width:350px){.account-detail-facts>div{grid-template-columns:76px minmax(0,1fr);gap:12px}.account-detail-scroll{padding:14px}.account-detail-overview{padding:14px;gap:10px}.account-detail-overview strong{font-size:20px}.account-detail-bottom{padding:10px 14px 14px}.account-detail-payable{margin-bottom:10px}.account-detail-payable>strong{font-size:22px}.modal .account-detail-controls button{font-size:12px;padding-inline:6px}}