/* Chat-only visual and interaction layer. */
.screen:has(.chat-hub){overflow:hidden;background:#fffefa}
.chat-hub{height:100%;overflow-y:auto;overscroll-behavior:contain;background:#fffefa;color:#17375f;scrollbar-width:none}
.chat-hub::-webkit-scrollbar{display:none}
.chat-appbar{height:72px;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:rgba(255,254,250,.97);border-bottom:1px solid transparent;transition:border-color .18s ease,box-shadow .18s ease}
.chat-scrolled .chat-appbar{border-color:#d9e2e5;box-shadow:0 3px 10px rgba(23,55,95,.04)}
.chat-product,.chat-app-actions{display:flex;align-items:center}.chat-product{gap:10px}.chat-product strong{font-size:20px;line-height:24px;font-weight:750;letter-spacing:-.025em}
.chat-sprite{display:block;flex:none;background-image:url("../assets/home-figma-reference.png");background-repeat:no-repeat;background-size:426px 837px}.chat-brand-logo{width:23px;height:22px;background-position:-39px -34px}.chat-user-avatar{width:36px;height:36px;border-radius:50%;background-position:-290px -29px;opacity:1;transition:width .18s ease,opacity .15s ease,margin .18s ease}.chat-scrolled .chat-user-avatar{width:0;opacity:0;margin-right:-9px}
.chat-app-actions{gap:9px}.chat-app-actions button{width:34px;height:38px;border:0;background:transparent;display:grid;place-items:center;color:#17375f}.chat-search-trigger{opacity:0;pointer-events:none;transform:scale(.85);transition:opacity .18s ease,transform .18s ease}.chat-scrolled .chat-search-trigger{opacity:1;pointer-events:auto;transform:scale(1)}
.chat-scan-trigger svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.chat-search-glyph{position:relative;width:18px;height:18px;border:2px solid currentColor;border-radius:50%;display:block}.chat-search-glyph:after{content:"";position:absolute;width:8px;height:2px;background:currentColor;right:-6px;bottom:-3px;transform:rotate(48deg);border-radius:2px}
.chat-more{display:flex!important;flex-direction:column;justify-content:center;gap:3px!important}.chat-more i{width:4px;height:4px;border-radius:50%;background:#17375f}.chat-overflow-menu{position:absolute;right:15px;top:60px;width:178px;padding:7px 0;background:#173c35;color:#fff;border:1px solid #466a63;border-radius:16px;box-shadow:0 16px 30px rgba(21,48,43,.23);overflow:hidden}.chat-overflow-menu[hidden]{display:none}.chat-overflow-menu button{width:100%;height:48px;border:0;border-bottom:1px solid rgba(255,255,255,.13);background:transparent;color:#fff;display:grid;grid-template-columns:31px 1fr;align-items:center;text-align:left;padding:0 15px}.chat-overflow-menu button:last-child{border-bottom:0}.chat-overflow-menu button span{font-size:21px;color:#baff50}.chat-overflow-menu button b{font-size:13px;font-weight:650}
.chat-scroll-content{min-height:760px;padding:14px 20px 24px}
.chat-expanded-search{width:100%;height:50px;display:flex;align-items:center;gap:12px;padding:0 17px;border:1px solid #bfd0e0;border-radius:16px;background:#fff;color:#17375f;text-align:left;overflow:hidden;transition:height .18s ease,opacity .16s ease,margin .18s ease,border-width .18s ease}.chat-expanded-search .chat-search-glyph{width:15px;height:15px;border-width:1.8px}.chat-search-placeholder{color:#74879a;font-size:14px}.chat-scrolled .chat-expanded-search{height:0;margin:0;opacity:0;border-width:0}
.chat-filters{display:flex;align-items:center;gap:8px;margin:13px 0 14px;min-height:34px}.chat-filter{height:32px;padding:0 16px;border:1px solid #bfd0e0;border-radius:17px;background:#fff;color:#17375f;font-size:12px;font-weight:600;white-space:nowrap}.chat-filter.active{background:#d8ebff;border-color:#a7cae7;color:#286da5}
.chat-conversation-list,.chat-contact-list{background:transparent}.chat-conversation{width:100%;height:76px;border:0;border-bottom:1px solid #e0e6e8;background:transparent;display:grid;grid-template-columns:50px minmax(0,1fr) 44px;align-items:center;gap:11px;text-align:left;padding:0}.chat-avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:17px;font-weight:750;box-shadow:inset 0 0 0 2px rgba(255,255,255,.3)}.chat-avatar.coral{background:linear-gradient(145deg,#f08b73,#a268d1)}.chat-avatar.blue{background:linear-gradient(145deg,#58a9e6,#506bd1)}.chat-avatar.aqua{background:linear-gradient(145deg,#3bb9b3,#3979be)}.chat-avatar.violet{background:linear-gradient(145deg,#825cf2,#e45f9b)}.chat-avatar.gold{background:linear-gradient(145deg,#e3b64b,#e77c63)}.chat-avatar.green{background:linear-gradient(145deg,#72bd83,#3c8c83)}.chat-avatar.navy{background:linear-gradient(145deg,#386ea5,#263f79)}.chat-avatar.peach{background:linear-gradient(145deg,#f1ae83,#d66873)}
.chat-row-copy{min-width:0;display:flex;flex-direction:column;gap:5px}.chat-row-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700}.chat-row-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#6c8195}.chat-conversation time{align-self:center;display:flex;flex-direction:column;align-items:flex-end;gap:7px;font-size:9px;color:#8797a5}.chat-conversation time em{width:18px;height:18px;border-radius:9px;background:#ee665e;color:#fff;text-align:center;line-height:18px;font-style:normal;font-size:9px}
.chat-contact-count{height:27px;margin:0;color:#6c8195;font-size:11px}.chat-contact-row{width:100%;height:83px;border:0;border-bottom:1px solid #e0e6e8;background:transparent;display:grid;grid-template-columns:48px minmax(0,1fr) 12px;align-items:center;gap:11px;text-align:left;padding:0;color:#17375f}.chat-contact-avatar{width:46px;height:46px;border-radius:15px;background:#d6ebff;display:grid;place-items:center;font-size:13px;font-weight:650}.chat-contact-avatar.merchant{background:#ffe6a1;font-size:21px}.chat-contact-row>span:nth-child(2){display:flex;flex-direction:column;gap:3px;min-width:0}.chat-contact-row b{font-size:14px}.chat-contact-row small,.chat-contact-row em{font-size:11px;color:#6c8195;font-style:normal}.chat-contact-row>i{font-style:normal;font-size:21px;color:#55728d}
.chat-local-note{margin:18px 0 0;text-align:center;color:#91a0ac;font-size:10px}
.screen:has(.chat-search-page){bottom:0;overflow:hidden;background:#fffefa}.chat-search-page{height:100%;background:#fffefa;color:#17375f}.chat-search-appbar{height:78px;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:8px;padding:14px 20px;border-bottom:1px solid #e0e6e8;background:#fffefa}.chat-search-back{width:40px;height:48px;border:0;background:transparent;color:#17375f;display:grid;place-items:center}.chat-search-back .icon{font-size:34px;line-height:1}.chat-search-field{height:48px;display:flex;align-items:center;gap:12px;padding:0 16px;border:1px solid #bfd0e0;border-radius:17px;background:#fff}.chat-search-field .chat-search-glyph{width:16px;height:16px;border-width:1.8px}.chat-search-field input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#17375f;font-size:14px}.chat-search-field input::placeholder{color:#8292a1}.chat-search-results{height:calc(100% - 78px);overflow:auto;padding:12px 20px 30px}.chat-search-matches [data-chat-row]{display:none}.chat-search-page.has-query .chat-search-matches [data-chat-row]:not([hidden]){display:grid}.chat-search-page.has-query .chat-search-empty:not(.no-results){display:none}.chat-search-empty{min-height:470px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#17375f}.chat-search-empty-icon{width:82px;height:82px;border-radius:28px;background:#e4f2ff;display:grid;place-items:center;margin-bottom:19px}.chat-search-empty-icon i{position:relative;width:28px;height:28px;border:3px solid #3478aa;border-radius:50%}.chat-search-empty-icon i:after{content:"";position:absolute;width:13px;height:3px;border-radius:2px;background:#3478aa;right:-10px;bottom:-5px;transform:rotate(47deg)}.chat-search-empty h2{margin:0;font-size:20px;letter-spacing:-.02em}.chat-search-empty p{margin:8px 0 0;color:#8292a1;font-size:11px}.chat-search-matches .chat-contact-count{display:none}
@media(max-width:760px){.chat-appbar{padding-left:20px;padding-right:20px}.chat-scroll-content{padding-left:20px;padding-right:20px}}
.chat-conversation,.chat-contact-row{border-bottom:0}