/* Account and checkout review screens; all colours use the existing brand tokens. */
.account-workspace{display:grid;grid-template-columns:220px minmax(0,1fr);gap:65px;padding-top:52px;padding-bottom:65px;align-items:start}.account-sidebar{position:sticky;top:28px}.sidebar-identity{display:flex;align-items:center;gap:12px;padding:15px 0 28px}.sidebar-identity strong{font-size:12px;font-weight:400}.sidebar-identity small{display:block;font-size:9px;color:var(--muted);margin-top:5px}.avatar{width:40px;height:40px;flex-shrink:0;background:#c6b995;color:#24221d;border-radius:50%;display:grid;place-items:center;font:26px 'YooVoy Display'}.avatar.large{width:76px;height:76px;font-size:46px}.avatar.tone-1{background:#a5b4ac}.avatar.tone-2{background:#b3a7bd}.account-sidebar nav{display:grid;gap:5px;margin-bottom:33px}.account-sidebar nav button{display:flex;align-items:center;justify-content:space-between;text-align:left;padding:16px 15px;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:6px;font-size:13px}.account-sidebar nav button small{display:block;font-size:10px;margin-top:4px}.account-sidebar nav button[aria-current]{border-color:var(--line);color:var(--ink);background:var(--surface2)}.account-sidebar nav button>span{margin-left:auto}.account-sidebar>.small-label{margin-top:25px}.account-content{min-width:0}.account-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:35px}.account-heading h1{font:400 62px/1.05 'YooVoy Display';letter-spacing:-.015em;margin:12px 0}.account-heading p:not(.eyebrow){font-size:15px;color:var(--muted);margin:0}.account-heading .demo-select{margin:0;display:block}.account-heading .demo-select select{display:block;margin-top:8px;font-size:11px;max-width:220px}.settings-section{padding:29px 0;border-top:1px solid var(--line)}.settings-section h2{font-size:17px;font-weight:400;margin:0 0 20px}.settings-section h2 small{color:var(--muted);font-size:12px;margin-left:12px}.profile-identity{display:flex;align-items:center;gap:20px;margin:0 0 30px}.profile-identity h2{margin:0 0 6px}.profile-identity p{font-size:12px;color:var(--muted);margin:0}.profile-identity .btn{margin-left:auto}.settings-row{display:flex;align-items:center;gap:25px;padding:20px 0;font-size:13px}.settings-row>div:first-child{margin-right:auto}.settings-row strong{font-weight:400}.settings-row small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.text-button{background:transparent;color:var(--ink);border:0;border-bottom:1px solid var(--line);padding:12px 0;font-size:11px}.device-row{display:flex;align-items:center;gap:14px;border-top:1px solid var(--line);padding:20px 0;font-size:12px}.device-row>div{margin-right:auto}.device-row small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.device-dot{height:7px;width:7px;border-radius:50%;background:#a5b4ac;flex-shrink:0}.device-dot.offline{background:var(--muted);opacity:.5}.settings-section>.btn{margin-top:10px}.account-member h2 small{font:16px Arial,'Microsoft JhengHei',sans-serif;margin-left:9px;color:var(--muted)}.button-pair{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.wallet-heading{display:flex;justify-content:space-between;align-items:center;margin:36px 0 24px;gap:20px}.wallet-total{font:54px/1.1 'YooVoy Display';margin-top:8px}.wallet-total small{font:11px Arial,sans-serif;color:var(--muted);margin-left:12px}.activity-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:15px}.activity-heading h2{margin-bottom:0}.activity-heading label{margin:0;font-size:9px}.activity-heading select{display:block;margin-top:5px;font-size:10px;padding:9px;min-height:38px}.account-content .ledger{min-width:560px}.bills-table td:last-child{text-align:left;font-size:11px}.bills-table td{font-size:12px}.bills-table .pill{display:inline-block;font-size:10px}.pack-list{display:grid;gap:10px}.pack-choice{background:transparent;border:1px solid var(--line);border-radius:6px;color:var(--ink);padding:16px 18px;display:flex;justify-content:space-between;align-items:center;text-align:left;gap:20px;font-size:20px}.pack-choice small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.pack-choice>span:last-child{font-size:11px;text-align:right;color:var(--muted)}.pack-choice[aria-pressed=true]{border-color:var(--accent);background:var(--surface2)}.custom-pack{font-size:12px;padding:15px 18px;border:1px solid var(--line);border-radius:6px}.custom-pack input{margin-top:10px}.topup-modal{max-width:570px;max-height:90dvh;overflow-y:auto}.modal-body{margin:22px 0;font-size:12px;color:var(--muted);line-height:1.8}.modal-body p{margin:15px 0}.modal-body .input{width:100%}.purchase-story{position:relative;aspect-ratio:2.4;overflow:hidden;margin:30px 0;border-radius:6px}.purchase-story img{width:100%;height:100%;object-fit:cover;opacity:.6}.purchase-story p{position:absolute;left:24px;bottom:12px;font-size:12px;line-height:1.8;color:#fff}.checkout-layout>.panel>h2{font-size:22px;line-height:1.5;font-weight:400}.checkout-layout>.panel>.btn{margin-top:24px}.cashier{display:grid;grid-template-columns:1fr 1fr;min-height:690px}.cashier-order{background:var(--surface);padding:55px max(5vw,calc((100vw - 1120px)/2)) 50px; padding-right:65px}.cashier-order>.eyebrow{margin-top:65px}.cashier h1{font:400 66px/1 'YooVoy Display';margin:15px 0}.cashier .zh-heading{font-size:17px;color:var(--muted)}.cashier-product{margin-top:40px;font-size:12px;color:var(--muted)}.cashier-product small{display:block;margin-top:5px;font-size:10px}.cashier-product strong{display:block;margin-top:17px;font-size:23px;color:var(--ink);font-weight:400}.cashier-price{margin-top:30px}.cashier-price>small{display:block;color:var(--muted);font-size:10px}.cashier-price>small small{display:inline;margin-left:8px}.cashier-price>strong{display:block;font:48px 'YooVoy Display';margin:10px 0}.cashier-price .pending{display:block;margin-bottom:12px}.cashier-order .quiet{font-size:11px;max-width:360px}.cashier-company{margin-top:55px;border-top:1px solid var(--line);padding-top:22px;font-size:12px;line-height:1.8}.cashier-company strong{font-weight:400}.cashier-company small{display:block;color:var(--muted);font-size:10px}.cashier-payment{max-width:570px;width:100%;padding:100px 45px 55px 65px;align-self:start}.cashier-payment h2{font-size:25px;font-weight:400;margin:20px 0 30px}.cashier-payment h2 small{display:block;color:var(--muted);font-size:14px;margin-top:8px}.cashier-methods{display:grid;gap:10px}.cashier-method{display:flex;align-items:center;gap:13px;background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:6px;text-align:left;padding:18px 16px;min-height:70px}.cashier-method small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.radio-mark{height:14px;width:14px;border:1px solid var(--muted);border-radius:50%;flex-shrink:0}.cashier-method[aria-pressed=true]{border-color:var(--accent);background:var(--surface)}.cashier-method[aria-pressed=true] .radio-mark{border:4px solid var(--accent)}.method-type{font-size:9px;color:var(--muted);margin-left:auto;text-align:right}.cashier-payment>.btn{margin-top:28px}.cashier-disclaimer{text-align:center;margin-top:22px}.cashier-payment .note-box{font-size:10px;padding:16px}.invoice-wrap{max-width:880px;margin:35px auto 70px;padding:0 25px}.invoice-sheet{margin-top:25px;border:1px solid var(--line);border-radius:6px;background:var(--surface);padding:50px}.invoice-sheet header{display:flex;align-items:center;justify-content:space-between;gap:20px}.invoice-sheet h1{font:48px 'YooVoy Display';margin:12px 0}.invoice-sheet h1 small{font:15px Arial,sans-serif}.invoice-sheet header img{width:105px;height:50px;object-fit:contain}.invoice-demo{border:1px solid var(--accent);color:var(--accent);padding:16px;margin:25px 0;font-size:11px;line-height:1.8}.invoice-meta{max-width:360px}.invoice-parties{display:grid;grid-template-columns:1.2fr 1fr;gap:35px;margin:32px 0;font-size:12px;line-height:1.8}.invoice-parties strong{font-weight:400}.invoice-parties p,.invoice-parties small{color:var(--muted);font-size:10px}.invoice-totals{max-width:300px;margin:30px 0 30px auto}
@media(max-width:1050px){.account-workspace{grid-template-columns:185px minmax(0,1fr);gap:30px}.account-heading h1{font-size:48px}.cashier-order{padding-left:5vw;padding-right:35px}.cashier-payment{padding-left:35px;padding-right:5vw}.account-heading{align-items:start;flex-direction:column}.profile-identity{flex-wrap:wrap}.profile-identity .btn{margin-left:0}.account-content .balance-card .value{font-size:25px}}
@media(max-width:700px){.account-workspace{display:block;padding-top:25px}.account-sidebar{position:static;margin-bottom:30px}.account-sidebar>.eyebrow,.sidebar-identity,.account-sidebar>.text-link,.account-sidebar>.small-label{display:none}.account-sidebar nav{display:flex;overflow-x:auto;gap:8px;margin:0}.account-sidebar nav button{flex:1;min-width:110px;padding:12px 9px;font-size:11px}.account-sidebar nav button>span{display:none}.account-sidebar nav button small{font-size:9px}.account-heading h1{font-size:47px}.account-heading{margin-bottom:25px}.profile-identity{gap:14px}.profile-identity h2{font-size:15px}.profile-identity p{font-size:10px}.profile-identity .btn{width:100%;margin-top:10px}.settings-row{gap:13px;font-size:11px;flex-wrap:wrap}.settings-row>span{overflow-wrap:anywhere}.settings-section{padding:23px 0}.device-row{gap:10px}.device-row .pill{padding:6px 8px;font-size:8px}.device-row small{font-size:9px}.device-row>div{font-size:11px}.wallet-heading{align-items:start;flex-direction:column;gap:14px}.wallet-heading .btn{width:100%}.wallet-total{font-size:48px}.member-footer{flex-direction:column;align-items:start}.activity-heading{align-items:start;flex-direction:column;gap:12px}.activity-heading label,.activity-heading select{width:100%}.account-content .balance-card{padding:15px 10px}.account-content .balance-card .small-label{font-size:8px}.account-content .balance-card .value{font-size:24px}.cashier{grid-template-columns:1fr;min-height:0}.cashier-order{padding:25px 5vw 30px}.cashier-order>.eyebrow{margin-top:30px}.cashier h1{font-size:52px}.cashier-product{margin-top:25px}.cashier-price{margin-top:20px}.cashier-price>strong{font-size:42px}.cashier-company{margin-top:25px}.cashier-payment{max-width:none;padding:32px 5vw 40px}.cashier-payment h2{margin-top:12px}.invoice-wrap{padding:0 5vw;margin-top:25px}.invoice-sheet{padding:22px}.invoice-sheet h1{font-size:39px}.invoice-sheet header img{width:75px}.invoice-parties{grid-template-columns:1fr;gap:20px}.invoice-sheet .ledger{font-size:10px}.invoice-sheet .ledger td:last-child{font-size:12px}.pack-choice{padding:13px 15px}.topup-modal{padding:22px}.modal-body{font-size:11px}}

[data-display-only] :is(a[aria-disabled="true"], button:disabled, input:disabled, select:disabled),
.plan [aria-disabled="true"] { cursor: default; opacity: .55; }
.commerce-display-note { margin-block: 1rem; }