/* Smile accepted six-screen reference. Components are live HTML; artwork never
   contains balance, recipient, transaction, account status or product details. */
html[data-brand="smile"][data-theme] {
 --rx-bg:#fafaf9;--rx-panel:#f0f0ef;--rx-line:#e6e6e3;--rx-text:#141414;--rx-muted:#737571;
 --rx-yellow:#ffdc12;--rx-soft:#fff3a8;--rx-dark:#111210;
 --bg:var(--rx-bg);--surface:var(--rx-panel);--surface-2:var(--rx-panel);--ink:var(--rx-text);--dim:var(--rx-muted);--hair:var(--rx-line);
 --accent:var(--rx-yellow);--accent-ink:#161713;--p-font:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
}
html[data-brand="smile"][data-theme="dark"] {
 --rx-bg:#101010;--rx-panel:#242424;--rx-line:#343434;--rx-text:#f7f7f5;--rx-muted:#a8aaa6;--rx-soft:#ffed82;
 --canvas:var(--rx-bg);--canvas-ink:var(--rx-text);--canvas-dim:var(--rx-muted);--dock-bg:var(--rx-bg);
}
html[data-brand="smile"] .app .rx-view {background:var(--rx-bg);font-family:var(--p-font);color:var(--rx-text);font-size:14px;letter-spacing:-.15px;}
html[data-brand="smile"] .app {overflow:hidden;}
.app .rx-view * {box-sizing:border-box;min-width:0;}
.app .rx-view button,.app .rx-view input {font:inherit;color:inherit;}
.app .rx-view button {cursor:pointer;border:0;background:none;text-align:left;}
.app .rx-view button:disabled {cursor:default;opacity:.48;}
.app .rx-view button:focus-visible,.app .rx-view input:focus-visible {outline:2px solid #b39800;outline-offset:3px;}
.app .rx-view .rx-body {width:100%;max-width:430px;margin:0 auto;padding:max(14px,env(safe-area-inset-top)) 22px calc(92px + env(safe-area-inset-bottom));overflow-y:auto;overflow-x:hidden;flex:1;scrollbar-width:thin;}
.app .rx-view svg {width:21px;height:21px;flex-shrink:0;}
.app .rx-header {display:flex;align-items:center;justify-content:space-between;min-height:44px;margin-bottom:16px;gap:12px;}
.app .rx-view h1 {font-size:25px;line-height:1.16;letter-spacing:-.9px;font-weight:650;margin:0;}
.app .rx-view h2 {font-size:17px;font-weight:650;line-height:1.3;letter-spacing:-.45px;margin:0;}
.app .rx-logo {display:inline-flex;flex-direction:column;align-items:flex-start;line-height:1;color:var(--rx-text);}
.app .rx-logo b {font-size:29px;font-weight:750;letter-spacing:-1.7px;}
.app .rx-logo i {font-style:normal;color:var(--rx-yellow);}
.app .rx-logo small {font-size:7px;letter-spacing:4.2px;padding-left:2px;color:#bda100;margin-top:4px;}
.app .rx-icon-btn {width:36px;height:36px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;}
.app .rx-greeting {display:flex;justify-content:space-between;align-items:center;gap:14px;margin:3px 0 19px;}
.app .rx-greeting h1 {font-size:24px;}
.app .rx-greeting p {font-size:11px;line-height:1.45;color:var(--rx-muted);margin:7px 0 0;}
.app .rx-avatar {height:47px;width:47px;flex-shrink:0;border-radius:50%;background:#e2dfc9!important;display:grid;place-items:center;font-size:16px;font-weight:600;color:#494638!important;}
.app .rx-balance {padding:15px 17px 17px;background:linear-gradient(110deg,#fff3ae,#fff1b4);color:#18190e;border-radius:15px;position:relative;overflow:hidden;min-height:94px;}
.app .rx-balance>span {display:block;font-size:11px;color:#625d3c;}
.app .rx-balance>strong {position:relative;z-index:1;display:block;font-weight:700;font-size:clamp(24px,7.7vw,32px);line-height:1.1;letter-spacing:-1px;margin-top:9px;max-width:100%;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;}
.app .rx-balance>i {position:absolute;right:12px;top:19px;opacity:1;transform:rotate(-9deg);}
.app .rx-balance>i svg {width:57px;height:57px;color:#efc900;filter:none;opacity:1;}
.app .rx-view .rx-smile-symbol {fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;}
.app .rx-view svg:has(text) {fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;}
.app .rx-view svg text {font-family:Arial,sans-serif;font-weight:700;font-size:29px;fill:currentColor;stroke:none;}
.app .rx-actions {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:13px 0 24px;}
.app .rx-actions>button {display:flex;align-items:center;flex-direction:column;gap:8px;text-align:center;padding:0;min-height:66px;}
.app .rx-actions>button>span {height:43px;border-radius:13px;width:100%;background:var(--rx-panel);display:grid;place-items:center;}
.app .rx-actions small {font-size:10px;font-weight:500;letter-spacing:-.3px;white-space:nowrap;}
.app .rx-section {display:flex;align-items:center;justify-content:space-between;gap:8px;margin:20px 0 7px;}
.app .rx-section>button {font-size:11px;display:flex;align-items:center;gap:1px;color:var(--rx-muted);padding:5px 0;}
.app .rx-section>button svg {width:12px;height:12px;}
.app .rx-products {display:grid;gap:5px;}
.app .rx-product-row {display:flex;gap:10px;align-items:center;min-height:59px;padding:10px 11px;width:100%;border:0!important;border-radius:12px;background:var(--rx-panel)!important;}
.app .rx-product-copy {flex:1;display:grid;gap:5px;}
.app .rx-product-copy strong {font-size:12px;font-weight:600;overflow-wrap:anywhere;}
.app .rx-product-copy small {font-size:10px;color:var(--rx-muted);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.app .rx-product-money {font-size:12px;font-weight:650;text-align:right;max-width:34%;overflow-wrap:anywhere;}
.app .rx-product-row>svg {width:13px;height:13px;color:var(--rx-muted);}
.app .rx-mini-wallet {width:43px;height:33px;border-radius:7px;background:var(--rx-panel);display:grid;place-items:center;flex-shrink:0;}
.app .rx-mini-card {position:relative;width:49px;height:32px;border-radius:5px;overflow:hidden;background:#151512 url('assets/smile-gold-material-v3.png') center/cover;flex-shrink:0;padding:4px;}
.app .rx-mini-card .rx-logo {color:white;}
.app .rx-mini-card .rx-logo b {font-size:7px;letter-spacing:-.4px;}
.app .rx-mini-card .rx-logo small {font-size:2px;letter-spacing:1px;margin-top:1px;}
.app .rx-mini-card>i {position:absolute;right:4px;bottom:3px;color:#ffe237;}
.app .rx-mini-card>i svg {width:16px;height:16px;}
.app .rx-operations .day {font-size:10px;margin:9px 0 0;color:var(--rx-muted);}
.app .rx-operations :is(.op,.operation,.row) {min-height:55px;padding:9px 0;border-bottom:1px solid var(--rx-line);background:none;}
.app .rx-operations :is(.t,.op-title) {font-size:12px;font-weight:550;}
.app .rx-operations :is(.s,.op-sub) {font-size:10px;}
.app .rx-operations :is(.g,.oi) {width:30px;height:30px;border-radius:50%;}
.app .rx-operations :is(.val,.sum,.amount) {font-size:12px;}
.app .rx-operations .rows {background:none;border:0;border-radius:0;}
.app .rx-operations .op {gap:10px;min-height:52px;padding:9px 0;}
.app .rx-operations .op .ic {width:31px;height:31px;border-radius:50%;background:var(--rx-panel);}
.app .rx-operations .op .ic svg {width:17px;height:17px;}
.app .rx-operations .op>div:nth-child(2) {flex:1;overflow:hidden;}
.app .rx-operations .op .t {font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.app .rx-operations .op .s {font-size:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.app .rx-operations .op .v {font-size:12px;flex-shrink:0;}
.app .rx-empty {padding:17px 0;font-size:12px;line-height:1.5;color:var(--rx-muted);}
.app .rx-review {font-size:10px;color:var(--rx-muted);margin-bottom:9px;}
.app .rx-assistant-link {display:flex;align-items:center;gap:12px;width:100%;padding:17px 0;margin-top:10px;border-top:1px solid var(--rx-line)!important;}
.app .rx-assistant-link>svg:first-child {width:32px;height:32px;color:#c5a600;}
.app .rx-assistant-link>span {flex:1;font-size:12px;font-weight:600;}
.app .rx-assistant-link small {display:block;font-weight:400;color:var(--rx-muted);font-size:10px;margin-top:4px;}
.app .rx-card-rail {display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:5px 1px 10px;scrollbar-width:none;}
.app .rx-bank-card {position:relative;aspect-ratio:1.586;width:100%;flex:0 0 100%;scroll-snap-align:start;border-radius:16px!important;overflow:hidden;padding:22px!important;color:#fff!important;background:#151512 url('assets/smile-gold-material-v3.png') center/cover!important;box-shadow:0 4px 9px #14160916;}
.app .rx-bank-card:before {content:"";position:absolute;inset:0;border:1px solid #ffffff14;border-radius:inherit;pointer-events:none;}
.app .rx-bank-card .rx-logo {position:absolute;left:20px;top:19px;color:#fff;}
.app .rx-bank-card .rx-logo b {font-size:23px;}
.app .rx-bank-card .rx-logo i {color:white;}
.app .rx-bank-card .rx-logo small {color:#f8d62e;font-size:6px;letter-spacing:3.5px;}
.app .rx-chip {position:absolute;top:44%;left:22px;width:33px;height:28px;border-radius:5px;border:1px solid #c7bd98;background:linear-gradient(120deg,#c6b993,#e6dab5 45%,#a29470);overflow:hidden;}
.app .rx-chip:before {content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 29%,#746a504d 30% 33%,transparent 34% 65%,#746a5070 66% 69%,transparent 70%);}
.app .rx-chip:after {content:"";position:absolute;left:0;right:0;border-top:1px solid #7c715b;border-bottom:1px solid #7c715b;top:8px;bottom:8px;}
.app .rx-chip i {position:absolute;left:10px;right:10px;top:4px;bottom:4px;border:1px solid #7c715b;border-radius:5px;z-index:1;background:#d4c6a2;}
.app .rx-card-smile {position:absolute;top:35%;left:43%;color:#ffe633;transform:rotate(-8deg);}
.app .rx-card-smile svg {width:67px;height:67px;}
.app .rx-contactless {position:absolute;right:20px;top:20px;color:#191a15;}
.app .rx-contactless .rx-contactless-symbol {width:22px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;}
.app .rx-card-number {position:absolute;bottom:20px;left:22px;font-size:13px;letter-spacing:1.4px;}
.app .rx-card-network {position:absolute;bottom:19px;right:20px;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;letter-spacing:.4px;}
.app .rx-card-pages {display:flex;justify-content:center;gap:5px;margin:4px 0 18px;}
.app .rx-card-pages i {height:4px;width:4px;border-radius:50%;background:var(--rx-line);}
.app .rx-card-pages i.on {background:#dab600;width:12px;border-radius:9px;}
.app .rx-card-selected {overflow:visible;}
.app .rx-card-pages:has(button) {align-items:center;gap:0;margin:0 0 10px;}
.app .rx-card-pages .rx-card-dot {display:grid;place-items:center;width:27px;height:30px;padding:0;border-radius:8px;}
.app .rx-card-pages .rx-card-dot i {display:block;width:4px;height:4px;border-radius:50%;background:var(--rx-line);}
.app .rx-card-pages .rx-card-dot.on i {background:#cfac00;width:12px;border-radius:8px;}
.app .rx-card-pages .rx-card-step {display:grid;place-items:center;width:35px;height:30px;padding:0;border-radius:8px;color:var(--rx-muted);}
.app .rx-card-pages .rx-card-step svg {width:15px;height:15px;}
.app .rx-card-summary {display:flex;align-items:center;justify-content:space-between;margin:10px 0 15px;}
.app .rx-card-summary small {font-size:12px;font-weight:600;color:var(--rx-text);}
.app .rx-card-summary strong {display:block;font-size:25px;letter-spacing:-.8px;margin-top:5px;}
.app .rx-card-summary .rx-icon-btn {background:var(--rx-panel);}
.app .rx-round-actions {margin-bottom:22px;}
.app .rx-round-actions>button>span {border-radius:50%;width:43px;}
.app .rx-empty-card {background:var(--rx-panel);border-radius:18px;padding:27px;text-align:center;}
.app .rx-empty-card svg {width:50px;height:50px;color:#c5a300;margin-bottom:10px;}
.app .rx-empty-card p {font-size:12px;color:var(--rx-muted);line-height:1.5;margin-top:8px;}
.app .rx-subtitle {font-size:12px;color:var(--rx-muted);margin:-6px 0 22px;}
.app .rx-transfer .row-select {padding:14px;border:0;border-radius:13px;background:var(--rx-panel);margin:0 0 20px;min-height:65px;}
.app .rx-transfer .row-select .t {font-size:13px;}
.app .rx-transfer .row-select .s {font-size:10px;margin-bottom:4px;}
.app .rx-transfer .row-select .right {font-size:11px;}
.app .rx-transfer .seg {display:flex;background:transparent;gap:8px;padding:0;border:0;margin:0 0 24px!important;}
.app .rx-transfer .seg button {background:var(--rx-panel);padding:11px 14px;font-size:12px;border-radius:12px;min-height:40px;}
.app .rx-transfer .seg button.on {background:var(--rx-text);color:var(--rx-bg);}
.app .rx-transfer .gap {height:12px;}
.app .rx-transfer .field {border:0;background:var(--rx-panel);border-radius:13px;padding:8px 11px;min-height:62px;}
.app .rx-transfer .field input {width:100%;min-width:0;font-size:15px;background:none;border:0;padding:6px;}
.app .rx-transfer .field .mini {font-size:11px;background:var(--rx-yellow);padding:9px;border-radius:9px;color:#171910;}
.app .rx-transfer .contact {background:var(--rx-panel);border:0;border-radius:13px;padding:14px;min-height:68px;margin-bottom:9px;}
.app .rx-transfer .contact .t {font-size:14px;}
.app .rx-transfer .contact .s {font-size:11px;line-height:1.4;}
.app .rx-transfer-note {font-size:11px;line-height:1.55;color:var(--rx-muted);margin-top:26px;}
.app .rx-tabs {display:flex;gap:7px;overflow-x:auto;margin:4px 0 22px;scrollbar-width:none;}
.app .rx-tabs button {white-space:nowrap;flex-shrink:0;border-radius:11px;padding:11px 12px;font-size:11px;background:var(--rx-panel);}
.app .rx-tabs .on {background:var(--rx-text);color:var(--rx-bg);}
.app .rx-route {position:relative;display:grid;gap:4px;}
.app .rx-route label {display:flex;align-items:center;gap:13px;background:var(--rx-panel);border-radius:13px;padding:11px 16px;min-height:74px;}
.app .rx-route label>span {flex:1;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:3px 8px;}
.app .rx-route small {grid-column:1/-1;font-size:10px;color:var(--rx-muted);}
.app .rx-route input {width:58px;font-size:18px;font-weight:600;background:none;border:0;padding:0;text-transform:uppercase;}
.app .rx-route em {font-style:normal;font-size:12px;color:var(--rx-muted);}
.app .rx-route-swap {position:absolute;right:15px;top:57px;border-radius:50%;width:37px;height:37px;background:var(--rx-bg)!important;display:grid;place-items:center;z-index:1;transform:rotate(90deg);box-shadow:0 1px 8px #0000000a;}
.app .rx-travel-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:9px 0 19px;}
.app .rx-travel-fields>label,.app .rx-travel-fields>div {background:var(--rx-panel);padding:12px 13px;border-radius:12px;display:grid;gap:7px;}
.app .rx-travel-fields small {font-size:10px;color:var(--rx-muted);}
.app .rx-travel-fields span,.app .rx-travel-fields input {font-size:12px;font-weight:550;}
.app .rx-travel-fields input {width:100%;border:0;background:none;min-height:20px;}
.app .rx-view .rx-primary {display:block;width:100%;text-align:center;min-height:48px;padding:13px;border-radius:13px;background:var(--rx-yellow);color:#171910;font-size:14px;font-weight:600;}
.app .rx-destination {position:relative;overflow:hidden;border-radius:15px;min-height:145px;background:#203e4d;}
.app .rx-destination img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.app .rx-destination:after {content:"";position:absolute;inset:0;background:linear-gradient(90deg,#163037bd,#15394622);}
.app .rx-destination>span {position:relative;z-index:1;display:block;padding:24px 18px;font-size:23px;color:#fff;font-weight:650;}
.app .rx-destination small {display:block;max-width:190px;font-size:11px;line-height:1.5;font-weight:400;margin-top:8px;}
.app .rx-travel-results .flight-3d-empty {display:none;}
.app .rx-travel-results .flight-empty {padding:24px 12px;background:var(--rx-panel);border-radius:15px;text-align:center;}
.app .rx-travel-results .flight-empty .t {font-size:14px;}
.app .rx-travel-results .flight-empty .s {font-size:11px;margin-top:6px;color:var(--rx-muted);}
.app .rx-error {color:#bf4c34;font-size:12px;line-height:1.5;margin:13px 0;}
.app .rx-assistant .rx-body {display:flex;flex-direction:column;}
.app .rx-assistant-intro {display:flex;gap:11px;align-items:flex-start;margin:11px 0 18px;}
.app .rx-assistant-intro>div {padding:16px 15px;background:var(--rx-panel);border-radius:4px 15px 15px 15px;flex:1;}
.app .rx-ai-avatar {background:none;color:#d8b600;width:31px;height:37px;display:grid;place-items:center;flex-shrink:0;}
.app .rx-ai-avatar svg {width:29px;height:29px;}
.app .rx-assistant-intro h1 {font-size:15px;letter-spacing:-.2px;}
.app .rx-assistant-intro p {font-size:11px;color:var(--rx-muted);line-height:1.55;margin-top:6px;}
.app .rx-assistant-destination {display:flex;align-items:center;gap:12px;width:calc(100% - 18px);padding:0!important;background:var(--rx-panel)!important;border-radius:13px;overflow:hidden;margin:0 0 0 18px;min-height:95px;flex-shrink:0;}
.app .rx-assistant-destination img {width:90px;height:95px;object-fit:cover;flex-shrink:0;}
.app .rx-assistant-destination>span {flex:1;padding:10px 0;}
.app .rx-assistant-destination strong {display:block;font-size:14px;font-weight:600;}
.app .rx-assistant-destination small {display:block;font-size:10px;line-height:1.5;color:var(--rx-muted);margin-top:6px;}
.app .rx-assistant-destination>svg {width:13px;height:13px;margin-right:12px;}
.app .rx-support-link {display:flex;align-items:center;justify-content:space-between;margin:0 0 0 18px;padding:8px 0!important;font-size:12px;font-weight:550;}
.app .rx-support-link svg {width:14px;height:14px;}
.app .rx-bubble {background:var(--rx-panel);padding:18px;border-radius:4px 17px 17px 17px;font-size:13px;line-height:1.5;margin-left:18px;}
.app .rx-bubble p {color:var(--rx-muted);font-size:12px;margin-top:8px;}
.app .rx-chat-options {display:grid;gap:9px;margin:17px 0 20px 18px;}
.app .rx-chat-options button {padding:13px 15px;background:var(--rx-yellow);color:#171910;border-radius:13px;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;}
.app .rx-chat-options button:not(:first-child) {background:none;border:1px solid var(--rx-line);color:var(--rx-text);}
.app .rx-assistant-status {margin:4px 0 19px 18px;font-size:11px;line-height:1.5;color:var(--rx-muted);}
.app .rx-assistant-status>span {color:var(--rx-text);font-weight:600;}
.app .rx-assistant-status p {margin-top:5px;}
.app .rx-voice {display:grid;place-items:center;gap:10px;margin:25px 0 0;}
.app .rx-voice button {width:53px;height:53px;border-radius:50%;display:grid;place-items:center;background:var(--rx-yellow);color:#1e2115;box-shadow:0 0 24px #f3d52524;}
.app .rx-voice small {font-size:10px;color:var(--rx-muted);}
.app .rx-profile-card {display:flex;width:100%;align-items:center;gap:13px;padding:17px;background:var(--rx-panel)!important;border-radius:16px;}
.app .rx-profile-card>span:nth-child(2) {flex:1;}
.app .rx-profile-card strong {font-size:16px;font-weight:600;line-height:1.35;}
.app .rx-profile-card small {display:block;font-size:11px;color:var(--rx-muted);margin-top:6px;}
.app .rx-profile-card>svg {width:13px;height:13px;}
.app .rx-status-row {display:flex;align-items:center;gap:9px;width:100%;padding:15px 4px;font-size:10px;}
.app .rx-status-row>span {flex:1;color:var(--rx-muted);}
.app .rx-status-row strong {font-size:10px;font-weight:500;background:var(--rx-panel);border-radius:7px;padding:5px 8px;}
.app .rx-status-row svg {width:12px;height:12px;}
.app .rx-settings {display:grid;border-bottom:1px solid var(--rx-line);padding-bottom:7px;}
.app .rx-setting {display:flex;align-items:center;gap:11px;padding:11px 0;width:100%;min-height:58px;}
.app .rx-setting-icon {background:var(--rx-panel);width:33px;height:33px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;}
.app .rx-setting-icon svg {height:17px;width:17px;}
.app .rx-setting>span:nth-child(2) {flex:1;}
.app .rx-setting strong {display:block;font-size:12px;font-weight:550;}
.app .rx-setting small {display:block;font-size:10px;line-height:1.4;color:var(--rx-muted);margin-top:4px;}
.app .rx-setting>svg {width:12px;height:12px;color:var(--rx-muted);}
.app .rx-theme-toggle {display:flex;gap:3px;border-radius:20px;background:var(--rx-panel);padding:3px;}
.app .rx-theme-toggle i {display:grid;place-items:center;width:27px;height:25px;border-radius:50%;font-style:normal;font-size:16px;}
.app .rx-theme-toggle i.on {background:var(--rx-yellow);color:#161910;}
.app .rx-service-lead {position:relative;background:var(--rx-soft);color:#171910;border-radius:18px;padding:21px;overflow:hidden;margin:0 0 19px;}
.app .rx-service-lead>span {font-size:10px;}
.app .rx-service-lead h1 {margin:10px 0;font-size:25px;}
.app .rx-service-lead p {font-size:11px;line-height:1.5;}
.app .rx-service-lead>svg {position:absolute;right:12px;bottom:12px;width:62px;height:62px;color:#d9b700;transform:rotate(-10deg);}
.app .rx-service-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.app .rx-service-grid>button {display:flex;flex-direction:column;padding:0 0 14px;border-radius:14px;overflow:hidden;background:var(--rx-panel);}
.app .rx-service-grid img {height:90px;width:100%;object-fit:cover;margin-bottom:12px;}
.app .rx-service-grid strong {font-size:13px;padding:0 13px;}
.app .rx-service-grid small {font-size:10px;color:var(--rx-muted);padding:0 13px;margin-top:5px;}
.app .rx-service-grid .rx-service-ai>svg {height:70px;width:70px;margin:10px auto 22px;color:#c6a500;}
html[data-brand="smile"] .app .dock {left:50%;bottom:0;width:100%;max-width:430px;border:0;border-top:1px solid var(--rx-line);border-radius:0;padding:8px 10px max(12px,env(safe-area-inset-bottom));grid-template-columns:repeat(5,minmax(0,1fr));gap:0;background:var(--rx-bg);box-shadow:none;backdrop-filter:none;}
html[data-brand="smile"] .app .dock button {color:var(--rx-muted);font-size:9px;font-weight:500;padding:6px 0 2px;gap:4px;border-radius:0;min-width:0;}
html[data-brand="smile"] .app .dock button.on {background:none;box-shadow:none;color:var(--rx-text);}
html[data-brand="smile"] .app .dock button.on .gl {color:#c9ab00;}
html[data-brand="smile"] .app .dock button .gl {width:auto;height:auto;background:none;border:0;border-radius:0;}
html[data-brand="smile"] .app .dock .ic-svg {height:20px;width:20px;}
@media(max-width:350px) {.app .rx-view .rx-body{padding-left:16px;padding-right:16px}.app .rx-view h1{font-size:23px}.app .rx-product-copy strong{font-size:11px}.app .rx-product-money{font-size:11px}.app .rx-bank-card{padding:17px!important}.app .rx-actions small{font-size:9px}.app .rx-tabs{gap:5px}.app .rx-tabs button{padding:10px;font-size:10px}.app .rx-card-summary strong{font-size:23px}}
@media(prefers-reduced-motion:reduce) {.app .rx-view *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Editable draft composition: amount and message are visible before continuing. */
.app .rx-field-label {display:block;font-size:11px;color:var(--rx-muted);margin:21px 0 10px;}
.app .rx-phone-field {display:flex;align-items:center;gap:8px;border-radius:12px;background:var(--rx-panel);padding:11px 12px;}
.app .rx-phone-field input {min-width:0;flex:1;width:100%;background:none;border:0;font-size:13px;padding:7px 0;}
.app .rx-phone-field:focus-within {outline:2px solid #9a8200;outline-offset:2px;}
.app .rx-view .rx-phone-field input:focus-visible {outline:none;box-shadow:none;}
.app .rx-phone-field>button {font-size:11px;font-weight:600;background:var(--rx-yellow);color:#171910;padding:9px;border-radius:9px;}
.app .rx-targets {display:grid;gap:6px;margin-top:7px;}
.app .rx-target {display:flex;gap:10px;align-items:center;width:100%;padding:12px;border:1px solid transparent!important;background:var(--rx-panel)!important;border-radius:13px;}
.app .rx-target.selected {border-color:#dcc84f!important;}
.app .rx-target-avatar {display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:var(--rx-bg);flex-shrink:0;}
.app .rx-target>span:nth-child(2) {flex:1;}
.app .rx-target strong {display:block;font-size:13px;font-weight:550;}
.app .rx-target small {display:block;font-size:10px;color:var(--rx-muted);margin-top:5px;}
.app .rx-target>svg {height:15px;width:15px;}
.app .rx-draft-amount {display:flex;align-items:center;gap:7px;padding:15px;background:var(--rx-panel);border-radius:13px;min-height:68px;}
.app .rx-draft-amount input {width:100%;min-width:0;font-size:32px;font-weight:650;letter-spacing:-.9px;border:0;background:none;padding:0;}
.app .rx-draft-amount strong {font-size:30px;font-weight:550;}
.app .rx-draft-message {display:block;background:var(--rx-panel);padding:14px 13px;border-radius:11px;margin:10px 0 21px;}
.app .rx-draft-message input {width:100%;border:0;background:none;font-size:12px;}
.app .rx-source {display:flex;align-items:center;gap:10px;padding:13px;width:100%;border-radius:13px;background:var(--rx-panel)!important;}
.app .rx-source>span:nth-child(2) {flex:1;}
.app .rx-source strong {font-size:12px;font-weight:550;}
.app .rx-source small {display:block;font-size:10px;color:var(--rx-muted);margin-top:5px;}
.app .rx-source b {font-size:11px;max-width:32%;text-align:right;overflow-wrap:anywhere;}
.app .rx-source>svg:last-child {width:13px;height:13px;}
.app .rx-draft-feedback {font-size:11px;line-height:1.45;min-height:30px;margin:10px 0;color:#b5543d;}
.app .rx-transfer .rx-transfer-note {font-size:10px;line-height:1.45;margin-top:12px;text-align:center;}
.app .rx-route-choice {display:flex;align-items:center;gap:13px;background:var(--rx-panel)!important;border-radius:13px;padding:13px 15px!important;min-height:74px;width:100%;}
.app .rx-route-choice>span {flex:1;display:grid;gap:5px;}
.app .rx-route-choice small {color:var(--rx-muted);font-size:10px;}
.app .rx-route-choice strong {font-size:17px;font-weight:550;line-height:1.2;}
.app .rx-route-choice>b {font-size:11px;font-weight:500;color:var(--rx-muted);padding-right:7px;}
.app .rx-travel-fields>.rx-passenger-choice {background:var(--rx-panel);padding:12px 13px;border-radius:12px;display:grid;gap:7px;}
.app .rx-passenger-choice>span {display:flex;align-items:center;justify-content:space-between;}
.app .rx-passenger-choice svg {height:12px;width:12px;}
.app .rx-remove-return {font-size:11px;color:var(--rx-muted);margin:-5px 0 15px;padding:4px 0;}
.app .rx-picker {padding:10px 5px 5px;color:var(--rx-text);font-family:var(--p-font);}
.app .rx-picker-header {display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px;}
.app .rx-picker-header h2 {font-size:22px;font-weight:600;letter-spacing:-.5px;}
.app .rx-picker-header button {display:grid;place-items:center;border:0;background:var(--rx-panel);color:var(--rx-text);width:35px;height:35px;border-radius:50%;}
.app .rx-picker svg {width:20px;height:20px;flex-shrink:0;}
.app .rx-airport-search {display:flex;align-items:center;gap:10px;background:var(--rx-panel);padding:13px;border-radius:12px;}
.app .rx-airport-search input {width:100%;border:0;background:none;color:var(--rx-text);font:inherit;font-size:14px;}
.app .rx-airport-result {display:flex;align-items:center;gap:12px;width:100%;padding:15px 4px;border:0;border-bottom:1px solid var(--rx-line);background:none;color:var(--rx-text);font:inherit;text-align:left;}
.app .rx-airport-result>span {flex:1;}
.app .rx-airport-result strong {display:block;font-size:14px;font-weight:550;}
.app .rx-airport-result small {display:block;color:var(--rx-muted);font-size:11px;margin-top:5px;}
.app .rx-airport-result b {font-size:12px;color:var(--rx-muted);}
.app .rx-picker .rx-empty,.app .rx-picker .rx-error {font-size:12px;line-height:1.5;padding:20px 0;}
.app .rx-picker .rx-primary {width:100%;min-height:48px;padding:13px;border:0;border-radius:13px;background:var(--rx-yellow);color:#171910;font:inherit;font-size:14px;font-weight:600;}
.app .rx-passenger-row {display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid var(--rx-line);}
.app .rx-passenger-row strong {display:block;font-size:14px;font-weight:550;}
.app .rx-passenger-row small {display:block;font-size:11px;color:var(--rx-muted);margin-top:5px;}
.app .rx-passenger-row select {width:66px;min-height:42px;padding:7px 10px;border:1px solid var(--rx-line);border-radius:10px;font:inherit;color:var(--rx-text);background:var(--rx-panel);}
.app .rx-travel-results button.ticket-go {background:var(--rx-yellow);color:#171910;border-radius:9px;padding:9px 10px;font-size:11px;text-align:center;width:100%;}
.app .rx-flight-details>div {display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--rx-line);padding:13px 0;font-size:12px;}
.app .rx-flight-details>div>span {color:var(--rx-muted);}
.app .rx-flight-details strong {max-width:65%;text-align:right;overflow-wrap:anywhere;font-weight:550;}

/* Parity 3: equal-width comparison with the supplied six-screen reference.
   The reference uses readable 13–15px content, not miniaturized 10px rows. */
.app .rx-view {--rx-muted:#686c70;}
html[data-theme="dark"] .app .rx-view {--rx-muted:#a6a6aa;}
.app .rx-view .rx-body {padding-top:max(16px,env(safe-area-inset-top));padding-bottom:calc(84px + env(safe-area-inset-bottom));}
.app .rx-header {min-height:43px;margin-bottom:20px;}
.app .rx-view h1 {font-size:28px;line-height:1.12;font-weight:700;letter-spacing:-1px;}
.app .rx-view h2 {font-size:17px;line-height:1.3;font-weight:650;letter-spacing:-.45px;}
.app .rx-logo b {font-size:30px;letter-spacing:-1.5px;font-weight:750;}
.app .rx-logo small {font-size:8px;letter-spacing:4.5px;color:#d7b700;margin-top:3px;}
.app .rx-home .rx-header {margin-bottom:13px;}
.app .rx-greeting {margin:0 0 15px;align-items:flex-start;}
.app .rx-greeting h1 {font-size:25px;line-height:1.1;letter-spacing:-.8px;}
.app .rx-greeting p {font-size:13px;line-height:1.35;color:var(--rx-text);margin-top:7px;}
.app .rx-avatar {width:54px;height:54px;font-size:18px;background:#ece9db!important;color:#555448!important;border:3px solid var(--rx-bg);}
.app .rx-greeting .rx-avatar {margin-top:1px;}
.app .rx-balance {min-height:96px;padding:16px 17px;border-radius:15px;background:#fff1ad;}
.app .rx-balance>span {font-size:12px;color:#25251d;}
.app .rx-balance>strong {font-size:31px;letter-spacing:-1.1px;line-height:1.15;margin-top:10px;max-width:calc(100% - 42px);}
.app .rx-balance>i {right:14px;top:17px;transform:none;opacity:1;}
.app .rx-balance>i svg {width:61px;height:61px;color:#f1c400;stroke-width:4.2;filter:none;opacity:1;}
.app .rx-home .rx-actions {margin:12px 0 20px;gap:6px;}
.app .rx-actions>button {gap:6px;min-height:68px;}
.app .rx-actions>button>span {height:45px;border-radius:13px;}
.app .rx-actions small {font-size:11px;font-weight:450;letter-spacing:-.3px;}
.app .rx-actions svg {width:24px;height:24px;stroke-width:1.8;}
.app .rx-section {margin:21px 0 9px;}
.app .rx-section>button {font-size:12px;}
.app .rx-products {gap:5px;}
.app .rx-product-row {gap:12px;min-height:60px;padding:10px 11px;}
.app .rx-mini-card {width:59px;height:37px;border-radius:5px;padding:5px;}
.app .rx-mini-card .rx-logo b {font-size:8px;letter-spacing:-.3px;}
.app .rx-mini-card .rx-logo small {font-size:2.2px;letter-spacing:1px;margin-top:1px;}
.app .rx-mini-card>i {right:5px;bottom:4px;}
.app .rx-mini-card>i svg {width:19px;height:19px;}
.app .rx-mini-wallet {width:59px;height:37px;background:transparent;}
.app .rx-mini-wallet svg {height:25px;width:25px;}
.app .rx-product-copy {gap:5px;}
.app .rx-product-copy strong {font-size:14px;font-weight:450;line-height:1.15;}
.app .rx-product-copy small {font-size:13px;line-height:1.2;color:var(--rx-text);}
.app .rx-product-copy .rx-product-balance {font-size:14px;font-weight:650;}
.app .rx-product-number {letter-spacing:.3px;}
.app .rx-product-row>svg {width:14px;height:14px;color:var(--rx-text);}
.app .rx-operations .op {min-height:54px;padding:8px 0;border:0;gap:11px;}
.app .rx-operations .op .t {font-size:13px;font-weight:450;}
.app .rx-operations .op .s {font-size:11px;margin-top:3px;}
.app .rx-operations .op .v {font-size:13px;font-weight:600;}
.app .rx-operations .op .ic {height:34px;width:34px;background:#ffe052;color:#121212;}
.app .rx-operations .op:nth-child(3n+2) .ic {background:#c9e3f5;color:#25658c;}
.app .rx-operations .op:nth-child(3n+3) .ic {background:#ffcfce;color:#a74641;}
.app .rx-operations .op .ic svg {width:20px;height:20px;}
.app .rx-card-rail {padding-top:5px;padding-bottom:8px;}
.app .rx-bank-card .rx-logo {left:22px;top:21px;}
.app .rx-bank-card .rx-logo b {font-size:26px;letter-spacing:-1px;}
.app .rx-bank-card .rx-logo small {font-size:7px;letter-spacing:3.6px;margin-top:3px;}
.app .rx-chip {width:37px;height:31px;left:24px;top:45%;}
.app .rx-chip i {left:12px;right:12px;}
.app .rx-card-smile {top:34%;left:45%;transform:none;}
.app .rx-card-smile svg {width:74px;height:74px;stroke-width:4.3;}
.app .rx-card-number {font-size:15px;bottom:20px;left:24px;letter-spacing:1.1px;}
.app .rx-card-network {font-size:11px;font-weight:500;letter-spacing:1px;opacity:.8;}
.app .rx-card-pages:has(button) {margin:0 0 14px;}
.app .rx-card-summary {margin:8px 0 15px;}
.app .rx-card-summary small {font-size:14px;font-weight:600;}
.app .rx-card-summary strong {font-size:28px;line-height:1.1;margin-top:9px;}
.app .rx-card-summary .rx-icon-btn {height:38px;width:38px;}
.app .rx-round-actions {margin:0 0 23px;}
.app .rx-cards .rx-round-actions>button>span {width:48px;height:48px;border-radius:50%;}
.app .rx-tabs {gap:7px;margin:3px 0 23px;}
.app .rx-tabs button {font-size:12px;line-height:1.2;padding:11px 12px;border-radius:18px;min-height:38px;}
.app .rx-field-label {font-size:14px;line-height:1.2;color:var(--rx-text);margin:22px 0 12px;}
.app .rx-phone-field {padding:10px 12px;min-height:55px;}
.app .rx-phone-field input {font-size:14px;}
.app .rx-target {padding:12px;min-height:70px;}
.app .rx-target strong {font-size:14px;}
.app .rx-target small {font-size:12px;color:var(--rx-text);}
.app .rx-target-avatar {width:40px;height:40px;}
.app .rx-draft-amount {min-height:66px;padding:13px 16px;}
.app .rx-draft-amount input {font-size:32px;font-weight:700;letter-spacing:-.9px;}
.app .rx-draft-amount strong {font-size:24px;}
.app .rx-draft-message {padding:16px 14px;margin:8px 0 26px;}
.app .rx-draft-message input {font-size:13px;}
.app .rx-source {min-height:66px;gap:11px;padding:12px;}
.app .rx-source strong {font-size:13px;}
.app .rx-source small {font-size:12px;color:var(--rx-text);}
.app .rx-source b {font-size:12px;font-weight:550;}
.app .rx-draft-feedback {min-height:25px;}
.app .rx-view .rx-primary {min-height:49px;font-size:15px;font-weight:600;border-radius:14px;}
.app .rx-transfer .rx-transfer-note {font-size:11px;}
.app .rx-travel .rx-header {margin-bottom:15px;}
.app .rx-travel .rx-tabs {margin-bottom:19px;gap:5px;}
.app .rx-travel .rx-tabs button {font-size:11px;padding:10px 11px;min-height:35px;}
.app .rx-route {gap:5px;}
.app .rx-route-choice {min-height:64px;padding:10px 15px!important;gap:13px;}
.app .rx-route-choice small {font-size:11px;}
.app .rx-route-choice strong {font-size:15px;font-weight:600;line-height:1.25;}
.app .rx-route-choice>b {font-size:11px;}
.app .rx-route-choice>svg {width:20px;height:20px;}
.app .rx-route-swap {top:46px;right:13px;width:36px;height:36px;}
.app .rx-travel-fields {gap:7px;margin:10px 0 17px;}
.app .rx-travel-fields>label,.app .rx-travel-fields>div,.app .rx-travel-fields>.rx-passenger-choice {padding:11px 12px;gap:6px;min-height:60px;}
.app .rx-travel-fields small {font-size:11px;}
.app .rx-travel-fields span,.app .rx-travel-fields input {font-size:13px;line-height:1.3;font-weight:550;}
.app .rx-travel-fields>div small:last-child {font-size:9px;line-height:1.2;}
.app .rx-destination {min-height:132px;border-radius:13px;}
.app .rx-destination>span {font-size:21px;padding:23px 16px;}
.app .rx-destination small {font-size:12px;}
.app .rx-travel-results .flight-list {gap:9px;}
.app .rx-travel-results .ticket-card {border-radius:14px;border:0;background:var(--rx-panel);box-shadow:none;}
.app .rx-travel-results .ticket-main {padding:13px;}
.app .rx-travel-results .ticket-carrier {font-size:13px;}
.app .rx-travel-results .ticket-route {margin-top:12px;}
.app .rx-travel-results .tr-end b {font-size:19px;letter-spacing:-.4px;}
.app .rx-travel-results .tr-end small,.app .rx-travel-results .tr-end em {font-size:10px;}
.app .rx-travel-results .ticket-stub {padding:13px 10px;background:transparent;border-color:var(--rx-line);}
.app .rx-travel-results .ticket-stub:before,.app .rx-travel-results .ticket-stub:after {display:none;}
.app .rx-travel-results .ticket-price {font-size:20px;}
.app .rx-assistant .rx-header {margin-bottom:20px;}
.app .rx-assistant-intro {gap:10px;margin:5px 0 15px;}
.app .rx-ai-avatar {width:33px;}
.app .rx-ai-avatar svg {width:31px;height:31px;}
.app .rx-assistant-intro>div {padding:16px 15px;}
.app .rx-assistant-intro h1 {font-size:15px;font-weight:500;letter-spacing:0;}
.app .rx-assistant-intro p {font-size:13px;line-height:1.5;color:var(--rx-text);margin-top:6px;}
.app .rx-assistant-destination {margin-left:43px;width:calc(100% - 43px);min-height:107px;border-radius:12px;}
.app .rx-assistant-destination img {width:88px;height:107px;}
.app .rx-assistant-destination strong {font-size:15px;}
.app .rx-assistant-destination small {font-size:11px;}
.app .rx-chat-options {margin:14px 0 20px 43px;gap:9px;}
.app .rx-chat-options button {font-size:13px;min-height:46px;padding:12px;border-radius:12px;}
.app .rx-assistant-status {font-size:11px;margin:0 0 12px 43px;line-height:1.4;}
.app .rx-support-link {margin-left:43px;font-size:12px;}
.app .rx-voice {margin:28px 0 0;gap:9px;}
.app .rx-voice button {height:57px;width:57px;}
.app .rx-voice small {font-size:11px;}
.app .rx-profile .rx-header {margin-bottom:17px;}
.app .rx-profile-card {min-height:96px;padding:14px;gap:13px;border-radius:17px;}
.app .rx-profile-card .rx-avatar {width:62px;height:62px;border-width:2px;font-size:21px;background:radial-gradient(circle at 30% 20%,#f9f0c8,#d6cfb0)!important;}
.app .rx-profile-card strong {font-size:17px;line-height:1.25;}
.app .rx-profile-card small {font-size:12px;margin-top:6px;}
.app .rx-status-row {padding:16px 1px;font-size:14px;}
.app .rx-status-row strong {font-size:11px;padding:5px 8px;}
.app .rx-settings {padding-bottom:9px;}
.app .rx-setting {min-height:58px;padding:10px 0;gap:12px;}
.app .rx-setting-icon {width:36px;height:36px;}
.app .rx-setting-icon svg {width:19px;height:19px;}
.app .rx-setting strong {font-size:14px;font-weight:450;line-height:1.3;}
.app .rx-setting small {font-size:12px;line-height:1.35;margin-top:4px;}
.app .rx-profile .rx-section {margin:21px 0 8px;}
.app .rx-profile .rx-section h2 {font-size:18px;font-weight:550;}
.app .rx-theme-toggle i {width:29px;height:26px;}
html[data-brand="smile"] .app .dock {padding:7px 9px max(10px,env(safe-area-inset-bottom));}
html[data-brand="smile"] .app .dock button {font-size:10px;gap:5px;padding:5px 0 2px;color:#83868c;}
html[data-brand="smile"] .app .dock .rx-dock-symbol {height:21px;width:21px;}
html[data-brand="smile"] .app .dock button.on {color:var(--rx-text);font-weight:550;}
html[data-brand="smile"] .app .dock button.on .gl {color:#181818;}
html[data-brand="smile"] .app .dock button.on .rx-dock-solid {fill:#ffda00;stroke:#161616;}
html[data-brand="smile"] .app .dock button.on[data-arg="transfer"] .rx-dock-symbol {stroke:#171717;filter:drop-shadow(2px 0 0 #ffda00);}
html[data-brand="smile"][data-theme="dark"] .app .dock button.on .gl {color:#ffda00;}
html[data-brand="smile"][data-theme="dark"] .app .dock button.on .rx-dock-solid {stroke:#ffda00;}
html[data-brand="smile"][data-theme="dark"] .app .dock button.on[data-arg="transfer"] .rx-dock-symbol {stroke:#ffda00;filter:none;}
@media(max-width:350px) {
 .app .rx-view h1{font-size:25px}.app .rx-greeting h1{font-size:23px}.app .rx-greeting p{font-size:12px}
 .app .rx-product-row{gap:9px;padding:9px}.app .rx-mini-card,.app .rx-mini-wallet{width:49px;height:32px}
 .app .rx-product-copy strong{font-size:13px}.app .rx-product-copy small{font-size:12px}
 .app .rx-actions small{font-size:10px}.app .rx-tabs button{font-size:11px;padding:10px 11px}
 .app .rx-profile-card .rx-avatar{width:52px;height:52px}.app .rx-profile-card strong{font-size:15px}
 .app .rx-assistant-destination,.app .rx-chat-options,.app .rx-assistant-status,.app .rx-support-link{margin-left:0;width:100%}
}

/* Final 4: home information density, profile composition and branded auth. */
.app .rx-home .rx-actions {margin-bottom:13px;}
.app .rx-home .rx-section {margin-top:16px;margin-bottom:8px;}
.app .rx-home .rx-product-row {min-height:55px;padding-top:8px;padding-bottom:8px;}
.app .rx-home .rx-operations .op {min-height:49px;padding-top:6px;padding-bottom:6px;}
.app .rx-home .rx-assistant-link {margin-top:7px;padding:13px 0;}
.app .rx-profile .rx-profile-card {background:linear-gradient(115deg,var(--rx-panel),color-mix(in srgb,var(--rx-panel) 92%,#d4b530))!important;}
.app .rx-profile .rx-status-row {padding-top:13px;padding-bottom:13px;}
.app .rx-profile .rx-section {margin-top:19px;}
.app .rx-profile .rx-setting {min-height:56px;}
.app .rx-transfer .rx-tabs {margin-bottom:18px;}
.app .rx-transfer .rx-field-label:first-of-type {margin-top:18px;}
.app .rx-cards .rx-card-summary strong {font-variant-numeric:tabular-nums;}
.app .rx-cards .rx-card-pages {margin-bottom:10px;}
.app .rx-travel .rx-travel-fields>label {position:relative;}
.app .rx-travel .rx-travel-fields input[type="date"] {color:var(--rx-text);font-variant-numeric:tabular-nums;color-scheme:light;min-height:22px;}
html[data-theme="dark"] .app .rx-travel .rx-travel-fields input[type="date"] {color-scheme:dark;}
.app .rx-assistant .rx-voice {margin-top:auto;padding-top:24px;padding-bottom:5px;}
.app .rx-assistant-status {border-left:2px solid var(--rx-line);padding-left:10px;}
.app .rx-boot .rx-body {display:grid;place-items:center;padding-bottom:30px;}
.app .rx-brand-loading {text-align:center;display:flex;flex-direction:column;align-items:center;width:100%;padding:30px 10px;}
.app .rx-brand-loading .rx-logo {align-items:center;margin-top:21px;}
.app .rx-brand-loading .rx-logo b {font-size:38px;}
.app .rx-brand-loading h1 {font-size:24px;line-height:1.2;margin:28px 0 0;}
.app .rx-brand-loading p {font-size:13px;line-height:1.5;color:var(--rx-muted);margin:10px 0 0;max-width:245px;}
.app .rx-loading-mark {position:relative;width:92px;height:92px;display:grid;place-items:center;color:#edc500;}
.app .rx-loading-mark svg {width:62px;height:62px;}
.app .rx-loading-mark i {position:absolute;inset:0;border:2px solid var(--rx-line);border-top-color:#edc500;border-right-color:#edc500;border-radius:50%;animation:rx-loader-orbit 1.5s linear infinite;}
html[data-brand="smile"][data-theme] .app :is([data-screen="otp"],[data-screen="pin"]) .lock {align-items:center;text-align:center;justify-content:flex-start;padding:25px 22px max(24px,env(safe-area-inset-bottom));min-height:100%;overflow-y:auto;}
html[data-brand="smile"][data-theme] .app :is([data-screen="otp"],[data-screen="pin"]) .rx-auth-brand {position:relative;display:flex;justify-content:center;align-items:center;min-height:55px;width:100%;margin:4px auto 19px;flex-shrink:0;}
html[data-brand="smile"][data-theme] .app :is([data-screen="otp"],[data-screen="pin"]) .rx-auth-brand .rx-logo {align-items:center;color:var(--rx-text);}
html[data-brand="smile"][data-theme] .app :is([data-screen="otp"],[data-screen="pin"]) .rx-auth-brand .rx-logo b {font-size:31px;}
html[data-brand="smile"][data-theme] .app :is([data-screen="otp"],[data-screen="pin"]) .lock h2 {font-size:28px;line-height:1.15;letter-spacing:-.8px;margin:0;text-align:center;}
html[data-brand="smile"][data-theme] .app :is([data-screen="otp"],[data-screen="pin"]) .lock>p {font-size:14px;line-height:1.45;margin:12px auto 0;max-width:290px;text-align:center;}
html[data-brand="smile"][data-theme] .app [data-screen="otp"] .back-abs {position:absolute;left:18px;top:28px;width:40px;height:40px;padding:0;display:grid;place-items:center;border-radius:50%;z-index:2;}
html[data-brand="smile"][data-theme] .app [data-screen="otp"] .back-abs svg {width:21px;height:21px;}
html[data-brand="smile"][data-theme] .app [data-screen="otp"] .otp-cells {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));width:100%;max-width:286px;gap:7px;margin:27px auto 0;justify-content:center;}
html[data-brand="smile"][data-theme] .app [data-screen="otp"] .otp-cells i {width:100%;height:49px;background:var(--rx-panel);color:var(--rx-text);border:1px solid var(--rx-line);border-radius:12px;font-size:22px;font-weight:550;}
html[data-brand="smile"][data-theme] .app [data-screen="otp"] .otp-cells i.fill {background:var(--rx-soft);color:#171713;border-color:#e4cc47;}
html[data-brand="smile"][data-theme] .app :is([data-screen="otp"],[data-screen="pin"]) .otp-status {width:100%;max-width:290px;min-height:40px;margin:12px auto 0;}
html[data-brand="smile"][data-theme] .app :is([data-screen="otp"],[data-screen="pin"]) .keypad {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:286px;justify-items:center;align-self:center;gap:12px;margin:24px auto 0;}
html[data-brand="smile"][data-theme] .app :is([data-screen="otp"],[data-screen="pin"]) .keypad button {height:64px;width:64px;min-height:64px;aspect-ratio:1;border-radius:50%;margin:0;padding:0;display:grid;place-items:center;font-size:28px;font-weight:450;background:var(--rx-panel);border:0;color:var(--rx-text);box-shadow:none;}
html[data-brand="smile"][data-theme] .app :is([data-screen="otp"],[data-screen="pin"]) .keypad button.plain {background:none;}
html[data-brand="smile"][data-theme] .app :is([data-screen="otp"],[data-screen="pin"]) .keypad button:focus-visible {outline:2px solid #ac8e00;outline-offset:3px;}
html[data-brand="smile"][data-theme] .app [data-screen="pin"] .dots {margin:24px auto 0;justify-content:center;}
html[data-brand="smile"][data-theme] .app [data-screen="otp"] .lock:has(#otpStatus .auth-note) .rx-auth-brand:after {content:"";position:absolute;left:calc(50% + 57px);top:15px;width:18px;height:18px;border:2px solid var(--rx-line);border-top-color:#edc500;border-radius:50%;animation:rx-loader-orbit 1.5s linear infinite;}
@keyframes rx-loader-orbit {to{transform:rotate(360deg)}}
@media(max-height:650px) {
 html[data-brand="smile"][data-theme] .app :is([data-screen="otp"],[data-screen="pin"]) .lock{padding-top:18px}
 html[data-brand="smile"][data-theme] .app :is([data-screen="otp"],[data-screen="pin"]) .keypad{gap:8px;margin-top:14px}
 html[data-brand="smile"][data-theme] .app :is([data-screen="otp"],[data-screen="pin"]) .keypad button{height:56px;width:56px;min-height:56px}
}
@media(prefers-reduced-motion:reduce) {
 .app .rx-loading-mark i,html[data-brand="smile"][data-theme] .app [data-screen="otp"] .lock:has(#otpStatus .auth-note) .rx-auth-brand:after {animation:none;}
}