.services-page{min-height:100%;background-color:#f5f5f5;margin:0;padding-bottom:1.75rem;padding-top:0}body,html{margin:0;padding:0}.services-header{background-color:#fff;padding:.75rem .4rem;padding-top:calc(.75rem + env(safe-area-inset-top,0rem));padding-bottom:.75rem;position:fixed;top:0;left:0;right:0;z-index:1000;-webkit-box-shadow:0 .05rem .2rem rgba(0,0,0,.06);box-shadow:0 .05rem .2rem #0000000f;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;min-height:1.75rem}.services-title{font-size:1.05rem;font-weight:700;color:#1a1a1a;letter-spacing:.05rem}.category-tabs{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;background-color:#fff;padding:1.65rem .3rem .4rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.category-tabs::-webkit-scrollbar{display:none}.category-tab{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex:1;-ms-flex:1;flex:1;min-width:0;padding:.3rem .2rem;gap:.2rem;-webkit-transition:all .3s ease;transition:all .3s ease}.category-tab.active .category-tab-icon{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.category-tab-icon{width:1.2rem;height:1.2rem;border-radius:50%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .3s ease;transition:all .3s ease}.category-tab-text{font-size:.9rem;color:#666;white-space:nowrap;text-align:center}.category-tab.active .category-tab-text{color:#6366f1;font-weight:600}.service-list-container{padding:.6rem;height:calc(100% - 5rem)}.loading-container,.empty-container{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:2rem 0}.loading-text,.empty-text{font-size:.8rem;color:#999}.service-card{background-color:#fff;border-radius:.4rem;padding:.6rem;margin-bottom:.6rem;-webkit-box-shadow:0 .05rem .3rem rgba(0,0,0,.06);box-shadow:0 .05rem .3rem #0000000f}.service-card-content{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}.service-image{width:5rem;height:4.5rem;border-radius:.3rem;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.service-info{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex:1;-ms-flex:1;flex:1;padding:.1rem 0 .1rem .5rem;min-width:0}.service-name{font-size:.75rem;font-weight:700;color:#333;margin-bottom:.2rem;display:block}.service-desc{font-size:.65rem;color:#666;line-height:1.5;margin-bottom:.3rem;display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.service-meta{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:.4rem}.service-price{font-size:.8rem;font-weight:700;color:#ff6b6b}.service-location{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:.1rem}.location-text{font-size:.6rem;color:#999}.bottom-safe{height:1.5rem}.service-card{position:relative}.service-msg-btn{position:absolute;top:.25rem;right:.25rem;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:.1rem;padding:.1rem .25rem;background:rgba(99,102,241,.1);border-radius:.2rem;cursor:pointer}.service-msg-btn-text{font-size:.5rem;color:#6366f1}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:100;height:1.5rem;background:#fff;border-top:.025rem solid #eee;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.bottom-nav-item{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:.05rem;cursor:pointer;padding:.1rem .5rem}.bottom-nav-icon-wrapper{position:relative;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.bottom-nav-label{font-size:.5rem;color:#999}.auth-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:1000;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.auth-modal-dialog{width:100%;background:#fff;border-radius:.6rem .6rem 0 0;padding:.6rem .6rem 1rem;max-height:80vh;overflow-y:auto}.auth-modal-header{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:.6rem}.auth-modal-title{font-size:.5rem;font-weight:700;color:#1a1a2e}.auth-modal-close{width:.7rem;height:.7rem;border-radius:50%;background:#f0f0f0;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;cursor:pointer}.auth-field{margin-bottom:.4rem}.auth-field-row{display:-webkit-flex;display:-ms-flexbox;display:flex;gap:.3rem;margin-bottom:.5rem}.auth-input{width:100%;background:#f5f5f5;border-radius:.3rem;padding:.35rem .4rem;font-size:.375rem;color:#333;border:none;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box}.auth-input-code{-webkit-flex:1;-ms-flex:1;flex:1}.auth-code-btn{background:#6366f1;border-radius:.3rem;padding:.35rem .4rem;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;min-width:2.75rem;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;cursor:pointer}.auth-code-btn.disabled{background:#c7d2fe}.auth-code-btn-text{color:#fff;font-size:.325rem;white-space:nowrap}.auth-submit-btn{background:#6366f1;border-radius:.6rem;padding:.4rem;text-align:center;margin-bottom:.5rem;cursor:pointer}.auth-submit-btn.loading{opacity:.7}.auth-submit-text{color:#fff;font-size:.4rem;font-weight:600}.auth-divider{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-bottom:.4rem}.auth-divider-line{-webkit-flex:1;-ms-flex:1;flex:1;height:.025rem;background:#e5e7eb}.auth-divider-text{padding:0 .4rem;font-size:.3rem;color:#999}.auth-wx-btn{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:.2rem;background:#07c160;border-radius:.6rem;padding:.35rem;text-align:center;margin-bottom:.5rem;cursor:pointer}.auth-wx-icon{width:.6rem;height:.6rem;border-radius:50%;background:#fff;color:#07c160;font-size:.35rem;font-weight:700;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.auth-wx-text{color:#fff;font-size:.375rem;font-weight:500}.auth-switch-row{text-align:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:.1rem}.auth-switch-text{font-size:.325rem;color:#999}.auth-switch-link{font-size:.325rem;font-weight:600;color:#6366f1;cursor:pointer}.merchant-container{min-height:100vh;background:#f5f5f5;margin-top:0!important;padding-top:0!important}.merchant-header{background:#fff;padding:0 .4rem;position:-webkit-sticky;position:sticky;top:0;z-index:10;margin-top:0!important}.merchant-tabs{display:-webkit-flex;display:-ms-flexbox;display:flex;border-bottom:.025rem solid #eee}.tab-item{-webkit-flex:1;-ms-flex:1;flex:1;text-align:center;padding:.3rem 0;font-size:.375rem;color:#666;position:relative;background-color:#fff!important;cursor:pointer}.tab-item span{color:#666;font-size:.375rem}.tab-item.active{color:#1a1a1a!important;font-weight:700!important;background-color:#fff!important}.tab-item.active span{color:#1a1a1a!important;font-weight:700!important}.tab-item.active:after{content:"";position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%);width:2rem;height:.1rem;background:-webkit-gradient(linear,left top,right top,from(#6366f1),to(#8b5cf6));background:-webkit-linear-gradient(left,#6366f1,#8b5cf6);background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:.05rem}.apply-tab{padding:.6rem .4rem}.section-title{margin-bottom:.5rem}.type-grid{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.4rem}.type-card{width:calc(50% - .2rem);background:#fff;border-radius:.4rem;overflow:hidden}.type-card-inner{padding:.6rem .4rem;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.type-icon{width:2rem;height:2rem;border-radius:.5rem;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-bottom:.4rem}.type-label{font-size:.7rem;font-weight:700;color:#1a1a1a;margin-bottom:.2rem}.type-desc{font-size:.55rem;color:#999;text-align:center}.sub-items{border-top:.025rem solid #eee;background:#fafafa}.sub-item{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem .6rem;font-size:.65rem;color:#666;border-bottom:.025rem solid #eee}.sub-item:last-child{border-bottom:none}.my-tab{padding:.6rem .4rem}.loading{text-align:center;padding:1.5rem 0;color:#999;font-size:.7rem}.no-application{text-align:center;padding:2.5rem 0;font-size:.7rem}.application-card{background:#fff;border-radius:.4rem;padding:.6rem;-webkit-box-shadow:0 .05rem .3rem rgba(0,0,0,.05);box-shadow:0 .05rem .3rem #0000000d}.application-header{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;padding-bottom:.6rem;border-bottom:.025rem solid #eee}.application-info{-webkit-flex:1;-ms-flex:1;flex:1;margin-left:.5rem}.status-tag{display:inline-block;padding:.1rem .4rem;border-radius:.5rem;font-size:.55rem}.application-detail{padding-top:.6rem}.detail-item{display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:.5rem}.detail-label{width:4rem;font-size:.65rem;color:#999;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.detail-value{-webkit-flex:1;-ms-flex:1;flex:1;font-size:.65rem;color:#333;word-break:break-all}.edit-btn{margin-top:.6rem;background:#6366f1;color:#fff;text-align:center;padding:.6rem;border-radius:.3rem;font-size:.7rem}.promotion-section{margin-top:.8rem;background:#fff;border-radius:.4rem;padding:.6rem;-webkit-box-shadow:0 .05rem .3rem rgba(0,0,0,.05);box-shadow:0 .05rem .3rem #0000000d}.section-header{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:.5rem}.add-btn{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background:-webkit-linear-gradient(315deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,#6366f1,#8b5cf6);padding:.2rem .4rem;border-radius:.5rem;font-size:.6rem}.promotion-list{margin-top:.4rem}.promotion-card{background:#f9f9f9;border-radius:.3rem;padding:.4rem;margin-bottom:.4rem}.promotion-card:last-child{margin-bottom:0}.promotion-header{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.promotion-actions{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.promotion-images{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.2rem;margin-top:.3rem}.promo-image{width:1.5rem;height:1.5rem;border-radius:.2rem}.empty-promotions{text-align:center;padding:.8rem 0;color:#999;font-size:.65rem}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:1000;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.modal-content{background:#fff;border-radius:.6rem .6rem 0 0;width:100%;max-height:85vh;overflow-y:auto;padding:.6rem}.modal-header{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:.5rem;border-bottom:.025rem solid #eee}.modal-body{padding:.5rem 0}.form-item{margin-bottom:.6rem}.form-label{font-size:.65rem;color:#333;margin-bottom:.3rem;display:block}.form-input{background:#f5f5f5;border-radius:.3rem;padding:.4rem;font-size:.7rem}.form-textarea{background:#f5f5f5;border-radius:.3rem;padding:.4rem}.form-row{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.flex-1{-webkit-flex:1;-ms-flex:1;flex:1}.mr-2{margin-right:.4rem}.ml-2{margin-left:.4rem}.ml-3{margin-left:.6rem}.self-center{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.image-list{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.3rem}.image-item{position:relative;width:1.5rem;height:1.5rem}.image-remove{position:absolute;top:-.2rem;right:-.2rem;width:.5rem;height:.5rem;background:#dc2626;border-radius:50%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.image-add{width:1.5rem;height:1.5rem;border:.05rem dashed #ddd;border-radius:.2rem;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.modal-footer{display:-webkit-flex;display:-ms-flexbox;display:flex;gap:.4rem;padding-top:.5rem;border-top:.025rem solid #eee}.btn-cancel,.btn-confirm{-webkit-flex:1;-ms-flex:1;flex:1;text-align:center;padding:.6rem;border-radius:.3rem;font-size:.7rem}.btn-cancel{background:#f5f5f5;color:#666}.btn-confirm{background:-webkit-linear-gradient(315deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.order-entry-btn{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background:-webkit-linear-gradient(315deg,#6366f115,#8b5cf615);background:linear-gradient(135deg,#6366f115,#8b5cf615);padding:.7rem .8rem;border-radius:.3rem;margin-top:.6rem;margin-bottom:.6rem}.order-entry-btn:active{opacity:.8}.merchant-messages-page{min-height:100vh;background:#f5f5f5}.merchant-messages-header{background:-webkit-linear-gradient(315deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,#6366f1,#8b5cf6);padding:1.1rem .4rem .3rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.merchant-messages-header .header-top{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.merchant-messages-header .back-btn{width:1rem;height:1rem;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;cursor:pointer}.merchant-messages-header .header-title{font-size:.45rem;font-weight:700;color:#fff}.empty-conversations{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:2rem 0}.conversation-list{background:#fff}.conversation-item{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:.4rem;border-bottom:.025rem solid #f0f0f0;cursor:pointer}.conversation-item:active{background:#f9f9f9}.conv-avatar{width:1.2rem;height:1.2rem;border-radius:50%;background:#f0f0f0;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;position:relative;overflow:hidden}.conv-avatar-img{width:100%;height:100%;border-radius:50%}.conv-unread-badge{position:absolute;top:-.1rem;right:-.1rem;min-width:.45rem;height:.45rem;background:#ef4444;border-radius:.225rem;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:0 .1rem}.conv-unread-text{font-size:.25rem;color:#fff;font-weight:700}.conv-info{-webkit-flex:1;-ms-flex:1;flex:1;margin-left:.3rem;min-width:0}.conv-info-top{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:.1rem}.conv-name{font-size:.4rem;font-weight:500;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:65%}.conv-time{font-size:.3rem;color:#999;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.conv-info-bottom{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.conv-preview{font-size:.35rem;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:85%}.merchant-chat-page{min-height:100vh;background:#f5f5f5;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.merchant-chat-header{background:-webkit-linear-gradient(315deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,#6366f1,#8b5cf6);padding:1.1rem .4rem .3rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.merchant-chat-header .header-top{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.merchant-chat-header .back-btn{width:1rem;height:1rem;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.header-center{-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:.2rem}.merchant-chat-header-avatar{width:.8rem;height:.8rem;border-radius:50%;-o-object-fit:cover;object-fit:cover}.merchant-chat-header-avatar-placeholder{background:rgba(255,255,255,.3);display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.merchant-chat-header-title{font-size:.425rem;font-weight:700;color:#fff}.merchant-chat-messages{-webkit-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:.4rem;padding-bottom:calc(2.5rem + env(safe-area-inset-bottom,0rem))}.merchant-chat-msg-row{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;margin-bottom:.4rem;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.merchant-chat-msg-row-mine{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.merchant-chat-msg-avatar{width:.9rem;height:.9rem;border-radius:50%;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.merchant-chat-msg-bubble{max-width:70%;padding:.25rem .35rem;border-radius:.45rem;background:#fff;margin:0 .2rem;-webkit-box-shadow:0 .025rem .075rem rgba(0,0,0,.05);box-shadow:0 .025rem .075rem #0000000d}.merchant-chat-msg-bubble-mine{background:#6366f1;color:#fff}.merchant-chat-msg-text{font-size:.375rem;line-height:1.5;word-break:break-word;color:inherit}.merchant-chat-msg-time{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-top:.1rem}.merchant-chat-input-bar{position:fixed;bottom:0;left:0;right:0;background:#fff;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:.25rem .3rem;padding-bottom:calc(.25rem + env(safe-area-inset-bottom,0rem));border-top:.025rem solid #eee;gap:.2rem;z-index:20}@media screen and (max-width: 767px){.merchant-chat-input-bar{bottom:1.25rem}.merchant-chat-messages{padding-bottom:calc(4.5rem + env(safe-area-inset-bottom,0rem))}}@media (min-width: 768px){.merchant-chat-input-bar{position:-webkit-sticky;position:sticky}}.merchant-chat-input-wrapper{-webkit-flex:1;-ms-flex:1;flex:1;background:#f0f0f0;border-radius:.5rem;padding:.05rem .35rem}.merchant-chat-input{border:none;outline:none;background:transparent;font-size:.4rem;padding:.2rem 0;color:#333;width:100%}.merchant-chat-send-btn{width:1rem;height:1rem;border-radius:50%;background:#e0e0e0;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-transition:background .2s;transition:background .2s}.merchant-chat-send-btn-active{background:#6366f1}.merchant-chat-send-btn:active{opacity:.8}