/* Presentation only. Financial, authentication and permission handlers are untouched. */
html[data-theme] { --p-font:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
html[data-brand="smile"][data-theme="dark"] {
 --bg:#111210;--surface:#1c1e1a;--surface-2:#272923;--ink:#f6f5ec;--dim:#b9bbae;--mute:#959b89;
 --hair:#34372e;--canvas:#111210;--canvas-ink:#f6f5ec;--canvas-dim:#b9bbae;--canvas-line:#34372e;--dock-bg:#111210;
 --accent:#ffdc32;--accent-deep:#ffdc32;--accent-soft:#37331d;--accent-ink:#171910;
}
html[data-brand="smile"] .app .home-smile .hub-card {
 min-height:96px;padding:15px;border:0;border-radius:18px;background:var(--surface);position:relative;overflow:hidden;
}
html[data-brand="smile"] .app .home-smile .hub-card:nth-child(1) {background:#e7edff;color:#203458;}
html[data-brand="smile"] .app .home-smile .hub-card:nth-child(2) {background:#eee9fa;color:#45325b;}
html[data-brand="smile"] .app .home-smile .hub-card:nth-child(3) {background:#ffedb8;color:#473613;}
html[data-brand="smile"] .app .home-smile .hub-card:nth-child(4) {background:#dfeee3;color:#224c3b;}
html[data-brand="smile"] .app .home-smile .hub-card :is(.hub-t,.hub-ico) {color:inherit;}
html[data-brand="smile"] .app .home-smile .hub-card .hub-s {color:inherit;opacity:.75;}
html[data-brand="smile"][data-theme="dark"] .app .home-smile .hub-card:nth-child(1) {background:#222d45;color:#d7e5ff;}
html[data-brand="smile"][data-theme="dark"] .app .home-smile .hub-card:nth-child(2) {background:#302641;color:#edddff;}
html[data-brand="smile"][data-theme="dark"] .app .home-smile .hub-card:nth-child(3) {background:#3b321e;color:#ffedbb;}
html[data-brand="smile"][data-theme="dark"] .app .home-smile .hub-card:nth-child(4) {background:#20372a;color:#d8f0e1;}
html[data-brand="smile"] .app .home-smile .balance-block {background:#ffe66b;border-radius:20px;}
html[data-brand="smile"] .app .smile-balance-orbit {width:85px;height:85px;right:-10px;bottom:-24px;border-width:12px;opacity:.45;}
html[data-theme] .app [data-screen="pin"] .lock {
 display:flex;align-items:center;text-align:center;min-height:100%;height:auto;padding:24px 24px max(22px,env(safe-area-inset-bottom));
}
html[data-theme] .app [data-screen="pin"] .lock .logo {width:40px;height:40px;margin:0 auto 18px;background:none;border:0;}
html[data-theme] .app [data-screen="pin"] .lock h2 {font-size:25px;line-height:1.25;letter-spacing:-.6px;margin:0;}
html[data-theme] .app [data-screen="pin"] .lock>p {max-width:245px;font-size:14px;line-height:1.45;margin:10px auto 18px;}
html[data-theme] .app [data-screen="pin"] .dots {justify-content:center;gap:14px;margin:8px auto 0;}
html[data-theme] .app [data-screen="pin"] .otp-status {min-height:22px;}
html[data-theme] .app [data-screen="pin"] .pin-alt {order:6;margin:18px auto 0;min-height:44px;font-size:13px;}
html[data-theme] .app [data-screen="pin"] .keypad {width:100%;max-width:286px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:26px auto 0;}
html[data-theme] .app [data-screen="pin"] .keypad button {width:64px;height:64px;min-height:64px;aspect-ratio:1;margin:auto;border-radius:50%;border:0;background:var(--surface);color:var(--ink);font-size:27px;font-weight:400;box-shadow:none;}
html[data-theme] .app [data-screen="pin"] .keypad .plain {background:none;}
html[data-theme] .app [data-screen="pin"] .keypad button:active {background:var(--surface-2);transform:scale(.95);}
.wallet-services {font-family:var(--p-font);font-synthesis:none;}
.wallet-services[data-brand="sphere"] {--sx-bg:#07110c;--sx-panel:#112017;--sx-line:#26392c;--sx-text:#f2f9ef;--sx-muted:#a0bba6;--sx-accent:#9cff6f;--sx-on:#112010;}
html[data-theme="dark"] .wallet-services[data-brand="smile"] {--sx-bg:#111210;--sx-panel:#1c1e1a;--sx-line:#34372e;--sx-text:#f6f5ec;--sx-muted:#b9bbae;--sx-accent:#ffdc32;--sx-on:#171910;color-scheme:dark;}
.wallet-services .sx-content {padding:18px 18px calc(24px + env(safe-area-inset-bottom));}
.wallet-services .sx-header {min-height:58px;padding-inline:12px;border-bottom:0;}
.wallet-services .sx-header h1 {text-align:center;font-size:16px;}
.wallet-services .sx-header .sx-back {max-width:95px;}
.wallet-services h2 {font-size:26px;letter-spacing:-.65px;line-height:1.15;font-weight:600;}
.wallet-services .sx-intro {padding:8px 0 12px;}
.wallet-services .sx-intro p {max-width:300px;font-size:13px;line-height:1.5;margin-top:9px;}
.wallet-services .sx-eyebrow {font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:9px;}
.wallet-services[data-brand="smile"] .sx-intro h2 {font-size:30px;letter-spacing:-1px;max-width:270px;}
.wallet-services[data-brand="ritm"] .sx-intro {border-left:2px solid #8a75ff;padding:6px 0 10px 14px;}
.wallet-services[data-brand="amal"] .sx-intro h2 {font-weight:500;letter-spacing:-.6px;}
.wallet-services .sx-grid {gap:10px;margin:14px 0 22px;}
.wallet-services .sx-tile {min-height:158px;border:0;padding:15px;border-radius:18px;}
.wallet-services .sx-tile>img {opacity:.82;}
.wallet-services .sx-with-art:after {background:linear-gradient(0deg,#091b18f2,transparent 95%);}
.wallet-services .sx-with-art .sx-tile-icon {color:#fff;}
.wallet-services .sx-tile-title {font-size:15px;margin-top:18px;font-weight:600;}
.wallet-services .sx-tile-sub {font-size:11px;}
.wallet-services .sx-small {grid-template-columns:1fr;gap:0;}
.wallet-services .sx-small .sx-tile {min-height:70px;border-radius:0;border-bottom:1px solid var(--sx-line);display:grid;grid-template-columns:32px minmax(0,1fr) 15px;column-gap:13px;align-content:center;background:none!important;padding:13px 0;}
.wallet-services .sx-small .sx-tile-icon {grid-column:1;grid-row:1/3;margin:0;align-self:center;color:var(--sx-text);}
.wallet-services .sx-small .sx-tile-title {grid-column:2;margin:0;font-size:14px;}
.wallet-services .sx-small .sx-tile-sub {grid-column:2;margin-top:3px;max-width:100%;font-size:12px;}
.wallet-services .sx-small .sx-arrow {position:static;grid-column:3;grid-row:1/3;align-self:center;}
.wallet-services .sx-travel-heading {position:relative;isolation:isolate;overflow:hidden;min-height:116px;margin:0 0 17px;padding:18px;border-radius:18px;background:#183c47;color:#fff;}
.wallet-services .sx-travel-heading:before {content:"";position:absolute;inset:0;z-index:-2;background:url('assets/dest-ist.webp') center 43%/cover;}
.wallet-services .sx-travel-heading:after {content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b292ede,#0b292e33);}
.wallet-services .sx-travel-heading h2 {font-size:24px;line-height:1.15;max-width:240px;letter-spacing:-.5px;}
.wallet-services .sx-travel-heading .sx-eyebrow {color:#e4f2ed;letter-spacing:.04em;font-size:10px;}
.wallet-services .sx-travel-heading p {color:#e2e8e7;font-size:12px;margin-top:8px;max-width:235px;line-height:1.35;}
.wallet-services[data-brand="smile"] .sx-travel-heading {border-radius:22px 22px 22px 6px;}
.wallet-services[data-brand="ritm"] .sx-travel-heading:after {background:linear-gradient(100deg,#161232e8,#22204950);}
.wallet-services .sx-flight-form {padding:0;}
.wallet-services .sx-route-fields {border:1px solid var(--sx-line);background:var(--sx-panel);border-radius:17px;overflow:hidden;}
.wallet-services .sx-airport-field {min-height:74px;padding:12px 40px 12px 16px;gap:3px;}
.wallet-services .sx-airport-field+.sx-airport-field {border-color:var(--sx-line);}
.wallet-services .sx-airport-field strong {font-size:16px;line-height:1.35;font-weight:500;}
.wallet-services .sx-airport-field>span {font-size:11px;}
.wallet-services .sx-airport-field small:empty {display:none;}
.wallet-services .sx-airport-field i {right:16px;top:27px;font-size:18px;}
.wallet-services .sx-field {margin:12px 0;gap:6px;}
.wallet-services .sx-field input,.wallet-services .sx-field select {height:52px;border-radius:13px;font-size:14px;line-height:1.3;background:var(--sx-panel);box-shadow:none;}
.wallet-services .sx-field select {appearance:none;-webkit-appearance:none;padding-right:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23848e83' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;}
.wallet-services .sx-field input[type=date] {font-variant-numeric:tabular-nums;}
.wallet-services .sx-button {min-height:48px;border-radius:13px;}
.wallet-services .sx-flight-form>.sx-button {margin-top:7px;font-weight:600;}
.wallet-services[data-brand="ritm"] .sx-button.primary {background:linear-gradient(105deg,#b489ff,#72cefa);color:#12162a;border:0;}
.wallet-services[data-brand="sphere"] .sx-button.primary {background:linear-gradient(100deg,#a3ff70,#35ed98);}
.wallet-services .sx-footer {margin-top:20px;border:0;padding:0;font-size:10px;opacity:.8;}
.wallet-services .sx-page-art {min-height:130px;margin-bottom:16px;}
.wallet-services .sx-feature-hero {padding:4px 0 10px;}
.wallet-services .sx-feature-hero>span {width:46px;height:46px;margin-bottom:18px;border:0;background:none;}
.wallet-services .sx-card-art {aspect-ratio:1.586;height:auto;width:100%;max-width:300px;background-image:linear-gradient(100deg,#0004,#0001),url('assets/card-art-v2.png');background-position:center;background-size:cover;border-color:#fff3;}
.wallet-services .sx-card-art>span,.wallet-services .sx-card-art>b,.wallet-services .sx-card-art>small {color:#f7f4e9;text-shadow:0 1px 8px #0008;}
.wallet-services .sx-notice {border-radius:0 10px 10px 0;font-size:12px;}
@media(max-width:350px) {
 .wallet-services .sx-content {padding-inline:15px;}
 .wallet-services .sx-travel-heading {padding:16px;}
 .wallet-services .sx-field input,.wallet-services .sx-field select {font-size:13px;padding-left:9px;}
 .wallet-services .sx-header h1 {font-size:14px;}
 html[data-theme] .app [data-screen="pin"] .keypad {gap:10px;margin-top:18px;}
 html[data-theme] .app [data-screen="pin"] .keypad button {width:58px;height:58px;min-height:58px;}
}
@media(max-height:670px) {
 html[data-theme] .app [data-screen="pin"] .lock {padding-top:18px;}
 html[data-theme] .app [data-screen="pin"] .lock .logo {margin-bottom:10px;}
 html[data-theme] .app [data-screen="pin"] .keypad {margin-top:12px;gap:8px;}
 html[data-theme] .app [data-screen="pin"] .keypad button {height:54px;width:54px;min-height:54px;}
}
@media(prefers-reduced-motion:reduce) {html[data-theme] .app [data-screen="pin"] .keypad button:active {transform:none;}}