/* Account workspace: paper, forest green, and quiet editorial spacing. */
:root { --paper:#f4f2ec; --paper-2:#eae7df; --card:#fffdf8; --card-2:#edece4; --ink:#292e27; --ink-2:#545e51; --ink-3:#697064; --ink-4:#72796b; --line:#dddfd4; --line-2:#c3c9b9; --clay:#ac492e; --clay-deep:#9d4028; --clay-soft:#ac492e0d; --clay-line:#ac492e40; --clay-ink:#fffaf2; --forest:#253f33; --ok:#386247; --r:12px; --r-lg:16px; }
[data-theme="dark"] { --paper:#191e1a; --paper-2:#222a23; --card:#222a23; --card-2:#2b352c; --ink:#f0f1e7; --ink-2:#c2ccba; --ink-3:#a5b09b; --ink-4:#9ba793; --line:#394434; --line-2:#59654f; --clay:#eda889; --clay-deep:#f4b69b; --clay-soft:#eda88910; --clay-line:#eda88940; --clay-ink:#22271d; --forest:#2d4c3b; --ok:#a6c2a4; }
body { height:auto; min-height:100dvh; overflow:auto; background:var(--paper); letter-spacing:0; }
[data-theme="dark"] body { background:var(--paper); }
[data-theme="dark"] .primary-button { box-shadow:none; }
button,a { touch-action:manipulation; }
button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible { outline:2px solid var(--clay); outline-offset:4px; }
button:disabled { opacity:.58; cursor:wait; }
.account-shell { width:min(1320px,calc(100% - 80px)); padding:0; display:block; }
.account-top { height:88px; padding:0; border-bottom:1px solid var(--line); gap:20px; flex-direction:row; align-items:center; }
.brand-mark { width:36px; height:36px; border-radius:10px; background:var(--forest); color:#f4f0d9; font-size:23px; box-shadow:none; }
.brand-name { font:600 20px/1.1 'Fraunces',Georgia,serif; letter-spacing:-.035em; }
.brand-sub { font-size:10px; letter-spacing:.14em; color:var(--ink-3); margin-top:5px; }
.top-actions { flex-wrap:nowrap; gap:14px; }
.top-return { display:inline-flex; align-items:center; gap:9px; font-size:12px; color:var(--ink-2); text-decoration:none; }
.top-return:hover { color:var(--clay); }
.top-return > span:first-child { font-size:18px; }
.theme-switch { width:46px; box-shadow:none; border-color:var(--line); }
.theme-switch-track { width:40px; }
.theme-switch[data-theme="dark"] .theme-switch-thumb { transform:translateX(18px); }
.account-layout { display:grid; grid-template-columns:206px minmax(0,1fr); align-items:start; min-height:calc(100dvh - 88px); }
.account-rail { position:sticky; top:28px; padding:34px 22px 24px 0; min-height:calc(100dvh - 116px); display:flex; flex-direction:column; }
.rail-label { font-size:10px; letter-spacing:.08em; color:var(--ink-3); padding:0 13px; margin-bottom:22px; }
.rail-label span { display:block; font-size:8px; letter-spacing:.14em; margin-top:4px; opacity:.8; }
.account-nav { display:grid; gap:7px; }
.account-nav a { min-height:47px; padding:12px 13px; display:flex; align-items:center; gap:12px; color:var(--ink-2); text-decoration:none; font-size:13px; border-radius:8px; transition:background .2s,color .2s; }
.account-nav svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.55; stroke-linecap:round; stroke-linejoin:round; flex-shrink:0; }
.account-nav a:hover { background:var(--card-2); color:var(--ink); }
.account-nav a[aria-current="page"] { color:var(--ink); background:var(--card-2); font-weight:600; }
.account-nav a[aria-current="page"]::after { content:''; width:5px; height:5px; border-radius:50%; background:var(--clay); margin-left:auto; }
.rail-profile { display:flex; align-items:center; gap:9px; margin-top:auto; padding:22px 4px 0; color:var(--ink); text-decoration:none; min-width:0; }
.account-avatar { width:32px; height:32px; flex:0 0 auto; display:grid; place-items:center; background:#dce0ce; color:#34432b; border-radius:50%; font-size:13px; }
.rail-profile > span:nth-child(2) { min-width:0; flex:1; }
.rail-profile strong,.rail-profile small { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.rail-profile strong { font-size:12px; font-weight:550; }
.rail-profile small { font-size:10px; color:var(--ink-3); margin-top:2px; }
.rail-profile > span:last-child { color:var(--ink-3); }
.account-content { min-width:0; padding:38px 0 0 40px; border-left:1px solid var(--line); }
.page-heading { margin-bottom:30px; }
.page-eyebrow { display:block; font-size:9px; line-height:1.5; letter-spacing:.16em; color:var(--ink-3); font-weight:500; }
.page-heading h1 { margin:9px 0 9px; font-size:clamp(28px,3vw,36px); letter-spacing:-.04em; font-weight:600; line-height:1.35; }
.page-heading h1:focus { outline:none; }
.page-heading p { color:var(--ink-3); font-size:12px; }
.account-page { animation:account-enter .35s ease both; }
.overview-grid { display:grid; grid-template-columns:minmax(0,1.42fr) minmax(240px,1fr); gap:20px; }
.balance-card { position:relative; overflow:hidden; min-height:246px; padding:25px 30px; border-radius:12px; background:var(--forest); color:#f4f2e4; isolation:isolate; }
.balance-card-top { display:flex; justify-content:space-between; align-items:center; font-size:12px; color:#e1e8d5; }
.balance-symbol { font-size:24px; line-height:1; color:#c5d3ac; }
.balance-number { display:flex; align-items:baseline; gap:12px; margin:12px 0 1px; }
.balance-number strong { font:400 clamp(44px,5vw,62px)/1.15 'Fraunces',Georgia,serif; letter-spacing:-.04em; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; min-width:0; }
.balance-number > span { font-size:11px; flex-shrink:0; color:#d3ddca; }
.balance-card p { font-size:10px; color:#c1ceba; }
.balance-actions { display:flex; align-items:center; gap:24px; margin-top:25px; }
.balance-card .primary-button { background:#e8ebd8; color:#2d402b; border:0; min-height:38px; border-radius:6px; padding:0 15px; font-size:12px; gap:24px; }
.balance-detail { color:#e6eadc; text-decoration:none; font-size:11px; display:flex; gap:12px; }
.balance-art { position:absolute; right:-50px; bottom:-100px; width:250px; height:260px; z-index:-1; transform:rotate(-23deg); }
.balance-art i { position:absolute; inset:0; border:1px solid #c8d6b630; border-radius:140px 140px 0 0; }
.balance-art i:nth-child(2) { inset:25px; }.balance-art i:nth-child(3) { inset:50px; }
.continue-card { position:relative; overflow:hidden; border:1px solid var(--line); border-radius:12px; padding:24px 26px; background:var(--card-2); }
.continue-card h2 { font-size:26px; line-height:1.5; font-weight:500; letter-spacing:-.04em; margin:16px 0 10px; position:relative; z-index:1; }
.continue-card p { max-width:210px; font-size:11px; color:var(--ink-3); position:relative; z-index:1; }
.continue-card .text-button { margin-top:19px; position:relative; z-index:1; }
.continue-art { position:absolute; right:-4px; top:25px; font-size:130px; line-height:1; color:#b8bd9f55; transform:rotate(13deg); }
.text-button { background:none; border:0; padding:0; display:inline-flex; align-items:center; gap:10px; color:var(--ink-2); font:500 12px/1.5 inherit; font-family:inherit; font-size:12px; cursor:pointer; text-decoration:none; }
.text-button:hover { color:var(--clay); }
.account-section { margin-top:32px; }
.account-section-head { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:16px; }
.account-section-head h2,.records-toolbar h2 { font-size:16px; font-weight:600; letter-spacing:-.02em; line-height:1.5; }
.account-section-head > span { font-size:10px; color:var(--ink-3); }
.service-filters { display:flex; flex-wrap:wrap; gap:4px; margin:0 0 24px; }
.service-filters button { border:1px solid transparent; background:none; color:var(--ink-3); font-family:inherit; font-size:11px; line-height:1.5; padding:8px 9px; min-height:38px; border-radius:6px; cursor:pointer; }
.service-filters button:hover { color:var(--ink); background:var(--card-2); }
.service-filters button[aria-pressed="true"] { color:var(--ink); border-color:var(--line-2); background:var(--card); }
#serviceGrid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px 24px; }
.service-group { min-width:0; }
.service-group[data-group="ai"],.service-group[data-group="tool"],.service-group[data-group="other"],.service-group:only-child { grid-column:1/-1; }
.service-group[data-group="showcase"] .workspace-grid,.service-group[data-group="app"] .workspace-grid { grid-template-columns:1fr; }
.service-group-heading { display:flex; align-items:baseline; gap:15px; margin-bottom:9px; }
.service-group-heading h3 { font-size:12px; font-weight:500; }.service-group-heading h3 span { color:var(--ink-3); margin-left:7px; font-size:9px; }.service-group-heading p { color:var(--ink-3); font-size:10px; }
.workspace-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-top:1px solid var(--line); }
.workspace-card { display:flex; align-items:center; gap:14px; padding:21px 16px 21px 0; color:var(--ink); text-decoration:none; border-bottom:1px solid var(--line); transition:background .2s; min-width:0; }
.workspace-card:nth-child(even) { padding-left:24px; border-left:1px solid var(--line); }
.workspace-card:last-child:nth-child(odd) { grid-column:1/-1; }
.workspace-card:hover { background:var(--card); }
.workspace-icon { width:40px; height:40px; display:grid; place-items:center; font:400 20px/1 'Fraunces',Georgia,serif; background:#e5e3d6; color:#5a6250; border-radius:10px; flex-shrink:0; }
.workspace-card:nth-child(2n) .workspace-icon { background:#e9dfd4; color:#976247; }.workspace-card:nth-child(3n) .workspace-icon { background:#dbe2df; color:#536b66; }
.workspace-copy { min-width:0; flex:1; }.workspace-copy strong { display:block; font-size:13px; font-weight:600; }.workspace-copy small { display:block; font-size:10px; line-height:1.7; color:var(--ink-3); margin-top:4px; }
.workspace-arrow { color:var(--ink-3); font-size:15px; transition:transform .2s; }.workspace-card:hover .workspace-arrow { transform:translate(2px,-2px); }
.activity-preview { border-top:1px solid var(--line); }
.ledger-row { display:grid; grid-template-columns:34px minmax(0,1fr) auto; align-items:center; gap:13px; padding:16px 0; border-bottom:1px solid var(--line); }
.ledger-icon { display:grid; place-items:center; width:30px; height:30px; border:1px solid var(--line); border-radius:50%; color:var(--ink-3); font-size:16px; }
.ledger-copy strong { display:block; font-size:12px; font-weight:500; overflow-wrap:anywhere; }.ledger-copy small { display:block; margin-top:3px; font-size:10px; color:var(--ink-3); }
.ledger-amount { text-align:right; font-variant-numeric:tabular-nums; }.ledger-amount strong { display:block; font-size:14px; font-weight:500; }.ledger-amount small { display:block; font-size:10px; margin-top:3px; color:var(--ink-3); }.credit-in { color:var(--ok); }
.account-footer { display:flex; justify-content:space-between; gap:16px; color:var(--ink-3); font-size:9px; margin:38px 0 0; padding:20px 0; border-top:1px solid var(--line); }.account-footer i { font-style:normal; opacity:.4; margin:0 8px; }
.wallet-tabs { display:flex; gap:28px; border-bottom:1px solid var(--line); margin-bottom:28px; }.wallet-tabs a { position:relative; padding:0 0 14px; font-size:13px; color:var(--ink-3); text-decoration:none; }.wallet-tabs a[aria-current] { color:var(--ink); font-weight:600; }.wallet-tabs a[aria-current]::after { content:''; position:absolute; bottom:-1px; left:0; right:0; height:2px; background:var(--ink); }.wallet-tabs a span { font-size:11px; margin-left:8px; }
.wallet-layout { display:grid; grid-template-columns:minmax(0,1fr) 265px; gap:30px; align-items:start; }.wallet-main { min-width:0; }.wallet-main .account-section-head { margin-bottom:18px; }
.recharge-options { gap:10px; grid-template-columns:repeat(3,minmax(0,1fr)); }.recharge-option { min-height:102px; border-radius:9px; box-shadow:none; background:var(--card); gap:8px; }.recharge-option strong { font-size:28px; font-weight:450; }.recharge-option strong small { font:12px 'Inter',sans-serif; margin-right:5px; }.recharge-option span { color:var(--ink-2); font-size:11px; }.recharge-option.on,.recharge-option:hover { transform:none; box-shadow:none; border-color:var(--clay); background:var(--clay-soft); }.recharge-option::before { display:none; }.recharge-option::after { width:5px; height:5px; box-shadow:none; }
.checkout-summary { padding:25px 23px 20px; border:1px solid var(--line); border-radius:12px; background:var(--card); }.checkout-total { margin:15px 0 20px; font-variant-numeric:tabular-nums; }.checkout-total > span { font-size:18px; padding-right:5px; }.checkout-total strong { font:400 38px/1.2 'Fraunces',Georgia,serif; letter-spacing:-.03em; }.checkout-summary dl { font-size:11px; }.checkout-summary dl > div { display:flex; justify-content:space-between; gap:10px; margin:12px 0; }.checkout-summary dt { color:var(--ink-3); }.checkout-summary dd { font-variant-numeric:tabular-nums; }.checkout-after { padding-bottom:15px; border-bottom:1px solid var(--line); }.checkout-summary .primary-button { width:100%; margin-top:12px; min-height:44px; border-radius:7px; background:var(--forest); border-color:var(--forest); color:#f8f7ec; }.checkout-summary > .text-button { display:flex; margin:8px auto 0; font-size:11px; }.recharge-error:empty { min-height:0; }.recharge-error { font-size:11px; margin-top:10px; overflow-wrap:anywhere; }
.redeem-details { border-top:1px solid var(--line); border-bottom:1px solid var(--line); margin-top:24px; }.redeem-details summary { list-style:none; cursor:pointer; display:flex; justify-content:space-between; font-size:12px; padding:17px 0; color:var(--ink-2); }.redeem-details summary::-webkit-details-marker { display:none; }.redeem-details[open] summary > span { transform:rotate(45deg); }.redeem-form { padding-bottom:17px; }.redeem-form label { display:block; color:var(--ink-3); font-size:11px; margin-bottom:8px; }.recharge-row input { border-radius:6px; font-size:13px; }.redeem-form p { font-size:11px; margin-top:8px; color:var(--err); }.wallet-help,.records-note { font-size:11px; line-height:1.9; color:var(--ink-3); margin-top:18px; }
.records-toolbar { display:flex; justify-content:space-between; gap:12px; align-items:center; }.records-toolbar p { font-size:11px; color:var(--ink-3); margin-top:4px; }.ghost-button { min-height:38px; border-radius:7px; font-size:12px; box-shadow:none; background:var(--card); }.ghost-button:hover { transform:none; }.primary-button:hover { transform:translateY(-1px); box-shadow:none; }
.records-filter { display:flex; align-items:center; gap:10px; margin:24px 0 4px; padding-bottom:18px; border-bottom:1px solid var(--line); }.records-filter label,.records-filter > span { color:var(--ink-3); font-size:11px; }.records-filter > span { margin-left:auto; }.records-filter select { border:1px solid var(--line-2); border-radius:6px; padding:8px 30px 8px 10px; background:var(--card); color:var(--ink-2); font:12px inherit; font-family:inherit; font-size:12px; }
.record-list { min-height:140px; }.order-record { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:15px; padding:22px 0; border-bottom:1px solid var(--line); }.order-record h3 { font-size:14px; font-weight:550; }.order-record h3 span { color:var(--ink-3); font-size:12px; margin-left:12px; font-weight:400; }.order-record time { display:block; color:var(--ink-3); font-size:11px; margin-top:6px; }.order-ref { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-top:7px; font-size:10px; color:var(--ink-3); overflow-wrap:anywhere; }.order-ref .text-button { font-size:10px; text-decoration:underline; text-underline-offset:3px; }.order-meta { display:flex; flex-direction:column; align-items:flex-end; gap:12px; }.order-status { display:inline-flex; font-size:10px; line-height:1.5; border-radius:4px; padding:3px 8px; background:var(--card-2); color:var(--ink-3); font-weight:500; }.order-status[data-status="paid"] { background:#52754312; color:var(--ok); }.order-status[data-status="pending"] { color:var(--clay); background:var(--clay-soft); }.order-meta .ghost-button { font-size:11px; min-height:32px; }
.list-message { grid-column:1/-1; padding:36px 15px; color:var(--ink-3); font-size:12px; text-align:center; }.list-message strong { display:block; color:var(--ink-2); font-size:14px; margin-bottom:6px; font-weight:500; }.list-message .text-button { margin-top:12px; text-decoration:underline; }.list-message.is-error { color:var(--err); }
.settings-card { padding:25px 28px; border:1px solid var(--line); background:var(--card); border-radius:12px; margin-bottom:20px; }.profile-details > div { display:grid; grid-template-columns:125px minmax(0,1fr); gap:20px; padding:13px 0; border-bottom:1px solid var(--line); font-size:12px; }.profile-details > div:last-child { border:0; }.profile-details dt { color:var(--ink-3); }.profile-details dd { overflow-wrap:anywhere; }.settings-row { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:18px 0; border-bottom:1px solid var(--line); }.settings-row:last-child { border:0; padding-bottom:4px; }.settings-row h3 { font-size:13px; font-weight:500; }.settings-row p { color:var(--ink-3); font-size:11px; margin-top:5px; }.settings-row button { flex-shrink:0; }.admin-entry { color:var(--ink-2); text-decoration:none; font-size:12px; display:flex; justify-content:space-between; padding:18px 25px; border:1px solid var(--line); border-radius:10px; }
.account-alert { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; padding:14px 18px; border:1px solid var(--clay-line); color:var(--clay); border-radius:8px; background:var(--clay-soft); margin-bottom:20px; font-size:12px; }.account-alert button { white-space:nowrap; }
.skip-link { position:absolute; top:-80px; left:12px; z-index:10001; padding:12px; color:var(--ink); background:var(--card); }.skip-link:focus { top:10px; }
.login-head h1 { font-size:36px; line-height:1.4; letter-spacing:-.04em; }.login-card { background:var(--card); border-radius:16px; }.login-head p { color:var(--ink-3); }.login-back { margin-top:20px; }.auth-tabs { border-radius:8px; }.form input { border-radius:7px; }.form .primary-button { border-radius:7px; background:var(--forest); color:#f4f2e4; border-color:var(--forest); }.form .field label { font-size:12px; }.error { font-size:12px; }
[data-theme="dark"] .workspace-icon { background:#394335; color:#c3d3b4; }[data-theme="dark"] .workspace-card:nth-child(2n) .workspace-icon { background:#453b31; color:#d8bda1; }[data-theme="dark"] .workspace-card:nth-child(3n) .workspace-icon { background:#334541; color:#b5cebf; }[data-theme="dark"] .continue-art { color:#87967435; }
@keyframes account-enter { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:translateY(0); } }
@media (min-width:1500px) { .account-shell { width:1280px; } .account-content { padding-left:48px; } }
@media (max-width:1060px) { .account-shell { width:calc(100% - 48px); }.account-layout { grid-template-columns:174px minmax(0,1fr); }.account-rail { padding-right:16px; }.account-content { padding-left:28px; }.overview-grid { grid-template-columns:minmax(0,1.2fr) minmax(200px,1fr); gap:16px; }.balance-card { padding:24px; }.continue-card { padding:24px 20px; }.wallet-layout { grid-template-columns:1fr; gap:22px; }.checkout-summary { max-width:none; }.checkout-summary dl { display:grid; grid-template-columns:1fr 1fr; gap:0 30px; }.checkout-after { padding:0; border:0; }.checkout-total { margin-bottom:10px; }.checkout-summary .primary-button { max-width:300px; }.checkout-summary > .text-button { margin-left:0; } }
@media (max-width:760px) { .account-shell { width:calc(100% - 36px); }.account-top { height:74px; }.brand-name { font-size:18px; }.brand-sub { font-size:9px; }.brand-mark { width:32px; height:32px; }.top-actions { gap:12px; }.top-return { font-size:11px; }.account-layout { display:block; }.account-rail { position:sticky; top:0; z-index:10; min-height:0; padding:10px 0; background:var(--paper); border-bottom:1px solid var(--line); }.rail-label,.rail-profile { display:none; }.account-nav { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:4px; }.account-nav a { flex-direction:column; justify-content:center; gap:6px; padding:8px 2px; min-height:58px; font-size:10px; border-radius:6px; }.account-nav svg { width:17px; height:17px; }.account-nav a[aria-current="page"]::after { display:none; }.account-content { padding:26px 0 0; border:0; }.page-heading { margin-bottom:23px; }.page-heading h1 { font-size:29px; margin-top:7px; }.page-heading p { font-size:11px; }.page-eyebrow { font-size:8px; }.overview-grid { grid-template-columns:minmax(0,1.2fr) minmax(170px,1fr); }.balance-number strong { font-size:45px; }.balance-card { padding:23px; }.balance-actions { gap:18px; }.balance-card .primary-button { gap:10px; }.continue-card h2 { font-size:23px; }.workspace-card { gap:10px; }.workspace-card:nth-child(even) { padding-left:15px; }.workspace-icon { width:34px; height:34px; }.workspace-copy small { font-size:10px; }.account-section { margin-top:27px; }.account-footer { margin-top:30px; }.settings-card { padding:22px; }.page-heading h1 { scroll-margin-top:98px; } }
@media (max-width:540px) { .account-shell { width:calc(100% - 32px); }.brand-sub { letter-spacing:.07em; }.top-return > span:first-child { display:none; }.top-return { max-width:82px; line-height:1.5; text-align:right; }.theme-switch { width:40px; min-width:40px; height:28px; min-height:28px; }.theme-switch-track { width:34px; height:20px; }.theme-switch-thumb { width:20px; height:20px; }.theme-switch[data-theme="dark"] .theme-switch-thumb { transform:translateX(14px); }.top-actions { gap:10px; }.overview-grid { grid-template-columns:1fr; gap:12px; }.balance-card { min-height:222px; padding:24px; }.balance-number strong { font-size:56px; }.balance-number { margin:11px 0 1px; }.balance-actions { margin-top:20px; gap:24px; }.continue-card { padding:18px 20px; display:grid; grid-template-columns:1fr auto; align-items:center; gap:7px 16px; }.continue-card .page-eyebrow { grid-column:1; }.continue-card h2 { font-size:18px; margin:0; grid-column:1; }.continue-card h2 br { display:none; }.continue-card p { display:none; }.continue-card .text-button { grid-column:2; grid-row:1/3; margin:0; font-size:11px; }.continue-art { font-size:90px; top:0; right:38px; opacity:.55; }.account-section-head > span { display:none; }.workspace-grid { grid-template-columns:1fr; }.workspace-card,.workspace-card:nth-child(even) { padding:17px 0; border-left:0; gap:14px; }.workspace-icon { width:38px; height:38px; }.workspace-copy strong { font-size:13px; }.workspace-copy small { font-size:11px; }.workspace-arrow { margin-right:3px; }.ledger-row { gap:10px; }.account-footer { font-size:9px; }.account-footer > span:last-child { display:none; }.wallet-tabs { margin-bottom:24px; }.wallet-layout { gap:20px; }.recharge-option { min-height:96px; }.recharge-option strong { font-size:27px; }.checkout-summary { padding:23px; }.checkout-summary dl { display:block; }.checkout-summary .primary-button { max-width:none; }.checkout-summary > .text-button { margin:13px auto 0; }.checkout-after { padding-bottom:12px; border-bottom:1px solid var(--line); }.records-toolbar p { font-size:10px; }.records-toolbar .ghost-button { font-size:11px; padding:0 11px; }.records-filter { margin-top:20px; }.records-filter label { display:none; }.order-record { gap:10px; }.order-record h3 { font-size:13px; }.order-record h3 span { font-size:11px; margin-left:9px; }.order-ref { font-size:9px; }.settings-card { padding:22px 20px; }.profile-details > div { grid-template-columns:75px minmax(0,1fr); gap:12px; }.settings-row { flex-wrap:wrap; gap:13px; }.settings-row .ghost-button { min-height:38px; }.login-stage { padding:30px 0; }.login-card { padding:25px 22px; }.form input,.recharge-row input { font-size:16px; } }
@media (max-width:540px) {
  .account-nav a { font-size:11px; }
  .wallet-main { display:contents; }
  .wallet-main > .account-section-head { order:0; margin:0; }
  .wallet-main > .recharge-options { order:1; }
  .checkout-summary { order:2; display:grid; grid-template-columns:minmax(0,1fr) minmax(130px,1fr); gap:0 16px; padding:20px; width:100%; }
  .checkout-summary > .page-eyebrow { grid-column:1; grid-row:1; }
  .checkout-total { grid-column:1; grid-row:2; margin:8px 0 12px; }
  .checkout-total strong { font-size:32px; }
  .checkout-summary > .primary-button { grid-column:2; grid-row:1/3; align-self:center; margin:0; }
  .checkout-summary dl { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr; gap:0 18px; padding-top:8px; border-top:1px solid var(--line); }
  .checkout-summary dl > div { flex-direction:column; gap:3px; margin:6px 0; }
  .checkout-summary .checkout-after { padding:0; border:0; }
  .checkout-summary > .text-button,.checkout-summary > .recharge-error { grid-column:1/-1; }
  .wallet-main > .redeem-details { order:3; margin:0; }
  .wallet-main > .wallet-help { order:4; margin:0; }
  .service-group-heading { flex-wrap:wrap; gap:3px 12px; }
  #serviceGrid { grid-template-columns:1fr; }
}
@media (min-width:1200px) {
  .service-group[data-group="ai"] .workspace-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .service-group[data-group="ai"] .workspace-card { padding-left:18px; border-left:1px solid var(--line); }
  .service-group[data-group="ai"] .workspace-card:nth-child(3n+1) { padding-left:0; border-left:0; }
  .service-group[data-group="ai"] .workspace-card:last-child:nth-child(odd) { grid-column:auto; }
}
@media (max-width:360px) { .service-filters { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }

/* Shared suite controls */
/* Same control geometry across the suite; keyboard focus stays visible. */
html { -webkit-tap-highlight-color: transparent; }
:where(a,button,input,textarea,select,summary,label,[role="button"],[tabindex]) { -webkit-tap-highlight-color: transparent; }
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,[role="button"]:focus-visible,[tabindex]:focus-visible { outline:2px solid var(--clay,#ac492e); outline-offset:4px; }
:where(button,summary,[role="button"]):active { filter:brightness(.96); }
.theme-switch { position:relative; width:46px; min-width:46px; height:30px; min-height:30px; padding:0; display:inline-grid; place-items:center; border:1px solid var(--line,#dddfd4); border-radius:999px; background:var(--card,var(--panel,#fffdf8)); color:var(--ink); cursor:pointer; flex-shrink:0; transform:none; box-shadow:none; }
.theme-switch::after { content:""; position:absolute; inset:-7px 0; }
.theme-switch-track { position:relative; display:block; width:40px; height:22px; }
.theme-switch-thumb { position:absolute; left:0; top:0; width:22px; height:22px; border-radius:50%; display:grid; place-items:center; background:var(--paper,var(--bg,#f4f2ec)); color:var(--clay,#ac492e); box-shadow:0 2px 6px #1d302016; transition:transform .35s cubic-bezier(.32,.72,0,1),background .25s; }
.theme-switch svg { grid-area:1/1; width:13px; height:13px; transition:opacity .2s,transform .3s; }
.theme-switch .moon { opacity:0; transform:rotate(-25deg) scale(.78); }
.theme-switch[data-theme="dark"] .theme-switch-thumb { transform:translateX(18px); }
.theme-switch[data-theme="dark"] .sun { opacity:0; transform:rotate(35deg) scale(.78); }
.theme-switch[data-theme="dark"] .moon { opacity:1; transform:none; }
.theme-switch:hover { border-color:var(--clay,#ac492e); }
@media(max-width:540px) { .theme-switch { width:40px; min-width:40px; height:28px; min-height:28px; }.theme-switch-track { width:34px; height:20px; }.theme-switch-thumb { width:20px; height:20px; }.theme-switch[data-theme="dark"] .theme-switch-thumb { transform:translateX(14px); } }