/* v46: help a new traveler act before showing the management tools. */
:root{--bg-app:#f8fafc;--bg-grouped-card:#f1f5f9;--line:#dde5e8;--text-muted:#60716e}body{background:#f8fafc}header{background:white;border-bottom:1px solid var(--line);height:76px;padding-inline:32px;gap:12px}.sidebar{background:#fff}.trip-button{border:1px solid #cbd8d5;background:#f8fafc;border-radius:14px;padding:10px 14px;color:#234b41;font-size:13px;max-width:calc(100% - 100px);white-space:normal;text-align:left;line-height:1.5}.trip-button:hover{background:#f0fdfa}.change-cards{margin-left:auto;flex-shrink:0;font-size:12px;border-radius:999px;color:#087f73;background:white;padding:8px 14px}.quick-intro{margin-bottom:18px;display:flex;gap:12px;justify-content:space-between;align-items:baseline}.quick-intro h1{font-size:22px;margin:0;letter-spacing:-.5px;color:#153f35}.quick-intro p{font-size:12px;color:var(--text-muted)}.amount-card{background:white;border:1px solid #e1e9e6;box-shadow:0 4px 20px #0f172a0d;padding:24px;border-radius:22px}.amount-line{background:#f0fdfa;border:2px solid #087f73;border-radius:16px;padding:14px 16px;margin:16px 0}.amount-line input,.amount-card .amount-line input{background:transparent;border:none;box-shadow:none}.amount-line>span:last-child{font-size:12px}.amount-card>.section-head{justify-content:space-between;align-items:center;margin-bottom:10px;gap:10px}.amount-card>.section-head h2,.ranking-section h2{font-size:17px;line-height:1.5}.step-label{display:inline-block;color:#087f73;background:#f0fdfa;border-radius:6px;padding:3px 7px;font-size:10px;font-weight:800;vertical-align:middle;letter-spacing:.6px;margin-right:4px}.shortcuts button,.chips button{background:#f1f5f9;border:1px solid transparent;color:#334155}.chips button.active{background:#087f73;border-color:#087f73;color:white}.shortcuts button:hover,.chips button:hover{border-color:#99b9af}.field-title{margin:14px 0 6px}.category-help{font-size:10px;margin:4px 0 8px;color:#60716e}.merchant-options{margin-top:12px;border-top:1px solid var(--line);padding-top:6px}.merchant-options>summary{min-height:44px;cursor:pointer;display:flex;justify-content:space-between;gap:10px;align-items:center;color:#087f73;font-size:12px}.merchant-options>summary:after{content:'⌄';flex-shrink:0}.merchant-options small{font-size:10px;color:var(--text-muted);font-weight:400;margin-left:auto;max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.merchant-options[open]{padding-bottom:4px}.date-option{display:flex;align-items:center;gap:12px;color:var(--text-muted);font-size:12px;margin:8px 0}.date-option input{font-size:16px;background:#fff;border:1px solid #c4d5cf!important}.merchant-line input{background:#fff;border:1px solid #c4d5cf!important}.common-shops button{font-size:11px;background:#f8fafc;border:1px dashed #c7d3ce}.common-shops{margin:8px 0}.compact-currency{min-width:44px}.currency-bar.compact-currency{background:#f8fafc;border:1px solid #c2d4cd;margin-left:auto;border-radius:12px;padding:8px 12px}.compact-currency strong{font-size:12px}.compact-currency span{font-size:11px;color:#526c62}.ranking-section{margin-top:22px}.ranking-section>.section-head{margin-bottom:6px;align-items:baseline}.ranking-help{font-size:11px;color:var(--text-muted);margin-bottom:12px}.grouped{background:#f5f8f7;border:1px solid #dce5e0}.rank-row:first-child{background:white;box-shadow:inset 4px 0 #087f73}.rank-row{background:white;padding:16px;align-items:flex-start}.rank-row:hover{background:#f0fdfa}.rank-row:active{background:#e0f3eb}.rank-info b{font-size:14px}.rank-info small{font-size:11px;line-height:1.6}.rank-value{font-size:18px}.rank-value .formula-affordance{display:block;margin-top:8px;font-size:11px;line-height:1.4;padding:5px 8px;border:1px solid #bad5ca;border-radius:999px;background:#f8fcfa;color:#087f73;font-weight:650}.qualification-hint{display:inline-block;max-width:100%;font-size:10px;line-height:1.6;color:#855015;background:#fff5dd;border:1px solid #f3dfac;border-radius:8px;padding:4px 7px;margin-top:7px;overflow-wrap:anywhere}.record-step{margin:18px 0 10px;font-size:12px;font-weight:650;color:#334b41}.dual-actions{margin-top:0;grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.dual-actions #savePurchase{height:auto;min-height:58px;padding:12px 14px;box-shadow:0 6px 18px #087f7347;line-height:1.5;display:flex;flex-direction:column;justify-content:center;gap:2px;white-space:normal}.dual-actions #savePurchase span{font-size:13px;font-weight:750}.dual-actions #savePurchase small{color:white;font-size:11px;font-weight:400}.dual-actions #splitPurchase{height:auto;min-height:54px;box-shadow:none;font-size:11px;border-color:#c8d9d1;color:#406454}.journey-secondary{margin:30px auto 0;max-width:960px;border-top:1px solid var(--line);padding-top:20px}.journey-secondary>h2{font-size:14px;color:#526c62;margin-bottom:12px}.quick-top-tools{margin:0;gap:12px;align-items:stretch}.top-radar{background:#f3f8f6;border-color:#d6e4dd;min-width:220px}.trip-reward-summary{background:#fff;border-color:#e1e7e4}.top-radar>span:first-child{font-size:12px}.trip-reward-summary b{font-size:16px}.travel-note{display:none}#onboarding{background:#fff;border:1px solid #b6d4c7;border-top:4px solid #087f73;border-radius:20px;padding:22px;margin-bottom:24px;box-shadow:0 6px 24px #0f463510;scroll-margin-top:20px}.onboarding-heading{display:flex;align-items:flex-start;gap:14px}.welcome-number{flex-shrink:0;background:#f0fdfa;color:#087f73;border-radius:10px;padding:8px 10px;font-size:12px;font-weight:750}.onboarding-heading h2{font-size:18px;line-height:1.6}.onboarding-heading p{font-size:12px;line-height:1.8;margin-top:4px}.onboarding-cards{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.onboard-choice{display:flex;align-items:center;gap:8px;min-height:44px;border:1px solid #dce5df;border-radius:12px;padding:9px 13px;background:#f8fafc;color:#334155;font-size:12px;cursor:pointer}.onboard-choice.selected{background:#f0fdfa;border-color:#087f73;color:#087f73;font-weight:650}.onboard-choice input{margin:0;width:20px;min-height:20px;flex-shrink:0}.onboard-choice:focus-within{outline:2px solid #087f73;outline-offset:2px}.onboarding-actions{display:flex;justify-content:flex-end;gap:12px}.onboarding-actions button{min-height:48px;font-size:12px}.onboarding-status{font-size:11px;margin-top:12px;color:#60716e}.decision-empty{padding:24px;text-align:center;background:white;color:#526c62}.decision-empty b{font-size:16px;color:#234b41}.decision-empty p{font-size:12px;margin:8px 0 14px}.decision-empty button{color:#087f73;border:1px solid #a7cbb8;font-size:12px}
@media(max-width:1023px){header{height:66px;padding-inline:20px}main{padding-top:22px}.quick-intro h1{font-size:21px}.quick-intro p{font-size:11px}.journey-secondary{margin-top:26px}}
@media(max-width:767px){body{background:#f8fafc}header{padding-inline:16px;gap:8px;height:auto;min-height:64px;padding-block:10px}.trip-button{font-size:11px;border:1px solid #cbd8d5;background:#f8fafc;padding:7px 10px;max-width:calc(100% - 94px);border-radius:12px;white-space:normal;min-height:44px}.change-cards{font-size:11px;padding:7px 10px}.quick-intro{display:block;margin-bottom:14px}.quick-intro h1{font-size:20px}.quick-intro p{font-size:10px;margin-top:4px}main{padding:18px 14px 95px}.amount-card{background:white;border:1px solid #e1e9e6;padding:16px 12px;border-radius:18px;box-shadow:0 4px 20px #0f172a0d}.amount-card>.section-head{gap:7px;flex-wrap:wrap}.amount-card>.section-head h2{font-size:14px}.step-label{font-size:8px;padding:3px 5px;margin-right:2px}.currency-bar.compact-currency{padding:7px 9px;gap:3px;flex-direction:column;justify-content:center;align-items:flex-start;max-width:100%;margin-left:auto}.compact-currency strong{font-size:10px}.compact-currency span{display:block;font-size:9px}.amount-line{margin:12px 0;padding:12px 10px;gap:6px;border:2px solid #087f73;background:#f0fdfa}.amount-line input{font-size:37px;line-height:1.4}.amount-line>span:last-child{font-size:10px}.shortcuts button{padding:6px 4px;font-size:10px}.field-title{margin-top:12px;margin-bottom:4px;font-size:10px}.chips{gap:6px}.chips button{padding:7px 10px;font-size:10px}.category-help{font-size:9px;line-height:1.5}.merchant-options{margin-top:6px;padding-top:2px}.merchant-options>summary{font-size:10px;gap:6px}.merchant-options small{font-size:9px;max-width:42%}.ranking-section{margin-top:18px}.ranking-section h2{font-size:14px}.ranking-help{font-size:10px;line-height:1.7;margin-bottom:10px}.rank-row{padding:14px 10px;gap:9px}.rank-info b{font-size:12px}.rank-info small{font-size:10px}.qualification-hint{font-size:9px;padding:3px 5px;line-height:1.6}.rank-value{font-size:16px;flex-shrink:0}.rank-value .formula-affordance{font-size:9px;padding:4px 6px}.record-step{font-size:11px;margin-top:14px}.dual-actions{gap:9px;grid-template-columns:minmax(0,1fr)}.dual-actions #savePurchase{min-height:58px;width:100%}.dual-actions #splitPurchase{min-height:44px;width:100%;font-size:11px}.dual-actions #savePurchase span{font-size:13px}.journey-secondary>h2{font-size:13px}.quick-top-tools{flex-direction:column}.top-radar{background:#f3f8f6;border:1px solid #d6e4dd}.trip-reward-summary{background:#fff}.trip-reward-summary b{font-size:15px}#onboarding{padding:16px 13px;margin-bottom:18px;border-radius:16px}.welcome-number{display:none}.onboarding-heading h2{font-size:16px}.onboarding-heading p{font-size:11px}.onboarding-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.onboard-choice{padding:9px 8px;font-size:10px;line-height:1.6;gap:6px}.onboard-choice input{width:18px;min-height:18px}.onboarding-actions{display:flex;flex-direction:column-reverse;gap:8px}.onboarding-actions button{font-size:12px;min-height:46px}.onboarding-status{font-size:10px}.decision-empty{padding:22px 14px}}
@media(max-width:767px){.quick-intro:has(+ #onboarding[hidden]) p{display:none}.quick-intro{margin-bottom:12px}.onboard-choice{font-size:12px;min-height:46px}.ranking-help{font-size:11px}.qualification-hint{font-size:10px}.quick-intro:has(+ #onboarding[hidden]) h1{font-size:19px}.journey-secondary{margin-bottom:0}}
@media(max-width:767px){.currency-bar.compact-currency{min-height:44px;padding:5px 9px;gap:2px;line-height:1.25}.amount-card{padding-block:14px}.amount-line{margin-block:8px;padding-block:8px}.amount-line input{font-size:36px;line-height:1.2;min-height:44px}.field-title{margin-top:8px;margin-bottom:2px}.amount-card .chips{height:44px;padding:0 1px}.merchant-options{margin-top:4px;padding-top:0}.ranking-section{margin-top:16px}.ranking-section>.section-head{margin-bottom:4px}.ranking-help{margin-bottom:8px}}
@media(max-width:767px){.currency-bar.compact-currency{max-width:48%;min-width:100px}.compact-currency span{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
/* v47: add from a menu; only the user's chosen cards occupy the wallet. */
.wallet-add-panel{padding:22px;background:white;border:1px solid #dce5df;border-radius:20px;margin-bottom:24px}.wallet-add-panel>label{display:block;font-size:13px;font-weight:700;color:#24483d;margin-bottom:10px}.wallet-add-controls{display:flex;gap:10px}.wallet-add-controls select{flex:1;min-width:0;max-width:100%;background:#f8fafc;border:1px solid #a7c4b8;font-size:16px}.wallet-add-controls>.primary{flex-shrink:0;font-size:13px;min-height:48px;padding:12px 20px}.wallet-secondary-actions{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap;margin-top:12px}.wallet-secondary-actions button{font-size:12px;min-height:44px}.wallet-advanced>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;color:#60716e;font-size:12px;padding:8px 10px}.wallet-advanced>summary:after{content:'⌄';margin-left:8px}.wallet-advanced[open]>button{margin-top:8px}.wallet-card{display:flex;flex-direction:column;min-width:0;border-color:#dce5df;box-shadow:0 3px 12px #0f172a05}.wallet-card-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.wallet-card h3{margin-top:16px;overflow-wrap:anywhere}.wallet-card>.fine{margin-top:12px;margin-bottom:18px}.wallet-edit-actions{display:flex;gap:8px;margin-top:auto;margin-bottom:12px}.wallet-edit-actions button{flex:1;font-size:12px;padding:9px 10px}.wallet-delete{min-height:52px;width:100%;font-size:14px;font-weight:750;color:#b42318;background:#fff6f3;border:1.5px solid #e8a299;border-radius:14px;padding:12px 18px}.wallet-delete:hover{color:#8f1d14;background:#ffe9e2;border-color:#ca6657}.wallet-empty{grid-column:1/-1;background:#fff;border:1px dashed #b7cdc2;border-radius:20px;padding:36px 20px;text-align:center}.wallet-empty h2{font-size:18px;margin-top:14px}.wallet-empty p{font-size:12px;margin:10px 0 20px}.wallet-empty button{color:#087f73;font-size:12px}.empty-card-mark{display:grid;place-items:center;font-size:28px;width:70px;height:46px;background:#eff8f2;border:1px solid #b7d2c4;border-radius:12px;color:#087f73;margin:auto}.wallet-add-panel .fine{margin-top:14px}#cards .card-badge{overflow:hidden;font-size:9px;min-width:62px;width:auto;padding-inline:8px}
@media(max-width:767px){.wallet-add-panel{padding:16px 14px;margin-bottom:18px}.wallet-add-controls{display:grid;grid-template-columns:1fr}.wallet-add-controls>.primary{width:100%;min-height:48px;font-size:13px}.wallet-add-controls select{width:100%;min-height:48px}.wallet-secondary-actions{gap:8px}.wallet-secondary-actions button{font-size:11px}.wallet-card{padding:20px}.wallet-delete{min-height:54px;font-size:15px}.wallet-card h3{font-size:17px}.wallet-empty{padding:28px 16px}.wallet-empty h2{font-size:17px}}
/* Keep condition help readable inside the optional merchant panel. */
.merchant-options .field small{max-width:100%;margin:6px 0 0;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.7}
#transitOptions label{display:grid;gap:8px}#transitOptions small{display:block;margin-top:8px;line-height:1.7}
