/* RecallBond consumer v2 — dark mobile-first shell, keeping sample passport interactions intact. */
.rb2.consumer-v2{background:#090d11}
.rb2.consumer-v2 .app-wrap{max-width:1230px;padding:0 28px 100px}
.rb2.consumer-v2 .topbar-inner{max-width:1275px}
.rb2.consumer-v2 .hero-row h1{font-size:clamp(33px,4.1vw,55px)}
.rb2.consumer-v2 .hero-row .lead{max-width:585px;font-size:13px}
.rb2.consumer-v2 .summary-card{min-height:130px;background:linear-gradient(150deg,#131d22,#10161b);border-color:#2b3940}
.rb2.consumer-v2 .summary-card .number{font-size:32px}
.rb2.consumer-v2 .summary-card .sub{font-size:11px}
.rb2.consumer-v2 .passport-section{background:radial-gradient(ellipse 80% 90% at 50% 5%,#274e4930,transparent),#11191e}
.rb2.consumer-v2 .passport-hint{color:#92a6a6}
.rb2.consumer-v2 .passport-hint strong{color:#b9f7c9}
.rb2.consumer-v2 .passport-meta small{color:#98aab1}
.rb2.consumer-v2 .passport-meta b{color:#eff7f4}
.rb2.consumer-v2 .action-tile{background:#19242a;border-color:#314047;color:#e3f2ee}
.rb2.consumer-v2 .action-tile .round{background:#223a31;color:#bbf2c6}
.rb2.consumer-v2 .action-tile:hover{background:#283a3d}
.rb2.consumer-v2 .switcher{background:#1c282d}
.rb2.consumer-v2 .switcher button{color:#8b9ba3}
.rb2.consumer-v2 .switcher button.active{background:#315142;color:#eafaf0}
.rb2.consumer-v2 .empty-state{background:#121d21;border-color:#35474b}
.rb2.consumer-v2 .empty-state p{color:#a3b3b8}
.rb2.consumer-v2 .claim-review-summary{background:#21302d}
.rb2.consumer-v2 .claim-empty{background:#14211f;border-color:#32463b}
.rb2.consumer-v2 .claims-dialog .form-field input[type=file]{background:#15251e}
.rb2.consumer-v2 .form-field input,.rb2.consumer-v2 .form-field select,.rb2.consumer-v2 .form-field textarea{color:#e6f5ed}
.rb2.consumer-v2 .form-field input::placeholder,.rb2.consumer-v2 .form-field textarea::placeholder{color:#6b8588}
.rb2.consumer-v2 .btn.primary{color:#0d2017}
.rb2.consumer-v2 .btn.primary svg.icon{fill:#0d2017!important;color:#0d2017!important}
.rb2.consumer-v2 .banner{background:linear-gradient(145deg,#182b2b,#142327);border:1px solid #34564a}
.rb2.consumer-v2 .notice.warn{color:#e3c59e}
.rb2.consumer-v2 .passport-front .passport-platform{color:#d7ffea}
.rb2.consumer-v2 .passport-back .back-bottom p{color:#567269}
.rb2.consumer-v2 .footer.site-foot{color:#8a9ba4}
.rb-consumer-note{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:13px 18px;background:#12241f;border:1px solid #2e5946;border-radius:13px;color:#a7cfbb;font-size:11px;margin-top:20px}
.rb-consumer-note a{color:#c0f9cd;margin-left:auto;font-weight:700}
.rb-consumer-proof{margin:0 0 22px;background:linear-gradient(120deg,#142621,#101820)!important;border-color:#335246!important;overflow:hidden}
.rb-consumer-proof-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}
.rb-consumer-proof-head h2{margin:8px 0 8px!important;color:#f0f9f3}
.rb-consumer-proof-head p{margin:0;max-width:680px}
.rb-consumer-proof-head .status-pill{flex:none}
.rb-consumer-proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:21px 0 19px}
.rb-consumer-proof-grid>div{background:#101a1c;border:1px solid #2d4541;border-radius:13px;padding:16px}
.rb-consumer-proof-grid strong{display:block;font:600 clamp(18px,2.4vw,27px) 'Space Grotesk',sans-serif;color:#e8fbec;letter-spacing:-.05em;margin:10px 0 5px;overflow-wrap:anywhere}
.rb-consumer-proof-grid small{color:#94afa8;display:block;line-height:1.5;font-size:10px;overflow-wrap:anywhere}
.rb-consumer-proof-foot{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding-top:15px;border-top:1px solid #2b4441;color:#8eaaa6;font-size:10px}
.rb-consumer-proof-foot>div{display:flex;flex-wrap:wrap;gap:16px}
.rb-consumer-proof-foot a{color:#bdf2c7;font-size:11px;font-weight:750}
.rb-consumer-proof-links{display:flex;gap:9px;flex-wrap:wrap}
.rb-consumer-proof-links a{font-size:11px}
.rb2.consumer-v2 .floating-tabbar{background:#151e24ee;border-color:#394e4d}
.rb2.consumer-v2 .floating-tabbar button{color:#95a9a8}
.rb2.consumer-v2 .floating-tabbar button.active{color:#c4f7d0;background:#b9f6cb20}
@media(max-width:760px){
 body.rb2.consumer-v2{background:#090d11!important}
 .rb2.consumer-v2 .app-wrap{padding:0 16px calc(115px + env(safe-area-inset-bottom))}
 .rb2.consumer-v2 .topbar-inner{padding:0 15px;min-height:66px}
 .rb2.consumer-v2 .hero-row{margin:23px 0}
 .rb2.consumer-v2 .hero-row h1{font-size:38px;line-height:1.05}
 .rb2.consumer-v2 .summary-grid{gap:8px}
 .rb2.consumer-v2 .summary-card{padding:15px 12px;min-height:110px}
 .rb2.consumer-v2 .summary-card .number{font-size:24px}
 .rb2.consumer-v2 .summary-card .section-label{font-size:9px}
 .rb-consumer-note{font-size:10px;gap:7px;padding:10px 12px;margin-top:14px}
 .rb-consumer-note a{margin-left:0}
 .rb-consumer-proof-head{flex-wrap:wrap;gap:10px}
 .rb-consumer-proof-grid{grid-template-columns:1fr;gap:9px}
 .rb-consumer-proof-grid>div{padding:12px}
 .rb-consumer-proof-grid strong{font-size:20px;margin:3px 0}
 .rb-consumer-proof-grid small{font-size:10px}
 .rb-consumer-proof-foot>div{gap:9px}
 .rb2.consumer-v2 .passport-section{padding:19px 15px}
 .rb2.consumer-v2 .collection-grid{gap:9px}
 .rb2.consumer-v2 .action-tile{padding:12px 6px}
}
@media(prefers-reduced-motion:reduce){.rb2.consumer-v2 .floating-tabbar button{transition:none}}

/* Real wallet connection is separate from the sample portfolio and simulated credits. */
.rb-signed-panel{margin:0 0 22px;background:linear-gradient(145deg,#141f24,#14251d)!important;border-color:#3e5748!important}
.rb-tool-head{align-items:start}
.rb-tool-head h2{font-size:24px}
.rb-tool-head p{max-width:620px}
.rb-wallet-session{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:15px 0}
.rb-wallet-session [data-near-account]{overflow-wrap:anywhere}
.rb-wallet-session .btn{min-height:34px;padding:8px 10px}
.rb-wallet-session [data-near-disconnect]{margin-left:auto}
.rb-wallet-balances{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}
.rb-wallet-balances>div{background:#111d20;border:1px solid #30493f;border-radius:13px;padding:14px}
.rb-wallet-balances strong{display:block;color:#ebfaef;font:600 20px 'Space Grotesk',sans-serif;letter-spacing:-.035em;margin-top:8px;overflow-wrap:anywhere}
.rb-signed-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:16px 0}
.rb-signed-form{background:#101c21;border:1px solid #33453d;border-radius:16px;padding:18px;min-width:0}
.rb-signed-form h3{color:#edf8f3;font:600 17px 'Space Grotesk',sans-serif;margin:0 0 3px}
.rb-signed-form p{margin:0 0 13px}
.rb-signed-form .form-field{margin:0 0 12px}
.rb-signed-form .btn{white-space:normal;text-align:center;min-width:0}
.rb-wallet-payout{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;padding:18px;background:#1a2b26;border-radius:13px;margin-bottom:14px}
.rb-wallet-payout strong{color:#f1fcf5;display:block}
.rb-wallet-payout small{color:#91b4a2;display:block;font-size:11px;margin-top:5px;max-width:530px}
.rb-wallet-payout button:disabled{opacity:.5}
.rb-near-message{font-size:12px;margin:13px 0 0;line-height:1.6;min-height:1em;overflow-wrap:anywhere}
@media(max-width:760px){
 .rb-signed-grid,.rb-wallet-balances{grid-template-columns:1fr}
 .rb-tool-head{flex-wrap:wrap}
 .rb-signed-form{padding:14px}
 .rb-wallet-payout .btn{width:100%}
 .rb-wallet-session{gap:8px}
 .rb-wallet-balances>div{padding:11px}
}