/* Qingyu Chat v1.0.6 — compact, editorial, app-native mobile visual language.
   Clean white / deep indigo, confident cobalt for messages, no floating website cards. */
@media(max-width:760px){
 :root{--native-bg:#ffffff;--native-ink:#131d31;--native-muted:#8994a8;--native-accent:#3559e8;--native-line:#eef0f5;--native-subtle:#f4f6fb}
 body,.shell,.side{background:var(--native-bg);color:var(--native-ink)}
 .side{padding-bottom:calc(63px + env(safe-area-inset-bottom));}
 .side-top{padding:calc(9px + env(safe-area-inset-top)) 19px 0;background:#fff;border-bottom:0}
 .side-heading{height:47px;min-height:47px}
 .side-title{font-size:24px;font-weight:760;line-height:1.15;color:#121d35;letter-spacing:-1px}
 .side-heading .icon-btn.primary{width:35px;height:35px;border-radius:11px;background:#1e2f57;color:#fff;box-shadow:0 4px 12px #243d7c1a}
 .side-heading .icon-btn.primary:active{background:#3559e8;transform:scale(.95)}
 .side-heading .icon-btn.primary .ico{width:19px;height:19px;stroke-width:2.1}
 .searchbox{margin:7px 0 12px}
 .searchbox input{height:36px;background:#f3f5f9;border:1px solid #f0f2f7;border-radius:9px;color:#24334e;font-size:13px;padding-left:37px;transition:border-color .16s,background .16s}
 .searchbox .ico{top:10px;left:12px;color:#8c9ab1;height:16px;width:16px}
 .searchbox input:focus{border-color:#b2c2f4;background:#fff;box-shadow:0 0 0 3px #3559e80c}
 .tabs{height:40px;gap:19px;padding:0 0 0 1px;align-items:start}
 .tab{font-size:12.5px;height:39px;padding:9px 1px 12px;line-height:1.25;background:none!important;border-radius:0;color:#929baf;font-weight:560;position:relative}
 .tab.active{background:none!important;color:#1d2b48;font-weight:740}
 .tab.active:after{display:block!important;position:absolute;content:'';height:2px;width:18px;border-radius:2px;background:#3b61eb;bottom:2px;left:50%;transform:translateX(-50%)}
 .conversation-list,.contacts-list{background:#fff;padding:0}
 .conversation{height:68px;min-height:68px;padding:9px 19px;gap:12px;background:#fff}
 .conversation:after{left:80px;right:19px;background:#ecf0f5;transform:scaleY(.7)}
 .conversation .avatar.m{height:45px;width:45px;border-radius:14px}
 .avatar{box-shadow:none;border:1px solid #dfe7ff50;overflow:hidden}
 .avatar-initials{font-size:13px;font-weight:760;letter-spacing:-.4px;color:#4067b8}
 .conv-top{align-items:center;margin-bottom:6px}
 .conv-name{font-size:14.2px;font-weight:710;letter-spacing:-.12px;color:#1b273d}
 .conv-time{font-size:10px;letter-spacing:.08px;color:#99a5b7}
 .preview-text{font-size:12.3px;letter-spacing:0;color:#8b97ab}
 .unread{background:#f05d77;font-size:10px;font-weight:700;min-width:17px;height:17px;line-height:17px;border-radius:10px;padding:0 5px}
 .conversation:active,.contact-item:active{background:#f3f6fc}
 .mobile-bar{position:absolute!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;border:0!important;border-top:1px solid #e9edf5!important;border-radius:0!important;background:rgba(255,255,255,.97)!important;box-shadow:none!important;height:calc(61px + env(safe-area-inset-bottom))!important;padding:5px 13px calc(4px + env(safe-area-inset-bottom))!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important}
 .mobile-bar button{font-size:10px;letter-spacing:0;min-height:48px;color:#a0a9ba;font-weight:590;gap:3px}
 .mobile-nav-symbol{width:35px;height:27px;border-radius:0}
 .mobile-nav-symbol .ico{height:21px;width:21px;stroke-width:1.95}
 .mobile-bar button.active{color:#365be9;font-weight:720}
 .mobile-bar button.active .mobile-nav-symbol{background:transparent!important}
 .mobile-bar button.active .ico{stroke-width:2.3}
 .nav-notification{top:1px;left:calc(50% + 9px);background:#f05d77}
 .mobile-contact-quick{margin:3px -19px 0;border-top:1px solid #eff2f7}
 .mobile-quick-row{height:56px;padding:0 20px;color:#22324c;font-size:13px;border-bottom-color:#edf1f7}
 .mobile-quick-icon{width:35px;height:35px;background:#e9efff;color:#385de4;border-radius:11px}
 .mobile-quick-icon.lilac{background:#eff1ff;color:#6575dc}
 .side:has(.mobile-contact-quick) .section-meta{background:#f6f8fc;color:#8b97aa;padding:11px 19px 8px}
 .contact-item{min-height:63px;height:63px;padding:9px 19px;gap:12px}
 .contact-item:after{left:73px;right:19px;background:#ecf0f5}
 .contact-item .avatar.s{width:41px;height:41px;border-radius:13px}
 .contact-item .contact-name{font-size:13.8px;color:#1d2a42;font-weight:690}
 .contact-item small{color:#9da7b8}
 .shell.has-chat .content{background:#eff2f8}
 .chat-header{height:calc(52px + env(safe-area-inset-top));background:#fff;border-bottom:1px solid #e7ebf3;padding:env(safe-area-inset-top) 8px 0 8px}
 .chat-title{top:calc(env(safe-area-inset-top) + 11px);font-size:15px;line-height:29px;font-weight:730;color:#182744}
 .mobile-back{height:40px;width:40px;color:#273c66}
 .mobile-back .ico{stroke-width:2.15;width:22px;height:22px}
 .chat-actions .icon-btn{width:38px;height:40px;color:#344667}
 .chat-area{padding:13px 13px 10px;background:#eff2f8}
 .chat-area .date-divider{border:0;background:transparent;color:#9ba6b9;padding:0;font-size:10px;margin:8px auto 22px}
 .message-line{margin-bottom:15px;gap:8px}
 .message-line>.avatar{width:31px;height:31px;border-radius:10px}
 .sender{color:#8c9aad}
 .bubble{border-radius:13px 13px 13px 4px;padding:9px 12px;line-height:1.46;font-size:13.5px;letter-spacing:0;background:#fff;color:#23314a;border:1px solid #e6ebf4;box-shadow:0 1px 2px #1b2a4406}
 .out .bubble{background:#395ee4;color:#fff;border-color:#395ee4;border-radius:13px 13px 4px 13px;box-shadow:0 3px 10px #3559e816}
 .out .bubble a,.out .bubble strong{color:#fff}
 .msg-meta{font-size:10px;color:#96a1b4;margin-top:4px}
 .message-line.out .msg-meta{color:#7f90ae}
 .composer-wrap{border-top:1px solid #e6ebf3;background:rgba(255,255,255,.99);padding:8px 12px calc(8px + env(safe-area-inset-bottom))}
 .composer{min-height:38px;gap:0}
 .composer textarea{height:38px;min-height:38px;max-height:118px;background:#f1f3f8;color:#1f2e4b;border:1px solid #eef0f6;border-radius:10px;padding:9px 11px;font-size:13px;line-height:1.4}
 .composer textarea:focus{background:#fff;border-color:#8ba6f9;box-shadow:0 0 0 3px #395ee40c}
 .composer-actions{height:38px;min-height:38px;margin-left:5px}
 .composer-tools .icon-btn{color:#5a6b89;width:31px;height:38px;border-radius:9px}
 .composer-tools .ico{width:19px;height:19px}
 .send-btn{width:34px;height:34px;border-radius:10px;background:#c7d1e8;box-shadow:none}
 .composer-wrap.has-text .send-btn{background:#395ee4;box-shadow:0 3px 10px #365fe41e}
 .send-btn .ico{width:17px;height:17px}
 .detail{background:#fff;border-left:1px solid #e6ebf5}
 .shell.has-page .content{background:#f6f8fc}
 .screen-page{background:#f6f8fc}
 .mobile-page-title{font-size:24px;letter-spacing:-.9px;padding:calc(18px + env(safe-area-inset-top)) 19px 12px;color:#18243b;font-weight:770}
 .mobile-page-sub{color:#9ca5b5;padding:0 19px 5px}
 .mobile-identity{margin:6px 19px;width:calc(100% - 38px);min-height:84px;padding:11px 1px}
 .mobile-identity>.avatar.l{border-radius:16px}
 .mobile-identity-text b{color:#162642;font-size:16px}
 .mobile-identity-text small{color:#8391a8}
 .mobile-section-label{color:#97a2b2;padding:22px 20px 9px;font-size:10px;letter-spacing:.5px}
 .mobile-action-group{border-color:#edf0f6}
 .mobile-action-row{min-height:59px;padding:10px 19px;color:#273550;gap:14px}
 .mobile-action-row:active:not(.noninteractive){background:#f3f6fc}
 .mobile-action-row>.ico{color:#a3afc1}
 .mobile-action-copy b{font-size:13.5px;font-weight:670;color:#283550}
 .mobile-action-copy small{font-size:10.5px;color:#9faab8}
 .mobile-action-icon{background:#e8efff;color:#4569da;border-radius:11px;width:33px;height:33px}
 .mobile-action-icon.purple,.mobile-action-icon.lilac{background:#ededff;color:#776dd5}
 .mobile-action-icon.neutral{background:#e9eef7;color:#637595}
 .mobile-action-icon.danger{background:#fff1f3;color:#d85c72}
 .mobile-edit-panel{border-radius:12px;box-shadow:none;border-color:#e4e9f3}
 .overlay{background:#13233a70;backdrop-filter:blur(4px)}
 .modal{border-radius:17px 17px 0 0;box-shadow:0 -8px 28px #172f591e;padding:22px 18px calc(20px + env(safe-area-inset-bottom))}
 .modal:before{background:#d8dde7}
 .modal h2{color:#17243b;font-size:16px;font-weight:730}
 .modal .field input:focus,.modal .field textarea:focus{border-color:#9bb2ef}
 .toast{background:#182b4a;border-radius:10px}
 .login-stage,.login-brand-side{background:#fff}
 .brand-title{color:#263d72}
 .login-form h2{color:#162443}
 .login-form .button.full{background:#395ee4}
 .mode-demo{display:none}
}
@media(max-width:360px){.conversation{padding-left:13px;padding-right:13px}.conversation:after{left:73px;right:13px}.side-top{padding-left:15px;padding-right:15px}.mobile-quick-row{padding-left:16px;padding-right:16px}.contact-item{padding-left:15px;padding-right:15px}.composer-wrap{padding-left:8px;padding-right:8px}.composer-tools .icon-btn{width:28px}}
@media(prefers-reduced-motion:reduce){.conversation,.mobile-bar button,.bubble,.modal{transition:none!important;animation:none!important}}

/* 1.0.11: discreet wallet message / chat action */
.wallet-chat-card{border:0;display:flex;align-items:center;gap:10px;width:min(230px,70vw);padding:10px 11px;text-align:left;background:#f0f4fc;color:#17284a;border-radius:10px;cursor:pointer;font:inherit}.wallet-chat-card-icon{display:flex;color:#3265cb}.wallet-chat-card span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:3px}.wallet-chat-card b{font-size:13px}.wallet-chat-card small{font-size:11px;color:#62738f}.wallet-chat-card .ico{width:16px;height:16px}.chat-money-action{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;color:#3f6095;font-size:11px;cursor:pointer;padding:4px 6px}.chat-money-action .ico{width:16px;height:16px}