/* v1.0.21 — native contact discovery, conversation details and refined business cards. */
/* The right-hand red-envelope type is always flush to the right, never centered. */
.wallet-chat-card.packet-message .business-card-foot{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;text-align:left!important}
.wallet-chat-card.packet-message .business-card-foot .packet-foot-label{flex:0 0 auto!important;margin:0!important;text-align:left!important}
.wallet-chat-card.packet-message .business-card-foot .packet-kind{display:block!important;flex:0 0 auto!important;margin:0 0 0 auto!important;text-align:right!important;max-width:62%!important;align-self:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
/* Transfer card: return to the established warm orange design while retaining the new states. */
.wallet-chat-card.transfer-card{background:#df903d!important;border:0!important;color:#fff!important;box-shadow:none!important;border-radius:11px!important}
.wallet-chat-card.transfer-card .transfer-card-body{background:#df903d!important;min-height:77px!important}
.wallet-chat-card.transfer-card .transfer-card-symbol{background:#ffffff22!important;border:1px solid #ffffff70!important;color:#fff!important}
.wallet-chat-card.transfer-card .transfer-card-text b{color:#fff!important;font-size:17px!important}
.wallet-chat-card.transfer-card .transfer-card-text small{color:#fff0dd!important}
.wallet-chat-card.transfer-card .transfer-card-state{background:#ffffff24!important;color:#fff!important;border:1px solid #ffffff40!important}
.wallet-chat-card.transfer-card.completed .transfer-card-body{background:#df903d!important}
.wallet-chat-card.transfer-card.completed{background:#df903d!important}
.wallet-chat-card.transfer-card .transfer-card-footer{background:#fff!important;border:1px solid #f0e4d7!important;border-top:0!important;color:#ab907c!important}
.wallet-chat-card.transfer-card .transfer-card-footer .ico{color:#b6a08f}
/* Desktop discovery keeps an understated dialog without forcing a mobile layout. */
.friend-find-page{min-width:0;color:#243149;background:#f7f8fa;padding:0 0 18px}
.friend-find-intro{padding:27px 20px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;background:#fff}
.friend-find-intro-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:#edf2ff;color:#476fe4;margin-bottom:6px}
.friend-find-intro h3{font-size:18px;letter-spacing:-.45px;font-weight:750;margin:0}
.friend-find-intro p{margin:0;color:#98a4b6;font-size:12px;line-height:1.6}
.friend-find-query{padding:17px 16px 12px;background:#f7f8fa}
.friend-find-search,.chat-search-field{height:45px;background:#fff;border:1px solid #e8edf6;border-radius:12px;display:flex;align-items:center;gap:10px;padding:0 13px;color:#9ba7ba}
.friend-find-search>input,.chat-search-field>input{background:transparent!important;border:0!important;outline:none!important;box-shadow:none!important;flex:1;min-width:0;width:100%;height:42px;min-height:0!important;padding:0!important;color:#1b2b46!important;font-size:14px!important}
.friend-find-search>input::-webkit-search-cancel-button,.chat-search-field>input::-webkit-search-cancel-button{-webkit-appearance:none}
.friend-find-clear{border:0;background:none;color:#acb6c7;padding:5px;display:grid;place-items:center}
.friend-find-heading{padding:10px 18px 9px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px}
.friend-find-heading b{color:#4c5a70;font-weight:730}.friend-find-heading>span{color:#a7b0bf;font-size:11px}
.friend-find-results{margin:0 15px;border-radius:13px;background:#fff;overflow:hidden;min-height:125px}
.friend-find-person{min-height:76px;display:flex;align-items:center;gap:11px;margin:0 14px;padding:12px 0;border-bottom:1px solid #f1f2f6}
.friend-find-person:last-child{border-bottom:0}
.friend-find-person .avatar{width:44px!important;height:44px!important}
.friend-find-person-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}
.friend-find-person-copy b{font-size:14px;color:#24314a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.friend-find-person-copy small,.friend-find-person-copy>span{font-size:11px;color:#98a5b7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.friend-find-action{display:inline-flex;gap:3px;align-items:center;justify-content:center;flex:none;border:0;color:#fff;background:#446ce3;border-radius:8px;padding:9px 10px;font-size:12px;font-weight:700}
.friend-find-action.is-added{background:#edf2ff;color:#3c65d2}
.friend-find-status{font-size:11px;color:#9aa6b7}
.friend-find-empty{min-height:158px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:26px 16px;text-align:center;color:#a0acbd;font-size:12px}
.friend-find-empty .ico{width:27px;height:27px;color:#bac5d8}.friend-find-empty b{font-size:13px;color:#53627c}
.friend-find-privacy{display:flex;align-items:flex-start;justify-content:center;gap:7px;padding:16px 22px!important;margin:0!important;color:#a4adba;font-size:11px;line-height:1.6}
.friend-find-privacy .ico{margin-top:2px}
.chat-info-page{background:#f5f6f9;min-height:100%;color:#26354d;padding:0 0 24px}
.chat-info-profile{display:flex;align-items:center;flex-direction:column;gap:7px;padding:28px 18px 24px;background:#fff}
.chat-info-profile .avatar{width:76px!important;height:76px!important;border-radius:23px!important;box-shadow:0 2px 14px #263b630c}
.chat-info-profile h3{font-size:20px;font-weight:770;letter-spacing:-.5px;margin:5px 0 0;color:#22324d}
.chat-info-profile p{margin:0;color:#929fb0;font-size:12px}
.chat-info-verified{display:flex;gap:5px;align-items:center;color:#5d7cbd;background:#f1f5ff;border-radius:8px;padding:5px 9px;font-size:11px}
.chat-info-verified .ico{width:14px;height:14px}
.chat-info-group{margin:20px 15px 0}.chat-info-group-title{font-size:11px;color:#98a4b6;margin:0 5px 10px;font-weight:700}
.chat-info-group-content{border-radius:13px;background:#fff;overflow:hidden;padding:0 14px}
.chat-info-row{border:0;border-bottom:1px solid #f0f2f6;min-height:52px;background:transparent;color:#3c4a5f;width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;text-align:left;padding:10px 0}
.chat-info-row:last-child{border-bottom:0}
.chat-info-value{display:inline-flex;align-items:center;gap:4px;color:#8996a9;font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis}
.chat-info-row-name{display:flex;align-items:center;gap:10px}.chat-info-row-name .ico{color:#5774b7}
.chat-info-bio{align-items:flex-start;flex-direction:column;gap:5px;padding:14px 0}
.chat-info-bio p{margin:0;font-size:12px;color:#909db0;line-height:1.65;overflow-wrap:anywhere}
.chat-info-danger{color:#d66a67}.chat-info-danger>.ico:first-child{margin-right:8px}.chat-info-danger>.ico:last-child{margin-left:auto;color:#a0aabd}
.chat-info-bottom{padding:20px 16px calc(20px + env(safe-area-inset-bottom))}
.chat-info-message-button{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;min-height:47px;border:0;border-radius:11px;background:#3f69de;color:#fff;font-size:14px;font-weight:710}
.chat-search-page{padding:20px 16px;background:#f7f8fb;min-height:100%}
.chat-search-tip{color:#9ba6b6;font-size:11px;line-height:1.5;padding:10px 4px}
.chat-search-results{background:#fff;border-radius:12px;padding:0 14px;overflow:hidden;min-height:150px}
.chat-search-hit{padding:15px 0;border-bottom:1px solid #f1f3f7}.chat-search-hit:last-child{border:0}
.chat-search-hit>div{display:flex;justify-content:space-between;gap:10px;align-items:center}.chat-search-hit b{color:#41516a;font-size:12px}.chat-search-hit small{color:#a0aabb;font-size:10px}
.chat-search-hit p{font-size:13px;color:#526078;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;margin:7px 0 0}
@media(max-width:760px){
 .side:has(.mobile-contact-quick) .section-meta{margin-top:12px!important;padding-top:13px!important;border-top:8px solid #f5f6f9!important;background:#fff!important}
 .side:has(.mobile-contact-quick) .contacts-list{margin-top:6px!important}
 .chat-actions>[data-action="noop"]{display:none!important}
 .overlay.mobile-route .modal:has(.friend-find-page),.overlay.mobile-route .modal:has(.chat-info-page),.overlay.mobile-route .modal:has(.chat-search-page){padding:0!important;background:#f5f6f9!important}
 .overlay.mobile-route .modal:has(.friend-find-page) .friend-find-search>input,.overlay.mobile-route .modal:has(.chat-search-page) .chat-search-field>input{min-height:0!important;background:transparent!important;border:none!important;padding:0!important;box-shadow:none!important}
 .friend-find-privacy{padding-bottom:max(24px,env(safe-area-inset-bottom))!important}
}
@media(max-width:760px){
 .side:has(.mobile-contact-quick) .section-meta{display:flex!important;align-items:center!important;justify-content:space-between!important;flex:none!important;min-height:38px!important;height:38px!important;margin-top:0!important;border-top:10px solid #f5f6f9!important;background:#fff!important;padding:8px 18px 4px!important;color:#96a2b6!important}
 .side:has(.mobile-contact-quick) #side-list.contacts-list{padding-top:6px!important}
}