/* 1.0.12 — compact native-like mobile system and in-app wallet. */
:root{--im-primary:#3867f4;--im-ink:#111a2d;--im-muted:#828da2;--im-divider:#edf0f5}
.chat-more{display:inline-grid;place-items:center;width:32px;height:34px;flex:0 0 32px;border:0;background:transparent;color:#64748c;border-radius:9px;cursor:pointer}.chat-more .ico{width:20px;height:20px}.chat-more:active{background:#e9edfa}
.chat-attachment-tray{width:100%;display:flex;align-items:center;gap:18px;padding:12px 0 4px;border-top:1px solid #ebeff6;margin-top:10px}.chat-attachment-tray button{border:0;background:transparent;display:grid;justify-items:center;gap:6px;color:#49546a;font-size:12px;min-width:67px;cursor:pointer}.chat-attachment-tray button:disabled{opacity:.35;cursor:not-allowed}.tray-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;background:#edf3ff;color:#3867f4}.tray-icon .ico{width:23px;height:23px}.tray-red{background:#fff0ee;color:#d45843}.tray-orange{background:#fff3e8;color:#e58b3d}.tray-blue{background:#e8efff;color:#396bf1}
.bubble.business-bubble{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;overflow:hidden;border-radius:10px!important;max-width:none!important}
.wallet-chat-card{display:flex;flex-direction:column;width:min(252px,70vw);padding:0;border:0;border-radius:10px;overflow:hidden;text-align:left;cursor:pointer;background:#e17b35;color:#fff;box-shadow:0 2px 10px #552b0811;font:inherit;transition:filter .15s,transform .12s}
.wallet-chat-card.red{background:#d76448}.wallet-chat-card.transfer{background:#df903d}.wallet-chat-card:active{transform:scale(.985);filter:brightness(.94)}.business-card-main{display:flex;align-items:center;gap:11px;padding:17px 13px 15px;min-height:72px}.business-card-icon{width:39px;height:39px;display:grid;place-items:center;color:#fff;flex:0 0 39px;border:1.25px solid #ffffffaa;border-radius:11px}.business-card-icon .ico{width:25px;height:25px}.business-card-copy{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}.business-card-copy b{color:white;font-size:14px;font-weight:650;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.business-card-copy small{color:#fffde8e8;font-size:11px}.business-card-foot{display:block;background:#fff;color:#9b7f72;font-size:10px;padding:7px 12px;border:1px solid #f2e5dc;border-top:0}.wallet-chat-card.completed .business-card-main{filter:saturate(.65);opacity:.88}.out .business-bubble{color:inherit!important}
.money-person{display:flex;align-items:center;gap:12px;padding:12px 0 6px}.money-person b{font-size:14px;display:block}.money-person small{font-size:11px;color:#929baa}.money-input-wrap{display:flex;align-items:center;border-bottom:1px solid #dce2ee;gap:7px}.money-input-wrap span{font-size:28px;font-weight:600}.money-input-wrap input{border:0!important;background:transparent!important;box-shadow:none!important;outline:none!important;font-size:30px!important;font-weight:720;letter-spacing:-1px;padding:10px 0!important;flex:1;width:100%;min-width:0}.money-form-warning{display:flex;align-items:center;gap:7px;font-size:11px;color:#8993a6}.money-form-warning .ico{width:15px;height:15px;flex-shrink:0}.money-confirm{background:#3366ed!important}
/* In-app wallet screen: mounted once, does not cause document navigation */
.inapp-wallet{position:fixed;inset:0;z-index:80;pointer-events:none;visibility:hidden;background:#fff;opacity:0;transform:translateX(24px);transition:transform .22s cubic-bezier(.2,.7,.25,1),opacity .20s,visibility .2s;overflow:hidden}.inapp-wallet.open{pointer-events:auto;visibility:visible;opacity:1;transform:translateX(0)}.iw-screen{height:100%;max-width:650px;margin:auto;background:#fff;overflow:hidden;display:flex;flex-direction:column;font-family:inherit;color:#152039}.iw-icon{width:19px;height:19px;flex-shrink:0}.iw-head{height:calc(56px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 14px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0f2f7;flex:none}.iw-head>button,.iw-head>span{border:0;background:transparent;min-width:45px;min-height:42px;display:flex;align-items:center;justify-content:center;color:#2b3a5c}.iw-head strong{font-size:16px;font-weight:720}.iw-head .iw-head-action{font-size:12px;color:#546b9d}.iw-scroll{flex:1;min-height:0;overflow:auto;background:#f7f9fd;scrollbar-width:none;padding-bottom:calc(28px + env(safe-area-inset-bottom))}.iw-hero{min-height:210px;padding:27px 24px 26px;background:linear-gradient(135deg,#192f66,#2c55ae 95%);color:#fff}.iw-secure{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;opacity:.9}.iw-secure .iw-icon{width:16px;height:16px}.iw-label{font-size:12px;color:#dbe6ff;margin-top:24px}.iw-balance{font-size:42px;letter-spacing:-1px;font-weight:750;margin-top:5px;line-height:1.2;font-variant-numeric:tabular-nums}.iw-balance span{font-size:20px;vertical-align:4px;margin-right:4px}.iw-caption{font-size:11px;color:#d5e1ff;margin-top:10px}.iw-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;padding:18px 13px;margin-bottom:12px}.iw-shortcuts button{border:0;background:#fff;display:grid;justify-items:center;gap:8px;color:#314469;font-size:12px;cursor:pointer}.iw-shortcuts .iw-icon{color:#3865e8;width:24px;height:24px}.iw-list-section{background:#fff;margin:12px 0;padding:15px 18px}.iw-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.iw-section-head b{font-size:14px}.iw-section-head button{border:0;background:transparent;color:#6b7da4;font-size:12px}.iw-empty{font-size:12px;color:#99a2b2;text-align:center;padding:27px 12px}.iw-pending{border:0;background:#fff;display:flex;width:100%;align-items:center;gap:8px;text-align:left;padding:10px 2px;font-size:12px}.iw-pending strong{margin-left:auto;color:#233455}.iw-pending .iw-icon{width:15px}.iw-ledger-row{display:flex;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid #f0f2f6}.iw-ledger-row:last-child{border-bottom:0}.iw-ledger-badge{display:grid;place-items:center;width:34px;height:34px;background:#eef2fa;color:#6179aa;border-radius:11px}.iw-ledger-info{flex:1;min-width:0;display:grid;gap:4px}.iw-ledger-info b{font-size:12px;font-weight:600}.iw-ledger-info small{font-size:10px;color:#9ba4b3}.iw-ledger-row strong{font-size:13px}.iw-notice{font-size:11px;line-height:1.8;text-align:center;color:#939eb0;margin:20px 24px}.iw-code-page{flex:1;overflow:auto;background:#f7f9fc;text-align:center;padding-bottom:calc(24px + env(safe-area-inset-bottom))}.iw-safety{background:#1a356e;color:#fff;display:flex;align-items:center;text-align:left;gap:12px;padding:19px 24px}.iw-safety .iw-icon{width:28px;height:28px}.iw-safety b{display:block;font-size:15px}.iw-safety small{display:block;color:#d4e0f9;font-size:11px;margin-top:4px}.iw-code-panel{margin:18px 16px 16px;background:#fff;padding:26px 18px 22px;border-radius:12px}.iw-bar-button,.iw-qr-button{border:0;background:#fff;cursor:pointer;display:block;margin:auto;padding:0}.iw-bar-button{width:min(100%,310px);height:65px}.iw-bar{height:100%;width:100%;display:block}.iw-code-numbers{font-size:13px;font-variant-numeric:tabular-nums;letter-spacing:1.4px;margin:9px 0 23px;color:#3c4b61}.iw-rule{height:1px;background:#f0f2f7;margin:0 5px 19px}.iw-qr-button{width:184px;height:184px}.wallet-qr{height:100%;width:100%;display:block}.iw-code-panel p{font-size:12px;color:#8692a7;margin:14px}.iw-countdown{font-size:11px;color:#7b8ba6;display:flex;justify-content:center;gap:6px;align-items:center}.iw-countdown .iw-icon{width:14px;height:14px}.iw-secondary{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #dce4f3;background:#fff;border-radius:9px;padding:11px 16px;color:#385a95;font-size:12px;cursor:pointer}.iw-code-page>.iw-secondary{margin:0 auto}.iw-loading{padding:80px 12px;color:#8091ac;font-size:13px}.iw-large{position:absolute;inset:0;background:#fff;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center}.iw-large-qr>p{display:flex;gap:7px;align-items:center;font-size:12px;color:#63728d;margin:12px}.iw-large-qr>.wallet-qr{width:min(77vw,300px);height:auto;max-height:300px;aspect-ratio:1}.iw-large-return{align-self:flex-start;margin:0 18px 24px;border:0;background:none;color:#243858;display:flex;align-items:center;gap:8px}.iw-large-qr>.iw-secondary{margin-top:22px}.iw-large-bar .iw-vertical{width:100%;height:100%;border:0;background:#fff;display:grid;place-items:center;cursor:pointer}.iw-vertical-inside{transform:rotate(90deg);display:flex;flex-direction:column;align-items:center;gap:10px;width:min(74dvh,490px);max-width:none}.iw-vertical-warning{display:flex;align-items:center;gap:8px;font-size:12px;color:#57647b;white-space:nowrap}.iw-vertical-inside .wallet-bar{width:100%;height:88px}.iw-vertical-inside small{font-size:12px;letter-spacing:2px;white-space:nowrap;color:#33445f}.iw-vertical-inside em{font-style:normal;color:#a6afc0;font-size:11px}.iw-scan-panel{padding:24px;background:#fff;margin:16px;border-radius:13px}.iw-scan-panel h2{font-size:17px;margin:0 0 8px}.iw-scan-panel p{font-size:12px;color:#8591a2;line-height:1.7}.iw-scan-panel label{display:grid;gap:8px;margin-top:20px;font-size:12px;color:#65748b}.iw-scan-panel input{padding:13px;border:1px solid #e0e5ee;border-radius:8px;font-size:14px;outline:0}.iw-primary{background:#3267eb!important;color:#fff!important;border:0!important;padding:13px 20px;border-radius:9px;font-weight:640;cursor:pointer}.iw-scan-panel .iw-primary{margin-top:24px;width:100%}.iw-review{padding:34px 25px;text-align:center}.iw-review-icon{display:grid;place-items:center;width:57px;height:57px;border-radius:50%;background:#e9f0ff;color:#4169e7;margin:0 auto}.iw-review>p{font-size:12px;color:#8792a4}.iw-review>h1{font-size:35px}.iw-review-detail{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #edf0f4;font-size:13px}.iw-review-detail span{color:#929bad}.iw-dual{display:flex;gap:12px;margin-top:25px}.iw-dual button{flex:1;border:1px solid #dfe5f0;border-radius:9px;background:#fff;padding:12px}.iw-review>.iw-primary{margin-top:22px}
@media(max-width:760px){
 .side-title{font-size:21px!important;letter-spacing:-.55px!important;color:#151d2f!important}.side-heading{height:44px!important}.side-top{padding-left:17px!important;padding-right:17px!important}.searchbox{margin:6px 0 9px!important}.searchbox input{height:35px!important;border-radius:10px!important;background:#f3f5f9!important;font-size:13px!important}.tabs{height:38px!important}.conversation{height:65px!important;min-height:65px!important;padding:7px 17px!important;gap:11px!important}.conversation .avatar.m{height:43px!important;width:43px!important;border-radius:13px!important}.conv-name{font-size:14px!important;color:#172235!important}.preview-text{font-size:12px!important;color:#8995a8!important}.conv-time{font-size:10.5px!important}.mobile-bar{height:calc(60px + env(safe-area-inset-bottom))!important;padding:5px 14px calc(4px + env(safe-area-inset-bottom))!important}.mobile-bar button{min-height:47px!important}.mobile-bar .ico{width:21px!important;height:21px!important}.mobile-bar button.active{color:#336af0!important}.chat-area{background:#f3f5f9!important;padding:14px 12px 10px!important}.chat-header{background:#fff!important;border-bottom:1px solid #eef0f5!important}.bubble:not(.business-bubble){font-size:14px!important;line-height:1.45!important;border-radius:13px!important;box-shadow:none!important}.out .bubble:not(.business-bubble){background:#e1ebff!important;color:#18376d!important;border:1px solid #d1e0ff!important}.in .bubble:not(.business-bubble){background:#fff!important;color:#28364e!important;border:1px solid #e9edf5!important}.chat-more{width:34px;height:38px;flex-basis:34px}.composer-wrap{background:#fff!important;border-top:1px solid #e7ebf3!important;padding-top:7px!important;padding-bottom:calc(8px + env(safe-area-inset-bottom))!important}.composer{background:transparent!important;padding:0!important;display:flex;flex-wrap:wrap}.composer textarea{height:38px!important;background:#f3f5f9!important;border-radius:11px!important;font-size:13px!important}.composer-actions{min-height:38px!important;height:38px!important}.composer-tools{gap:0!important}.composer-tools .icon-btn{width:29px!important}.send-btn{background:#3467ef!important;width:33px!important;height:33px!important;border-radius:10px!important}.chat-attachment-tray{order:3;flex:0 0 100%;justify-content:flex-start;gap:10px}.chat-attachment-tray button{min-width:70px}.business-card-main{min-height:72px}.message-line{margin-bottom:14px!important}.msg-meta{font-size:10px!important}.mobile-page-title{font-size:21px!important;letter-spacing:-.55px!important}.mobile-section-label{font-size:11px!important}.mobile-action-row{min-height:57px!important}.mobile-action-icon{border-radius:11px!important}.modal{max-width:100%!important;border-radius:20px 20px 0 0!important}.toast-region{z-index:100}
}
@media(min-width:761px){.inapp-wallet{background:#f3f6fc}.iw-screen{box-shadow:0 0 40px #1d2c5413}}
@media(prefers-reduced-motion:reduce){.inapp-wallet,.wallet-chat-card{transition:none!important}}