/* Brand layer for the existing API-connected white-label application.
   No data, routing, permissions or payment behavior is implemented here. */
html[data-brand="ritm"] {
  --accent:#a45cff;--accent-deep:#b2a0ff;--accent-soft:#26223c;--accent-ink:#fff;
  --ink:#f3f5fc;--dim:#a5aec5;--mute:#7f899f;--bg:#080c17;--surface:#131927;--surface-2:#1b2233;
  --hair:#222a3c;--press:#ffffff06;--canvas:#080c17;--canvas-ink:#f3f5fc;--canvas-dim:#929db6;--canvas-line:#272f45;
  --neg:#ff8796;--positive:#30dca2;--dock-bg:#0b101c;--shadow-soft:none;--shadow-lift:0 10px 26px #0002;
  --r-sheet:0px;--r-md:16px;--r-sm:12px;--app-w:430px;--pad-top:max(18px,env(safe-area-inset-top));
  --brand-gradient:linear-gradient(105deg,#c532f2 0%,#9562fa 45%,#22c8ed 100%);
  --brand-account:radial-gradient(ellipse at 105% 100%,#62249b,transparent 45%),linear-gradient(120deg,#1d2e55,#171c34 70%);
  --brand-plastic:radial-gradient(ellipse at 100% 0,#7825ac,transparent 58%),linear-gradient(120deg,#172241,#080b16 80%);
  --brand-border:#46436f;--brand-active:#55bcff;--brand-light:#d9d7f4;
  color-scheme:dark;
}
html[data-brand="ritm"][data-theme="light"] {
  --ink:#1a2135;--dim:#626b84;--mute:#848ca0;--bg:#f1f2f8;--surface:#fafbff;--surface-2:#e9ebf4;
  --hair:#dfe3ef;--press:#27234408;--canvas:#f1f2f8;--canvas-ink:#1a2135;--canvas-dim:#727e9b;--canvas-line:#dde1ee;
  --accent-deep:#7955ba;--accent-soft:#ebe3fb;--dock-bg:#f5f6fb;--brand-light:#665093;--brand-active:#7955ba;
  color-scheme:light;
}
html[data-brand="smile"] {
  --accent:#ffd300;--accent-deep:#8b7100;--accent-soft:#f7f0c9;--accent-ink:#151711;
  --ink:#171913;--dim:#666c60;--mute:#878d80;--bg:#f6f5f1;--surface:#eeede8;--surface-2:#e6e6df;
  --hair:#e1e2d9;--press:#22260005;--canvas:#f6f5f1;--canvas-ink:#171913;--canvas-dim:#848a7c;--canvas-line:#dfe1d5;
  --neg:#d45762;--positive:#0d9d6f;--dock-bg:#f6f5f1;--shadow-soft:none;--shadow-lift:0 10px 26px #2225000c;
  --r-sheet:0px;--r-md:16px;--r-sm:12px;--app-w:430px;--pad-top:max(18px,env(safe-area-inset-top));
  --brand-gradient:linear-gradient(110deg,#ffd000,#ffdc00);--brand-account:radial-gradient(ellipse at 110% 15%,#ffe329 0%,#9c8c15 24%,transparent 60%),#11140d;
  --brand-plastic:radial-gradient(ellipse at 115% 0%,#ffdc00 0%,#a99a19 22%,transparent 64%),#11140e;
  --brand-border:#444c28;--brand-active:#161a0e;--brand-light:#6e724c;color-scheme:light;
}
html[data-brand="smile"][data-theme="dark"] {
  --ink:#f4f4e9;--dim:#b1b5a3;--mute:#858c7a;--bg:#10130d;--surface:#1a1f15;--surface-2:#242b1d;
  --hair:#30372a;--press:#ffffff05;--canvas:#10130d;--canvas-ink:#f4f4e9;--canvas-dim:#a0a78f;--canvas-line:#333c29;
  --accent-deep:#e0c539;--accent-soft:#3b3515;--dock-bg:#10130d;--brand-active:#ffda00;--brand-light:#d1c985;color-scheme:dark;
}
html[data-brand] body {font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);font-weight:400;line-height:1.4}
html[data-brand] .app {max-width:480px;margin:auto;box-shadow:0 0 70px #0001}
html[data-brand] button,html[data-brand] input,html[data-brand] select,html[data-brand] textarea {font-family:inherit}
html[data-brand] button:focus-visible,html[data-brand] [tabindex]:focus-visible {outline:2px solid var(--accent);outline-offset:3px}
html[data-brand] .view {background:var(--bg)}
html[data-brand] .canvas {background:var(--bg);color:var(--ink);padding:var(--pad-top) 22px 14px}
html[data-brand] .canvas.short,html[data-brand] .canvas.bare {padding-bottom:17px;background:var(--bg)}
html[data-brand] :is(.canvas,.lock) :is(.art,.haze,.bloom,.drift,.orb,.mist,.motes,.sheen) {display:none}
html[data-brand] .sheet {margin-top:0;border-radius:0;background:var(--bg);box-shadow:none}
html[data-brand] .sheet:before {display:none}
html[data-brand] .scroll {padding:16px 22px 0;overscroll-behavior-y:contain}
html[data-brand] .scroll>.rail-x {max-width:calc(var(--app-w) + 44px)}
html[data-brand] .rail-x {padding-left:0;padding-right:0;margin-left:0;margin-right:0;gap:12px}
html[data-brand] .cap-row .h {font-size:14px;font-weight:600;letter-spacing:-.25px}
html[data-brand] .cap-row .r {font-size:11px;font-weight:500}
html[data-brand] .gap {height:23px}
html[data-brand] .pad {height:103px}
.brand-heading {display:flex;align-items:center;gap:9px;min-height:35px;margin:0 0 17px}
.brand-wordmark {font-size:20px;letter-spacing:-.8px;font-weight:720;color:var(--ink)}
.brand-symbol {width:34px;height:34px;flex-shrink:0;border-radius:9px;background-image:url('assets/brand-reference.jpg?v=20260918b');background-repeat:no-repeat}
[data-brand="ritm"] .brand-symbol {background-size:196px 179px;background-position:-11px -19px}
[data-brand="smile"] .brand-symbol {background-size:390px 260px;background-position:-14px -19px;border-radius:10px}
[data-brand="smile"] .brand-wordmark {font-weight:780}
.environment-note {margin-left:auto;font-size:8px;letter-spacing:.15px;color:var(--mute);border:1px solid var(--hair);border-radius:4px;padding:3px 5px;white-space:nowrap}
[data-environment]:not([data-environment="test"]) .environment-note,[data-environment]:not([data-environment="test"]) .brand-auth-environment {display:none}
html[data-brand] .id-row {margin-top:0;gap:9px}
html[data-brand] .ava {height:34px;width:34px;border-radius:50%;font-size:10px;font-weight:650;color:var(--brand-light);background:var(--surface-2);border:1px solid var(--hair)}
html[data-brand] .id-row .greet {font-size:10px;font-weight:450;color:var(--mute)}
html[data-brand] .id-row .who {font-size:13px;font-weight:600;margin-top:1px}
html[data-brand] .ghost-btn {width:34px;height:34px;background:var(--surface);border:1px solid var(--hair);color:var(--dim)}
html[data-brand] .balance-block {margin-top:18px;background:var(--brand-account);padding:18px 18px 17px;border-radius:16px;color:#fff;position:relative;overflow:hidden;border:1px solid #ffffff07}
html[data-brand] .balance-block .cap {font-size:10px;color:#c6cadd;font-weight:450;justify-content:space-between}
html[data-brand] .balance {font-size:33px;line-height:1.1;font-weight:650;letter-spacing:-1px;margin-top:11px;color:#fff}
html[data-brand] .balance small {color:#d1d2d6;font-size:21px;font-weight:450}
html[data-brand] .balance-block .delta {font-size:10px;font-weight:450;color:#bbc1d3;margin-top:11px}
html[data-brand] .tier {border:1px solid #ffffff26;color:#dadbe5;font-size:7px;letter-spacing:.5px;font-weight:500;padding:3px 5px;border-radius:5px}
html[data-brand] .pills {display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:17px}
html[data-brand] .pill,html[data-brand] .pill.key {background:none;border:0;box-shadow:none;color:var(--ink);padding:0;gap:8px}
html[data-brand] .pill .gl {display:grid;place-items:center;width:55px;height:44px;background:var(--surface);border-radius:12px;color:var(--brand-light);font-size:18px}
html[data-brand] .pill span {font-size:10px;font-weight:450}
html[data-brand] .c-title {font-size:22px;font-weight:650;letter-spacing:-.65px;margin-top:10px}
html[data-brand] .c-sub {font-size:12px;font-weight:400;color:var(--dim)}
html[data-brand] .topbar {margin-top:4px;min-height:40px;gap:10px}
html[data-brand] .topbar .ttl {font-size:18px;font-weight:650;letter-spacing:-.4px}
html[data-brand] .seg {border-radius:10px;background:var(--surface);border:0;margin-top:17px;padding:4px;gap:3px}
html[data-brand] .seg button {border-radius:7px;font-size:10px;font-weight:550;min-height:35px;color:var(--dim)}
html[data-brand] .seg button.on {background:var(--surface-2);color:var(--ink)}
html[data-brand="smile"] .seg button.on {background:#171b10;color:#fff}
html[data-brand] .c-search {border-radius:11px;background:var(--surface);border:1px solid var(--hair);font-size:12px;font-weight:400;padding:11px 13px;color:var(--dim)}
html[data-brand] .prod {border-radius:16px;border-color:var(--hair);background:var(--surface);box-shadow:none}
html[data-brand] .prod .kind {font-size:10px;font-weight:500}
html[data-brand] .prod .val {font-size:22px;font-weight:600}
html[data-brand] .prod .meta {font-size:10px;font-weight:400}
html[data-brand] .prod.dark {background:var(--brand-account);border:1px solid var(--brand-border);color:#f5f6fa}
html[data-brand] .prod.dark .chip {color:#fff;background:#ffffff17}
html[data-brand] .prod.dark .kind,html[data-brand] .prod.dark .meta {color:#c5c7d1}
html[data-brand] .prod.add {background:transparent;border-style:dashed;min-height:118px;font-size:11px;font-weight:500}
html[data-brand] .prod.plastic {background:var(--brand-plastic);border:1px solid var(--brand-border);border-radius:16px;color:#fff;box-shadow:0 9px 24px #0002}
html[data-brand] .plastic-mark {font-size:21px;letter-spacing:-.6px;font-weight:700;color:#fff}
html[data-brand] .plastic-net {background:#ffffff14;color:#fff;border-color:#ffffff25}
html[data-brand] .plastic-wave {background:linear-gradient(155deg,transparent 45%,#ffffff12 45.3%,transparent 45.8%);opacity:.7}
html[data-brand] .plastic-shine {background:radial-gradient(ellipse at 100% 0,#ffffff19,transparent 60%)}
html[data-brand] .prod.plastic .plastic-chip {background:linear-gradient(135deg,#e1d3a5,#b59e64);border-color:#dec98c}
html[data-brand] .prod.plastic.brand-usdt {background:radial-gradient(ellipse at 105% 0,#177f74,transparent 70%),#0b1d20}
html[data-brand] .prod.plastic.brand-balance {background:var(--brand-plastic)}
html[data-brand] .hub-rail {gap:9px}
html[data-brand] .hub-card {background:var(--surface);border:1px solid var(--hair);border-radius:13px;color:var(--ink);box-shadow:none;min-height:92px;padding:13px 10px}
html[data-brand] .hub-card:after {display:none}
html[data-brand] .hub-ico {background:var(--surface-2);color:var(--brand-light);border-radius:9px}
html[data-brand] .hub-t {font-size:11px;font-weight:600}
html[data-brand] .hub-s {font-size:9px;font-weight:400;color:var(--mute);opacity:1}
html[data-brand] .cell {background:var(--surface);border:1px solid var(--hair);border-radius:12px;padding:14px 3px}
html[data-brand] .cell .g {background:none;color:var(--brand-light);height:27px}
html[data-brand] .cell span {font-size:9px;font-weight:450;color:var(--dim)}
html[data-brand] .banner {background:var(--surface);border:1px solid var(--hair);border-radius:13px;box-shadow:none}
html[data-brand] .banner .badge {background:var(--accent-soft);color:var(--accent-deep);border-radius:10px}
html[data-brand] .banner .t {font-size:12px;font-weight:550}
html[data-brand] .banner .s {font-size:10px;font-weight:400}
html[data-brand] .rows {background:var(--surface);border:1px solid var(--hair);border-radius:14px;box-shadow:none}
html[data-brand] .row {padding-top:15px;padding-bottom:15px}
html[data-brand] .row .g {background:var(--surface-2);color:var(--dim);border-radius:10px}
html[data-brand] .row .t {font-size:12px;font-weight:550}
html[data-brand] .row .s {font-size:10px;font-weight:400;line-height:1.5}
html[data-brand] .row .right {font-size:10px;font-weight:500}
html[data-brand] .op {padding-top:14px;padding-bottom:14px}
html[data-brand] .op .ic {height:35px;width:35px;border-radius:50%;background:var(--surface-2);color:var(--brand-light)}
html[data-brand] .op .t {font-size:12px;font-weight:550}
html[data-brand] .op .s {font-size:10px;font-weight:400}
html[data-brand] .op .v {font-size:12px;font-weight:600}
html[data-brand] .op .v.in {color:var(--positive)}
html[data-brand] .empty {font-size:12px;line-height:1.7;color:var(--mute);font-weight:400;background:transparent;border:1px dashed var(--hair);border-radius:12px;padding:25px 16px}
html[data-brand] .btn {border-radius:12px;min-height:48px;padding:14px 16px;font-weight:600;font-size:13px}
html[data-brand] .btn.primary {background:var(--brand-gradient);color:var(--accent-ink);box-shadow:none}
html[data-brand] .btn.quiet {background:var(--surface);color:var(--ink);border-color:var(--hair)}
html[data-brand] .btn.ghost-dark {color:var(--dim);background:transparent;font-size:11px;min-height:42px}
html[data-brand] .footer-cta {padding:13px 22px max(22px,env(safe-area-inset-bottom));background:var(--bg)}
html[data-brand] .field,html[data-brand] .field.dark {background:var(--surface);border:1px solid var(--hair);border-radius:11px;box-shadow:none;padding:14px 13px;color:var(--ink)}
html[data-brand] .field:focus-within {border-color:var(--accent)}
html[data-brand] .field input,html[data-brand] .field.dark input {color:var(--ink);font-size:14px;font-weight:450}
html[data-brand] .field input::placeholder,html[data-brand] .field.dark input::placeholder {color:var(--mute);font-weight:400}
html[data-brand] .field .pfx,html[data-brand] .field.dark .pfx,html[data-brand] .field.dark.stacked label {color:var(--dim);font-weight:500}
html[data-brand] .field.dark.stacked label {font-size:10px}
html[data-brand] .row-select {background:var(--surface);border:1px solid var(--hair);border-radius:12px}
html[data-brand] .row-select .g {color:var(--accent-deep);background:var(--accent-soft)}
html[data-brand] .contact .cav {background:var(--accent-soft);color:var(--accent-deep);font-weight:550}
html[data-brand] .contact .t {font-size:12px;font-weight:550}
html[data-brand] .contact .s {font-size:10px}
html[data-brand] .lock {background:var(--bg);color:var(--ink);padding:max(35px,env(safe-area-inset-top)) 25px 25px;overflow-y:auto;overscroll-behavior:contain}
html[data-brand] .lock .logo {width:53px;height:53px;border-radius:15px;background:var(--surface);border:1px solid var(--hair);color:var(--accent-deep);flex-shrink:0}
html[data-brand] .lock h2 {font-size:21px;letter-spacing:-.65px;font-weight:650;margin-top:20px;text-align:center}
html[data-brand] .lock p {font-size:12px;line-height:1.65;color:var(--dim);font-weight:400;max-width:320px;text-align:center}
html[data-brand] .lock .auth-form {width:100%;max-width:330px;gap:12px;align-self:center;margin-inline:auto}
html[data-brand] .lock .auth-form .field,html[data-brand] .lock .auth-form .btn {max-width:none}
.brand-auth-lockup {position:relative;flex-shrink:0;background:url('assets/brand-reference.jpg?v=20260918b') no-repeat;overflow:hidden}
[data-brand="ritm"] .brand-auth-lockup {width:180px;height:203px;background-size:768px 701px;background-position:-27px -64px;margin:5px auto 14px;border-radius:12px}
[data-brand="smile"] .brand-auth-lockup {width:100px;height:90px;background-size:1792px 1194.2px;background-position:-999.6px -165.2px;margin:30px auto 20px;border-radius:8px}
[data-brand="smile"][data-theme="light"] .brand-auth-lockup {mix-blend-mode:multiply}
.brand-auth-environment {font-size:9px;letter-spacing:.2px;color:var(--mute);text-align:center;position:relative}
html[data-brand] .api-note {font-size:9px;color:var(--mute);line-height:1.6;max-width:330px;word-break:break-word}
html[data-brand] .lock .auth-err {background:color-mix(in srgb,var(--neg) 9%,transparent);border:1px solid color-mix(in srgb,var(--neg) 20%,transparent);color:var(--neg);font-size:11px;line-height:1.5;border-radius:10px}
html[data-brand] .keypad {gap:12px;max-width:280px}
html[data-brand] .keypad button {border-radius:50%;background:var(--surface);color:var(--ink);border:1px solid var(--hair);font-weight:500}
html[data-brand] .keypad button.plain {background:transparent;border-color:transparent;color:var(--dim)}
html[data-brand] .dots i {border-color:var(--dim);width:10px;height:10px}
html[data-brand] .dots i.fill {background:var(--accent);border-color:var(--accent)}
html[data-brand] .otp-cells span,html[data-brand] .otp-cells input {background:var(--surface);border-color:var(--hair);color:var(--ink);border-radius:10px}
html[data-brand] .bio-btn {color:var(--accent-deep);border-color:var(--hair);background:var(--surface)}
html[data-brand] .reg-progress i {background:var(--hair)}
html[data-brand] .reg-progress i.on {background:var(--accent)}
html[data-brand] .agree-row {color:var(--dim);font-size:10px;line-height:1.6}
html[data-brand] .agree-row input {accent-color:var(--accent)}
html[data-brand] .reg-select,html[data-brand] .verify-pick,html[data-brand] .upload-tile {background:var(--surface);color:var(--ink);border-color:var(--hair);border-radius:12px}
html[data-brand] .amount-stage .big {font-size:43px;font-weight:600;letter-spacing:-1.5px}
html[data-brand] .amount-stage .to,html[data-brand] .amount-stage .avail {font-weight:450;font-size:11px}
html[data-brand] .qr-card {background:var(--surface);border:1px solid var(--hair);border-radius:20px}
html[data-brand] .qr-card img {background:#fff;padding:10px;border-radius:12px}
html[data-brand] .qr-card .t {font-size:19px;font-weight:600}
html[data-brand] .qr-card .s {font-size:11px;font-weight:400}
html[data-brand] .scanner {background:#080d14}
html[data-brand] .scanner .frame i,html[data-brand] .scanner.live .frame i {border-color:var(--accent)}
html[data-brand] .scanner .manual input:focus {border-color:var(--accent)}
html[data-brand] .scanner .actions button.key {background:var(--brand-gradient);color:var(--accent-ink)}
html[data-brand] .scanner .beam {background:var(--accent);box-shadow:0 0 15px var(--accent)}
html[data-brand] .modal {background:var(--bg);color:var(--ink);border-radius:22px 22px 0 0;border:1px solid var(--hair);box-shadow:0 -20px 70px #0003}
html[data-brand] .modal h3 {font-size:18px;font-weight:650}
html[data-brand] .modal .sub {font-size:11px;font-weight:400;line-height:1.6}
html[data-brand] .backdrop {background:#03061188;backdrop-filter:blur(5px)}
html[data-brand] .dock {width:100%;max-width:none;bottom:0;padding:8px 17px max(17px,env(safe-area-inset-bottom));border:0;border-top:1px solid var(--hair);border-radius:0;background:var(--dock-bg);box-shadow:none;backdrop-filter:none;gap:5px}
html[data-brand] .dock button {padding:7px 2px 5px;font-size:9px;font-weight:450;gap:6px;border-radius:10px;min-height:47px}
html[data-brand] .dock button .gl {font-size:19px}
html[data-brand] .dock button.on {background:transparent;box-shadow:none;color:var(--brand-active)}
html[data-brand="smile"] .dock button.on .gl {color:#d5ad00}
html[data-brand] .toast {background:var(--surface-2);color:var(--ink);border:1px solid var(--hair);box-shadow:0 10px 35px #0002;border-radius:12px;font-size:12px;font-weight:450;bottom:94px}
html[data-brand] .success {background:var(--bg);color:var(--ink)}
html[data-brand] .success h2 {font-size:24px;font-weight:650;letter-spacing:-.6px}
html[data-brand] .success p {font-size:12px;color:var(--dim);font-weight:400}
html[data-brand] .check-wrap {background:var(--accent-soft);box-shadow:none}
html[data-brand] .check-wrap svg {stroke:var(--positive)}
html[data-brand] .receipt {background:var(--surface);border:1px solid var(--hair);border-radius:15px;box-shadow:none}
html[data-brand] .kv {font-size:12px;padding:14px 0}
html[data-brand] .kv .k {font-weight:400;color:var(--mute)}
html[data-brand] .kv .v {font-weight:550;color:var(--ink)}
html[data-brand] .bubble.me {background:var(--accent-soft);color:var(--ink)}
html[data-brand] .bubble.them {background:var(--surface);color:var(--ink)}
html[data-brand] .bubble .txt {font-size:13px;font-weight:400;line-height:1.6}
html[data-brand] .tier-card,html[data-brand] .lock .tier-card {background:var(--surface);color:var(--ink);border-color:var(--hair);border-radius:15px}
html[data-brand] .tier-lim,html[data-brand] .lock .tier-lim {color:var(--dim)}
html[data-brand] .tier-feats span,html[data-brand] .lock .tier-feats span {color:var(--dim);background:var(--surface-2)}
html[data-brand] .svc-promo {border-radius:15px;background:var(--brand-account);box-shadow:none}
html[data-brand] :is(.travel-hero,.hotel-hero,.gifts-hero,.crypto-hero) {background:var(--brand-account);border-radius:16px;color:#fff}
html[data-brand] .flight-hit,html[data-brand] .hotel-hit,html[data-brand] .gift-card {border-color:var(--hair);background:var(--surface);border-radius:14px}
html[data-brand] .device-row.current .right {color:var(--positive)}
html[data-brand] .doc-note {font-size:10px;line-height:1.7;color:var(--mute);font-weight:400}
/* Reviewed home / card hierarchy: real data and actions are unchanged. */
html[data-brand] [data-screen="home"] .canvas {padding-bottom:8px}
html[data-brand] [data-screen="home"] .brand-heading {margin-bottom:9px;min-height:30px}
html[data-brand] [data-screen="home"] .brand-symbol {width:30px;height:30px}
html[data-brand] [data-screen="home"] .brand-wordmark {font-size:19px}
html[data-brand] [data-screen="home"] .id-row {min-height:27px}
html[data-brand] [data-screen="home"] .ava {width:27px;height:27px;font-size:9px}
html[data-brand] [data-screen="home"] .id-row .greet {display:none}
html[data-brand] [data-screen="home"] .id-row .who {font-size:11px;font-weight:450;margin:0;color:var(--dim)}
html[data-brand] [data-screen="home"] .id-row .ghost-btn {width:27px;height:27px;font-size:12px;border:0;background:none}
html[data-brand] [data-screen="home"] .balance-block {margin-top:12px;padding:14px 16px 13px;border-radius:14px}
html[data-brand] [data-screen="home"] .balance {font-size:30px;margin-top:8px}
html[data-brand] [data-screen="home"] .delta {margin-top:8px;font-size:9px}
html[data-brand] [data-screen="home"] .pills {margin-top:13px;gap:10px}
html[data-brand] [data-screen="home"] .pill .gl {height:37px;width:48px;border-radius:11px;font-size:17px}
html[data-brand] [data-screen="home"] .pill {gap:6px}
html[data-brand] [data-screen="home"] .pill span {font-size:9px}
html[data-brand] [data-screen="home"] .scroll {padding-top:8px}
html[data-brand] [data-screen="home"] section {margin-top:21px}
html[data-brand] [data-screen="home"] section:first-child {margin-top:0}
html[data-brand] [data-screen="home"] section>.gap {display:none}
html[data-brand] [data-screen="home"] .home-quick .grid4 {margin-top:10px;gap:9px}
html[data-brand] [data-screen="home"] .home-quick .cell {padding:9px 3px 8px;border:0;border-radius:10px}
html[data-brand] [data-screen="home"] .home-quick .cell .g {height:22px;margin-bottom:5px;font-size:17px}
html[data-brand] [data-screen="home"] .home-quick .cell span {font-size:9px}
html[data-brand] [data-screen="home"] .home-activity .op {padding-top:10px;padding-bottom:10px}
html[data-brand] [data-screen="home"] .home-activity .op .ic {height:33px;width:33px}
html[data-brand] [data-screen="home"] .home-activity .op .s {font-size:9px;margin-top:3px}
html[data-brand] [data-screen="home"] .home-verification {margin-top:21px}
html[data-brand] .home-all {display:flex;align-items:center;gap:3px;font-family:inherit;font-size:10px;border:0;padding:3px 0 3px 7px;background:none;color:var(--mute);cursor:pointer}
html[data-brand] .home-all .ic-svg {height:12px;width:12px}
html[data-brand="smile"] .dock {grid-template-columns:repeat(5,1fr)}
html[data-brand] [data-screen="cards"] .svc-hero-body {display:none}
html[data-brand] [data-screen="cards"] .canvas {padding-bottom:7px;background:var(--bg);color:var(--ink)}
html[data-brand] [data-screen="cards"] .topbar {margin-top:0}
html[data-brand] [data-screen="cards"] .scroll {padding-top:10px}
html[data-brand] [data-screen="cards"] .plastic-stack {display:flex;gap:13px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 0 13px;scrollbar-width:none}
html[data-brand] [data-screen="cards"] .plastic-stack>.prod.plastic {flex:0 0 100%;width:100%;scroll-snap-align:start;min-height:190px;aspect-ratio:1.75}
html[data-brand] [data-screen="cards"] .issue-grid {gap:9px}
html[data-brand] [data-screen="cards"] .issue-card {border-radius:12px;padding:12px;background:var(--surface);box-shadow:none}
html[data-brand] [data-screen="cards"] .issue-card .t {font-size:12px;font-weight:600}
html[data-brand] [data-screen="cards"] .issue-card .price {font-size:11px;font-weight:550}
html[data-brand="smile"] .sum-strip b.in {color:var(--positive)}
@media(min-width:900px){html[data-brand]{--app-w:430px}html[data-brand] body{background:color-mix(in srgb,var(--bg) 94%,#606977)}html[data-brand] .canvas{padding-bottom:14px}html[data-brand] .balance{font-size:33px}}
@media(max-width:620px){html[data-brand]{--pad-top:max(19px,env(safe-area-inset-top))}}
@media(max-height:730px){html[data-brand] [data-screen="login"] .lock{padding-top:22px}.brand-auth-lockup{transform:scale(.8);margin-top:-8px!important;margin-bottom:-8px!important}html[data-brand] .lock h2{margin-top:12px}html[data-brand] .lock .auth-form{margin-top:19px}}
@media(prefers-reduced-motion:reduce){html[data-brand] *,html[data-brand] *:before,html[data-brand] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}