/* Qingyu Chat v1.0.15 | modern native-feel mobile design system.
   Original visual language informed by established IM navigation patterns.
   Scoped to mobile. Shared PHP / API / realtime logic remains unchanged. */
@media(max-width:760px){
 :root{--qy-blue:#315ff0;--qy-ink:#17243b;--qy-muted:#8996aa;--qy-line:#e9edf4;--qy-surface:#f6f8fc;--qy-card:#fff}
 *,*::before,*::after{box-sizing:border-box}
 html,body,#root,.app-root{width:100%;height:100%;height:100dvh;overflow:hidden!important}
 body{background:#fff!important;color:#17243b;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
 .shell{height:100dvh!important;max-height:100dvh;background:#fff!important}
 .side{display:flex;flex-direction:column;overflow:hidden;background:#fff!important;padding-bottom:calc(61px + env(safe-area-inset-bottom))!important}
 .side-top{flex:none!important;padding:calc(9px + env(safe-area-inset-top)) 18px 0!important;background:#fff!important}
 .side-heading{height:45px!important;min-height:45px!important;display:flex;align-items:center;justify-content:space-between}
 .side-title{margin:0!important;color:#15223a!important;font-size:25px!important;font-weight:750!important;letter-spacing:-.95px!important}
 .side-count{display:none!important}
 .side-heading .icon-btn.primary{width:35px!important;height:35px!important;background:#315ff0!important;color:#fff!important;border:0!important;border-radius:11px!important;box-shadow:0 3px 8px #315ff026!important;transition:transform .15s ease,background .15s}
 .side-heading .icon-btn.primary:active{transform:scale(.93)!important;background:#234ed7!important}
 .side-heading .icon-btn.primary .ico{width:19px!important;height:19px!important}
 .searchbox{margin:7px 0 9px!important}
 .searchbox input{height:39px!important;padding:0 12px 0 39px!important;background:#f1f3f7!important;border:1px solid transparent!important;border-radius:11px!important;color:#23314b!important;font-size:13px!important;box-shadow:none!important}
 .searchbox input:focus{background:#f6f8fd!important;border-color:#abc2fc!important}
 .searchbox .ico{width:17px!important;height:17px!important;left:13px!important;top:11px!important;color:#8698b3!important}
 .tabs{height:43px!important;display:flex!important;align-items:center!important;gap:8px!important;padding:0 0 7px!important}
 .tab{height:29px!important;min-height:29px!important;line-height:29px!important;display:flex!important;align-items:center!important;padding:0 13px!important;background:transparent!important;border-radius:8px!important;color:#8895a8!important;font-size:12px!important;font-weight:600!important}
 .tab.active{background:#e9efff!important;color:#2858dd!important;font-weight:720!important}
 .tab::after{display:none!important}
 .section-meta{display:block!important;background:#fff!important;height:30px!important;min-height:30px!important;padding:8px 18px 0!important;color:#97a3b6!important;font-size:10.5px!important;letter-spacing:.2px!important}
 .side:has(.mobile-contact-quick) .section-meta{display:none!important}
 .conversation-list,.contacts-list{flex:1;min-height:0;overflow-y:auto!important;background:#fff!important;padding-bottom:10px!important;scrollbar-width:none;overscroll-behavior:contain}
 .conversation{min-height:72px!important;height:72px!important;padding:9px 18px!important;display:flex!important;align-items:center!important;gap:12px!important;background:#fff!important;transition:background-color .12s!important}
 .conversation.active{background:#fff!important}
 .conversation:active,.contact-item:active{background:#f4f7fd!important}
 .conversation:after{left:78px!important;right:18px!important;background:#e9edf4!important;transform:scaleY(.65)!important}
 .conversation .avatar.m{width:47px!important;height:47px!important;flex:0 0 47px!important;border-radius:50%!important;border:0!important;box-shadow:none!important;overflow:hidden}
 .avatar-initials{font-size:15px!important;font-weight:650!important;letter-spacing:-.2px;color:var(--avatar-fg,#334761)!important}
 .conv-top{align-items:center!important;gap:5px!important}
 .conv-name{font-size:14px!important;font-weight:680!important;color:#17243b!important;letter-spacing:-.12px!important}
 .conv-time{font-size:10.4px!important;color:#94a4b9!important;white-space:nowrap!important;font-variant-numeric:tabular-nums}
 .preview-text{font-size:12px!important;color:#8d9bb0!important;line-height:1.65!important}
 .unread{min-width:18px!important;height:18px!important;padding:0 4px!important;border-radius:9px!important;background:#ec5572!important;color:white!important;font-size:10px!important;font-weight:700!important;line-height:18px!important}
 .mobile-bar{height:calc(61px + env(safe-area-inset-bottom))!important;min-height:calc(61px + env(safe-area-inset-bottom))!important;padding:5px 12px calc(4px + env(safe-area-inset-bottom))!important;background:rgba(255,255,255,.96)!important;border-top:1px solid #e9edf4!important;box-shadow:0 -2px 14px #182e5105!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important}
 .mobile-bar button{height:49px!important;min-height:49px!important;color:#97a4b9!important;gap:3px!important;font-size:10px!important;border-radius:11px!important;transition:color .16s,transform .16s!important}
 .mobile-bar button:active{transform:scale(.93)!important}
 .mobile-bar button.active{color:var(--qy-blue)!important;font-weight:650!important;background:transparent!important}
 .mobile-bar .mobile-nav-symbol{width:36px!important;height:27px!important;border-radius:10px!important;background:transparent!important;display:grid!important;place-items:center!important}
 .mobile-bar .active .mobile-nav-symbol{background:#e9efff!important}
 .mobile-bar .ico{width:20px!important;height:20px!important;stroke-width:1.9!important}
 .side-footer{display:none!important}
 /* Conversation screen: independent edge-to-edge native-like surface. */
 .shell.has-chat .content{background:#f4f6fb!important;animation:qy-refined-enter .21s cubic-bezier(.2,.7,.2,1) both!important}
 .chat-header{height:calc(55px + env(safe-area-inset-top))!important;padding:env(safe-area-inset-top) 10px 0 6px!important;background:rgba(255,255,255,.985)!important;border-bottom:1px solid #eaedf4!important;backdrop-filter:blur(14px)}
 .chat-who{gap:7px!important}
 .chat-who>.avatar.s{display:grid!important;width:37px!important;height:37px!important;border-radius:50%!important;flex:0 0 37px!important}
 .chat-who>.avatar.s .avatar-initials{font-size:11px!important}
 .chat-title{position:static!important;transform:none!important;max-width:min(58vw,260px)!important;text-align:left!important;font-size:14px!important;line-height:20px!important;color:#1b2942!important;font-weight:720!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .chat-sub{display:block!important;font-size:10px!important;color:#95a3b7!important;margin-top:1px!important;line-height:14px!important}
 .chat-sub .dot{display:none!important}
 .mobile-back{width:35px!important;height:42px!important;color:#324c7d!important;margin-right:0!important}
 .mobile-back .ico{width:23px!important;height:23px!important}
 .chat-actions{gap:0!important}
 .chat-actions .icon-btn{width:39px!important;height:42px!important;color:#516688!important}
 .chat-actions .icon-btn[data-action="noop"]{display:none!important}
 .chat-area{background:linear-gradient(160deg,#f6f8fd 0%,#f1f4fa 62%,#f5f7fc 100%)!important;padding:13px 15px 13px!important;overscroll-behavior:contain}
 .chat-area .date-divider{background:#fff!important;border:1px solid #e5ebf5!important;color:#93a1b4!important;border-radius:10px!important;padding:5px 11px!important;font-size:10px!important;margin:3px auto 20px!important;box-shadow:none!important}
 .message-line{gap:8px!important;margin-bottom:18px!important;animation:qy-refined-bubble .18s ease both!important}
 .message-line .avatar{width:29px!important;height:29px!important;border-radius:50%!important}
 .message-line.out>.avatar{display:none!important}
 .msg-content{max-width:min(82vw,330px)!important}
 .message-line.out .msg-content{max-width:80%!important}
 .bubble:not(.business-bubble){padding:9px 12px!important;border-radius:13px!important;font-size:14px!important;line-height:1.47!important;letter-spacing:0!important;font-weight:450!important;box-shadow:0 1px 2px #17395b08!important}
 .message-line.in .bubble:not(.business-bubble){background:#fff!important;border:1px solid #e9eef5!important;color:#24324b!important;border-bottom-left-radius:5px!important}
 .message-line.out .bubble:not(.business-bubble){background:#315ff0!important;color:#fff!important;border:1px solid #315ff0!important;border-bottom-right-radius:5px!important;box-shadow:0 2px 6px #315ff01d!important}
 .msg-meta{margin-top:4px!important;color:#98a6ba!important;font-size:10px!important;line-height:1.3!important}
 .message-line.out .msg-meta{color:#8296ba!important}
 .msg-meta .ico{height:12px!important;width:12px!important}
 .composer-wrap{border-top:1px solid #e8edf5!important;padding:8px 10px calc(8px + env(safe-area-inset-bottom))!important;background:#fff!important;box-shadow:0 -2px 10px #1a2e4506!important}
 .composer{display:flex!important;flex-wrap:wrap!important;align-items:flex-end!important;gap:0!important;min-height:39px!important;border:0!important;box-shadow:none!important;background:transparent!important}
 .composer .mobile-leading{display:grid!important;place-items:center!important;flex:0 0 35px!important;height:35px!important;width:35px!important;align-self:center!important;margin-right:8px!important;order:0!important}
 .composer-tools .chat-more{display:none!important}
 .composer textarea{height:39px!important;min-height:39px!important;max-height:135px!important;border:1px solid #e7ebf4!important;background:#f3f5fa!important;border-radius:12px!important;padding:10px 12px!important;font-size:13.5px!important;color:#1d2e4b!important;box-shadow:none!important}
 .composer textarea:focus{border-color:#a5baf0!important;background:#fff!important;box-shadow:0 0 0 3px #315ff012!important}
 .composer-actions{height:39px!important;min-height:39px!important;align-items:center!important;gap:1px!important}
 .composer-tools .icon-btn,.chat-more{width:30px!important;height:36px!important;color:#536887!important;border-radius:9px!important}
 .composer-tools .ico,.chat-more .ico{width:19px!important;height:19px!important}
 .chat-more{order:-1!important;background:#e9efff!important;color:#315ff0!important;width:35px!important;height:35px!important;border-radius:10px!important}
 .send-btn{width:35px!important;height:35px!important;background:#315ff0!important;border-radius:11px!important;box-shadow:none!important;margin:0 0 0 2px!important}
 .send-btn .ico{width:17px!important;height:17px!important}
 .chat-attachment-tray{padding:14px 3px 7px!important;margin-top:10px!important;gap:19px!important;border-top:1px solid #edf0f6!important;animation:qy-refined-tray .18s ease both!important}
 .chat-attachment-tray .tray-icon{height:44px!important;width:44px!important;border-radius:13px!important}
 .business-bubble{padding:0!important;background:transparent!important;border:0!important}
 .wallet-chat-card{border-radius:12px!important;width:min(235px,70vw)!important;box-shadow:0 3px 9px #b85d3c0b!important;overflow:hidden!important}
 .wallet-chat-card.red{background:#eb6944!important}.wallet-chat-card.transfer{background:#e38e3f!important}
 .business-card-main{padding:12px!important;gap:10px!important;min-height:73px!important}
 .business-card-foot{background:#fff!important;font-size:10px!important}
 /* Contacts / Discover / Profile: system list groups and consistent identity */
 .mobile-contact-quick{padding-top:4px!important;margin:0 -18px!important}
 .mobile-quick-row{height:55px!important;min-height:55px!important;padding:9px 19px!important;background:#fff!important;border-radius:0!important}
 .mobile-quick-icon{width:34px!important;height:34px!important;border-radius:11px!important;background:#eaf0ff!important;color:#315ff0!important}
 .contact-item{height:62px!important;min-height:62px!important;background:#fff!important;padding:8px 18px!important;border-radius:0!important}
 .contact-item .avatar.s{width:40px!important;height:40px!important;border-radius:50%!important}
 .contact-item .contact-name{font-size:13.5px!important;color:#22324b!important}
 .contact-item small{font-size:11px!important;color:#99a6b9!important}
 .screen-page,.shell.has-page .content{background:#f6f8fb!important}
 .mobile-page-title{padding:calc(18px + env(safe-area-inset-top)) 19px 12px!important;color:#17243b!important;font-size:25px!important;font-weight:750!important;letter-spacing:-.85px!important}
 .mobile-page-sub{color:#8799b0!important}
 .mobile-identity{margin:4px 0 10px!important;width:100%!important;min-height:94px!important;padding:15px 19px!important;background:#fff!important}
 .mobile-identity>.avatar.l{width:59px!important;height:59px!important;border-radius:17px!important}
 .mobile-identity-text b{font-size:16px!important;color:#1c2a42!important}
 .mobile-section-label{padding:19px 19px 9px!important;color:#95a2b4!important;font-size:11px!important}
 .mobile-action-group{border:0!important;border-top:1px solid #edf0f5!important;border-bottom:1px solid #edf0f5!important;border-radius:0!important;background:#fff!important}
 .mobile-action-row{min-height:57px!important;padding:9px 19px!important;background:#fff!important;gap:13px!important}
 .mobile-action-icon{height:34px!important;width:34px!important;border-radius:11px!important;background:#e9efff!important;color:#315ff0!important}
 .mobile-action-copy b{font-size:13px!important;color:#25354e!important;font-weight:650!important}
 .mobile-action-copy small{font-size:10.5px!important;color:#99a6b8!important}
 .modal{border-radius:18px 18px 0 0!important;padding:22px 19px calc(24px + env(safe-area-inset-bottom))!important;box-shadow:0 -8px 38px #152a4f20!important}
 .overlay{backdrop-filter:blur(4px)!important}
 .toast-region{z-index:180!important}
 /* Wallet shares native status bar, transition language and typography */
 .inapp-wallet{background:#fff!important;transition:transform .22s cubic-bezier(.2,.75,.2,1),opacity .16s,visibility .22s!important}
 .iw-head{background:#fff!important;height:calc(53px + env(safe-area-inset-top))!important;border-bottom:1px solid #edf0f4!important}
 .iw-head strong{color:#20304b!important;font-size:15px!important}
 .iw-scroll{background:#f6f8fb!important}
 .iw-hero{background:linear-gradient(125deg,#162e63,#2c59bd 85%)!important;min-height:202px!important;padding:23px 23px 25px!important}
 .iw-label{margin-top:22px!important}.iw-balance{font-size:39px!important;letter-spacing:-1px!important}
 .iw-shortcuts{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;padding:18px 6px!important;margin-bottom:10px!important}.iw-shortcuts button{font-size:12px!important}.iw-shortcuts .iw-icon{width:23px!important;height:23px!important}
 .iw-list-section{margin:10px 0!important;padding:14px 18px!important}
 .iw-code-panel{border-radius:14px!important;box-shadow:0 2px 14px #15345c09!important;margin:15px 16px!important}
 .iw-safety{background:#1d396f!important;padding:17px 22px!important}
 .iw-security-intro{background:linear-gradient(125deg,#162e63,#2c59bd)!important}
 .payment-pin-sheet{background:#f7f9fd!important}
 .payment-pin-board button{border:1px solid #e7ecf4!important;background:#fff!important}
}
@media(max-width:350px){.side-top{padding-left:14px!important;padding-right:14px!important}.conversation{padding:8px 13px!important}.conversation:after{left:72px!important;right:13px!important}.chat-area{padding-left:10px!important;padding-right:10px!important}.chat-attachment-tray{gap:13px!important}}
@keyframes qy-refined-enter{from{opacity:.92;transform:translateX(14px)}to{opacity:1;transform:none}}
@keyframes qy-refined-bubble{from{opacity:.7;transform:translateY(4px)}to{opacity:1;transform:none}}
@keyframes qy-refined-tray{from{opacity:.65;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.shell.has-chat .content,.message-line,.chat-attachment-tray,.inapp-wallet{animation:none!important;transition:none!important}}

/* 1.0.15 | Distinct native-mobile surfaces and purposeful, multi-tone iconography.
   All menus share one row/tone system; account data and actions stay on existing APIs. */
@media(max-width:760px){
 :root{--qy-canvas:#f4f6fb;--qy-text:#182337;--qy-secondary:#8390a4;--qy-blue:#4167ed;--qy-separator:#edf0f5}
 .screen-page,.shell.has-page .content{background:var(--qy-canvas)!important}
 .mobile-personal,.mobile-discover{padding:0 0 calc(92px + env(safe-area-inset-bottom))!important;min-height:100%;color:var(--qy-text)}
 .qy-page-heading{padding:calc(21px + env(safe-area-inset-top)) 20px 17px;display:flex;flex-direction:column;gap:4px}
 .qy-page-heading .qy-eyebrow{font-size:9px;letter-spacing:2.1px;font-weight:800;color:#8190ae;line-height:1.35}
 .qy-page-heading h1{font-size:27px;line-height:1.25;letter-spacing:-.9px;font-weight:780;margin:0;color:#172237}
 .qy-page-heading p{font-size:12px;line-height:1.5;color:#8a98ad;margin:3px 0 0}
 /* Account hero: deliberate identity surface, not a general-purpose website card. */
 .qy-profile-hero{width:calc(100% - 32px);margin:0 16px;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;text-align:left;gap:14px;min-height:151px;border:0;border-radius:20px;padding:22px 19px 19px;background:linear-gradient(117deg,#192c50 0%,#263f77 60%,#3856a3 100%);color:#fff;box-shadow:0 9px 24px rgba(36,59,114,.12);transition:transform .16s ease}
 .qy-profile-hero:active{transform:scale(.99)}
 .qy-hero-glow{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 200px 140px at 110% -25%,#a5abf444,transparent 80%),radial-gradient(ellipse 125px 125px at 92% 112%,#68b4e72f,transparent 90%)}
 .qy-hero-main{display:flex;align-items:center;gap:14px;width:100%;min-width:0}
 .qy-hero-avatar{display:grid;place-items:center;border:1px solid #ffffff50;padding:3px;width:65px;height:65px;flex:0 0 65px;border-radius:19px;background:#ffffff16}
 .qy-hero-avatar .avatar.l.own{width:57px!important;height:57px!important;border-radius:15px!important;background:var(--avatar-bg,#7899f4)!important}
 .qy-hero-avatar .avatar-initials{font-size:19px!important;color:var(--avatar-fg,#fff)!important}
 .qy-hero-text{display:flex;flex-direction:column;min-width:0;gap:5px;flex:1}
 .qy-hero-text b{font-size:19px;font-weight:760;letter-spacing:-.35px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .qy-hero-text small{font-size:12px;color:#c7d6f5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .qy-hero-arrow{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#ffffff20;color:#fff;flex:none}
 .qy-hero-arrow .ico{width:13px;height:13px}
 .qy-hero-bottom{font-size:11px;color:#c9d7ef;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.06px}
 /* Three key actions sit directly below identity; accessible tap targets, no fake entry. */
 .qy-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:6px 16px 1px;padding:9px 5px 11px;background:#fff;border:1px solid #edf0f6;border-radius:17px;box-shadow:0 2px 10px #233b6405}
 .qy-shortcuts button{border:0;background:transparent;min-height:75px;padding:5px 0 3px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#354057;font-size:11px;transition:transform .12s ease}
 .qy-shortcuts button:active{transform:scale(.95)}
 .qy-shortcuts button b{font-size:11.5px;font-weight:680}
 .qy-shortcut-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:13px}
 .qy-shortcut-icon .ico{width:21px;height:21px;stroke-width:2.1}
 /* Shared palette for app menus: solid, material-like icon tiles. */
 [data-tone="ocean"].mobile-action-icon,[data-tone="ocean"].mobile-quick-icon,[data-tone="ocean"].qy-shortcut-icon{background:linear-gradient(140deg,#4375f3,#3156d7)!important;color:#fff!important}
 [data-tone="sky"].mobile-action-icon,[data-tone="sky"].mobile-quick-icon,[data-tone="sky"].qy-shortcut-icon{background:linear-gradient(140deg,#28b8da,#238bbd)!important;color:#fff!important}
 [data-tone="iris"].mobile-action-icon,[data-tone="iris"].mobile-quick-icon,[data-tone="iris"].qy-shortcut-icon{background:linear-gradient(140deg,#a086ee,#7664d5)!important;color:#fff!important}
 [data-tone="peach"].mobile-action-icon,[data-tone="peach"].mobile-quick-icon,[data-tone="peach"].qy-shortcut-icon{background:linear-gradient(140deg,#f8a75a,#e17a52)!important;color:#fff!important}
 [data-tone="rose"].mobile-action-icon,[data-tone="rose"].mobile-quick-icon,[data-tone="rose"].qy-shortcut-icon{background:linear-gradient(140deg,#ec7ea4,#c96393)!important;color:#fff!important}
 [data-tone="mint"].mobile-action-icon,[data-tone="mint"].mobile-quick-icon,[data-tone="mint"].qy-shortcut-icon{background:linear-gradient(140deg,#55b3b1,#358e9c)!important;color:#fff!important}
 [data-tone="slate"].mobile-action-icon,[data-tone="slate"].mobile-quick-icon,[data-tone="slate"].qy-shortcut-icon{background:linear-gradient(140deg,#8498b7,#687e9c)!important;color:#fff!important}
 [data-tone="red"].mobile-action-icon,[data-tone="red"].mobile-quick-icon,[data-tone="red"].qy-shortcut-icon{background:#fbe9ed!important;color:#cc6376!important}
 /* Menu groups are compact and inset instead of border-to-border admin rows. */
 .qy-section-head{padding:20px 20px 9px;display:flex;justify-content:space-between;align-items:baseline;gap:8px}
 .qy-section-head b{font-size:12px;font-weight:730;color:#5d6c83;letter-spacing:.1px}
 .qy-section-head>span{font-size:10.5px;color:#9ba7b8}
 .qy-personal-v2 .mobile-action-group{margin:0 16px!important;border:1px solid #edf0f5!important;border-radius:16px!important;background:#fff!important;overflow:hidden;box-shadow:0 2px 10px #24395405}
 .qy-personal-v2 .mobile-action-row{min-height:61px!important;padding:10px 13px!important;gap:12px!important;background:#fff!important}
 .qy-personal-v2 .mobile-action-row+.mobile-action-row:before{left:58px!important;right:13px!important;background:#f0f2f6!important}
 .qy-personal-v2 .mobile-action-row:active:not(.noninteractive){background:#f7f9fe!important}
 .qy-personal-v2 .mobile-action-icon{height:37px!important;width:37px!important;border-radius:12px!important;flex:none;box-shadow:0 2px 5px #1b2e5410}
 .qy-personal-v2 .mobile-action-icon .ico{width:19px!important;height:19px!important;stroke-width:1.9!important}
 .qy-personal-v2 .mobile-action-copy{gap:3px!important}
 .qy-personal-v2 .mobile-action-copy b{font-size:13px!important;font-weight:650!important;color:#22304b!important}
 .qy-personal-v2 .mobile-action-copy small{font-size:10.5px!important;color:#919fb2!important}
 .qy-personal-v2 .mobile-action-row>.ico{height:15px!important;width:15px!important;color:#bec6d4!important}
 .qy-personal-v2 .mobile-action-row.noninteractive{background:#fff!important}
 .qy-personal-v2 .mobile-action-row.logout b{color:#ba596f!important}
 .mobile-edit-panel{margin:12px 16px!important;border-radius:15px!important;overflow:hidden}
 .qy-view-footer{text-align:center;font-size:10px;letter-spacing:.3px;color:#b4bece;margin:25px 0 12px}
 /* Discover: curated, functional four-tile home instead of two inert rows. */
 .qy-discover-v2{background:var(--qy-canvas)!important}
 .qy-discover-banner{margin:0 16px;position:relative;overflow:hidden;min-height:127px;padding:18px 21px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(115deg,#262e58,#4b58ae);color:#fff;border-radius:19px}
 .qy-discover-chip{font-size:10px;font-weight:670;color:#f1e8ff;background:#ffffff23;padding:4px 8px;border-radius:7px;letter-spacing:.3px}
 .qy-discover-banner h2{font-size:20px;line-height:1.38;letter-spacing:-.35px;font-weight:710;margin:11px 0 0;position:relative;z-index:1}
 .qy-discover-art{width:76px;height:76px;display:grid;place-items:center;border:1px solid #ffffff33;border-radius:24px;transform:rotate(-13deg);background:radial-gradient(circle at 70% 10%,#c3a3fa90,transparent 80%),#ffffff1c;box-shadow:0 9px 25px #17194b26;flex:none;margin-right:7px}
 .qy-discover-art .ico{width:38px;height:38px;stroke-width:1.6;color:#fff}
 .qy-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:2px 16px}
 .qy-feature{min-width:0;min-height:126px;border:1px solid #edf0f5;background:#fff;border-radius:17px;padding:15px 15px 14px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;text-align:left;color:#25344d;box-shadow:0 2px 12px #14223e06;transition:transform .14s,background .14s}
 .qy-feature:active{transform:scale(.975);background:#f9fbff}
 .qy-feature-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;color:#fff;margin-bottom:4px}
 .qy-feature-icon .ico{height:22px;width:22px;stroke-width:1.9}
 .qy-feature[data-tone="sky"] .qy-feature-icon{background:linear-gradient(135deg,#42bde3,#278fca)}
 .qy-feature[data-tone="iris"] .qy-feature-icon{background:linear-gradient(135deg,#a78bf1,#7b63d8)}
 .qy-feature[data-tone="rose"] .qy-feature-icon{background:linear-gradient(135deg,#eb86aa,#ce688e)}
 .qy-feature[data-tone="ocean"] .qy-feature-icon{background:linear-gradient(135deg,#5284fa,#3d5bdb)}
 .qy-feature b{font-size:13px;font-weight:700;letter-spacing:-.1px}
 .qy-feature small{font-size:10.5px;color:#96a3b5}
 /* New contacts get the same real palette while preserving density. */
 .mobile-contact-quick{margin:5px -18px 2px!important;border:0!important}
 .mobile-quick-row{height:60px!important;min-height:60px!important;padding:9px 18px!important;font-size:13px!important;gap:12px!important}
 .mobile-quick-icon{width:39px!important;height:39px!important;border-radius:13px!important}
 .mobile-quick-icon .ico{width:21px!important;height:21px!important}
 /* Brand-consistent active dock: filled icons and restrained active capsule. */
 .mobile-bar{background:rgba(253,254,255,.91)!important;box-shadow:0 -7px 30px rgba(22,41,82,.055)!important;border-top:1px solid #e9eef7!important;backdrop-filter:blur(24px) saturate(1.3)!important;-webkit-backdrop-filter:blur(24px) saturate(1.3)!important}
 .mobile-bar button{font-size:10px!important;color:#8898af!important;gap:3px!important}
 .mobile-nav-symbol{height:30px!important;width:43px!important;border-radius:12px!important;transition:background .14s ease!important}
 .mobile-bar button.active{color:#345df0!important}
 .mobile-bar button.active .mobile-nav-symbol{background:linear-gradient(120deg,#eef2ff,#e5ecff)!important}
 .mobile-bar .ico.nav-solid{fill:currentColor!important;stroke:none!important;width:20px!important;height:20px!important}
 /* Chat action panel is a proper mobile action sheet with expressive service icons. */
 .chat-attachment-tray{gap:12px!important;justify-content:flex-start!important;padding:17px 1px 8px!important}
 .chat-attachment-tray button{min-width:71px!important;font-size:11px!important;color:#6d768a!important;gap:7px!important}
 .chat-attachment-tray .tray-icon{width:46px!important;height:46px!important;border-radius:14px!important;box-shadow:0 3px 7px #132a5115!important;color:#fff!important}
 .chat-attachment-tray .tray-icon.tray-red{background:linear-gradient(140deg,#f47f72,#dc554e)!important}
 .chat-attachment-tray .tray-icon.tray-orange{background:linear-gradient(140deg,#ffbb6c,#e68942)!important}
 .chat-attachment-tray .tray-icon.tray-blue{background:linear-gradient(140deg,#638bfa,#4165e9)!important}
 .chat-attachment-tray .tray-icon .ico{width:23px!important;height:23px!important}
 /* Small tactile feedback; disabled motion stays disabled below. */
 .mobile-action-row,.mobile-quick-row,.qy-feature,.qy-shortcuts button,.mobile-bar button{touch-action:manipulation}
}
@media(max-width:350px){
 .qy-profile-hero{padding:18px 15px!important;min-height:140px}
 .qy-feature-grid{gap:8px!important}
 .qy-feature{padding:13px 12px!important}
 .qy-personal-v2 .mobile-action-row{gap:9px!important}
 .qy-hero-text b{font-size:17px!important}
}
@media(prefers-reduced-motion:reduce){.qy-profile-hero,.qy-feature,.qy-shortcuts button,.mobile-nav-symbol{transition:none!important}}

/* 1.0.15 wallet: same color-coded icon family as the native mobile menus. */
@media(max-width:760px){
 .qy-page-heading{padding-top:calc(23px + env(safe-area-inset-top))!important;padding-bottom:18px!important}
 .qy-discover-v2 .qy-page-heading{padding-bottom:16px!important}
 .iw-shortcuts{padding:15px 6px 13px!important;gap:0!important}
 .iw-shortcuts button{display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:8px!important;min-height:66px!important;border:0!important;font-size:11px!important;color:#415171!important}
 .iw-shortcut-glyph{display:grid;place-items:center;width:41px;height:41px;border-radius:13px;box-shadow:0 3px 9px #20375912}
 .iw-shortcut-glyph .iw-icon{width:22px!important;height:22px!important;color:#fff!important}
 .iw-shortcut-glyph[data-tone="ocean"]{background:linear-gradient(135deg,#5281f7,#3861e5)}
 .iw-shortcut-glyph[data-tone="sky"]{background:linear-gradient(135deg,#38c0dd,#2398c9)}
 .iw-shortcut-glyph[data-tone="peach"]{background:linear-gradient(135deg,#f5b05f,#df8550)}
 .iw-shortcut-glyph[data-tone="iris"]{background:linear-gradient(135deg,#9e88ed,#7663d9)}
}