.chat-view footer{display:none}.chat-view #app{max-width:1100px;padding-top:20px;padding-bottom:20px}.chat-room{height:min(780px,calc(100dvh - 60px));display:flex;flex-direction:column;background:#f8f7fb;border:1px solid #e9e3f0;border-radius:22px;overflow:hidden;max-width:780px;margin:auto}.chat-room-head{position:static!important;display:flex!important;align-items:center;gap:14px;padding:16px 20px!important;background:white;border-bottom:1px solid #eee7f6;flex-shrink:0;max-width:none!important;width:100%!important;height:auto!important}.chat-room-head .avatar{width:44px;height:44px}.chat-back{padding:10px;color:#83728e}.chat-person{display:flex;align-items:center;gap:12px;text-align:left;flex:1}.chat-person span{display:grid;gap:5px}.chat-person small{font-size:11px;color:#a79bad}.chat-person strong{font-size:17px}.chat-stream{padding:20px;overflow-y:auto;flex:1;min-height:0;overscroll-behavior:contain}.chat-timestamp{text-align:center;color:#ad9eb8;font-size:11px;padding:10px;margin:7px 0}.chat-message{display:flex;gap:10px;align-items:flex-start;margin:18px 0;max-width:90%}.chat-message>.avatar{width:38px;height:38px;flex-shrink:0}.chat-message.own{margin-left:auto;flex-direction:row-reverse}.chat-bubble{background:white;padding:12px 16px;border-radius:3px 16px 16px 16px;line-height:1.7;font-size:14px;color:#43384f;overflow-wrap:anywhere;white-space:normal;box-shadow:0 3px 14px #39294805}.chat-message.own .chat-bubble{background:#8a67d9;color:white;border-radius:16px 3px 16px 16px}.chat-delivery{display:block;font-size:10px;color:#afa3ba;margin-top:5px}.chat-message.own .chat-delivery{text-align:right}.chat-compose{background:white;padding:12px 18px;border-top:1px solid #eee7f6;flex-shrink:0}.chat-quick{display:flex;gap:7px;margin-bottom:10px;overflow:auto}.chat-quick button{background:#f6f2fb;padding:6px 10px;border-radius:12px;font-size:11px;white-space:nowrap;color:#9b83b6}.chat-compose-row{display:flex;gap:10px;align-items:center}.chat-compose textarea{resize:vertical;min-height:44px;max-height:120px;width:100%;border:0;border-radius:14px;background:#f6f3f9;padding:12px;font:inherit;font-size:14px}.chat-attach{color:#9e86b7;padding:8px;cursor:pointer}.chat-compose-hint{display:block;font-size:10px;color:#b4a9bf;margin-top:8px}.chat-image{max-width:200px;display:block}.chat-image img{max-width:100%;max-height:240px;border-radius:8px}.chat-order{background:white;border-radius:17px;padding:17px;margin:16px 0 16px 48px;max-width:360px;box-shadow:0 3px 20px #41325206}.chat-order-state{font-size:13px;font-weight:600;margin-bottom:12px;color:#7e5dbb}.chat-order-person{display:flex;align-items:center;gap:8px;background:#f8f5fd;padding:10px;border-radius:10px}.chat-order-person .avatar{width:30px;height:30px}.chat-order-person strong{font-size:13px}.chat-order-person>span{margin-left:auto;color:#ab98c0;font-size:11px}.chat-order h4{margin:12px 0 6px;font-size:14px}.chat-order p{font-size:12px;color:#9e8caf;line-height:1.6;margin:4px 0;overflow-wrap:anywhere}.chat-order-total{color:#b88c75;font-weight:700;margin-top:10px;font-size:17px}.chat-order-total small{display:block;font-size:10px;color:#b5a7bf;font-weight:400;margin-top:5px}.chat-order-note{font-size:11px;padding:10px;background:#f9f6fc;color:#a08bb4;margin-top:10px;border-radius:8px;line-height:1.7;overflow-wrap:anywhere}.chat-order .rejected{color:#d77589}.chat-order-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px;flex-wrap:wrap}.chat-order-actions button{font-size:11px;padding:8px 12px}.chat-refund{color:#d98094;background:#fff1f4;border-radius:18px;padding:8px 12px}.chat-inbox{max-width:800px;margin:auto;padding:4px 20px}.chat-list-row{display:flex;gap:12px;width:100%;align-items:center;padding:18px 0;border-bottom:1px solid #f1ecf5;text-align:left}.chat-list-row:last-child{border:0}.chat-list-row>span{flex:1;min-width:0}.chat-list-row strong{font-size:15px}.chat-list-row small{display:block;font-size:10px;color:#ae9abb;margin-top:4px}.chat-list-row p{font-size:12px;color:#a698b1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:6px 0 0}.chat-list-row aside{display:flex;flex-direction:column;align-items:flex-end;gap:7px}.chat-list-row time{font-size:10px;color:#b8a9c2}.chat-unread{background:#ad85dc;color:white;border-radius:20px;min-width:18px;height:18px;display:grid;place-items:center;font-size:10px;padding:2px 5px}.chat-welcome{text-align:center;margin:auto;padding:60px 20px;color:#a995b8}.chat-welcome>span{font-size:40px}.chat-welcome h3{color:#79638f}.chat-welcome p{font-size:12px;line-height:1.8}.chat-greet{display:flex;gap:6px;align-items:center;margin-left:6px;white-space:nowrap}.profile-head>.soft{margin-left:auto}.chat-staff-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:12px}.chat-staff-top h1{font-size:23px;margin:0}.chat-staff-top p{font-size:12px;color:#aa95b9}.chat-staff-top>div:last-child{display:flex;gap:12px;align-items:center}.chat-staff-top select,.chat-transfer select{padding:8px;border:1px solid #e8dff2;border-radius:8px;background:white;font-size:12px}.chat-staff-top label{font-size:12px;color:#8f7a9f}.chat-desk{display:grid;grid-template-columns:300px minmax(0,1fr);height:min(780px,calc(100dvh - 140px));border:1px solid #e9e1f0;border-radius:20px;overflow:hidden;background:white}.chat-desk .chat-room{height:100%;width:100%;border:0;border-radius:0;max-width:none}.chat-desk-sidebar{overflow:auto;border-right:1px solid #eee7f6;padding:14px}.chat-desk-sidebar .chat-list-row{padding:14px 8px;border-radius:12px}.chat-desk-sidebar .chat-list-row.selected{background:#f3edf9}.chat-staff-filters{display:flex;gap:10px;font-size:11px;color:#aa98b7;margin-bottom:14px}.chat-staff-filters .on{color:#835fc1}.chat-desk-sidebar input{width:100%;padding:10px;background:#f7f4fa;border:0;border-radius:10px;margin-bottom:10px}.chat-staff-identity{flex:1;min-width:0}.chat-staff-identity strong{display:block;font-size:14px}.chat-staff-identity small{display:block;font-size:11px;color:#9e89af;margin-top:5px}.chat-transfer{display:grid;gap:4px;font-size:10px;color:#a58bb8}.chat-compose button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:600px){.chat-view #app{padding:0!important;max-width:none!important}.chat-room{height:100dvh;border:0;border-radius:0}.chat-room-head{padding:12px 14px!important}.chat-stream{padding:12px}.chat-order{margin-left:34px;max-width:calc(100% - 34px);padding:14px}.chat-compose{padding:10px 12px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.chat-compose-row{gap:7px}.chat-compose-row>.primary{padding:12px 15px}.chat-compose-hint{font-size:9px}.chat-greet{font-size:11px;padding:10px 12px}.profile-head{flex-wrap:wrap}.profile-head .chat-greet .c-icon{width:14px;height:14px}.chat-staff-top{padding:18px;align-items:start;flex-direction:column}.chat-staff-top h1{font-size:20px}.chat-desk{grid-template-columns:1fr;height:auto;border:0;border-radius:0}.chat-desk-sidebar{max-height:260px;border-bottom:1px solid #eee7f6}.chat-desk .chat-room{height:80dvh;min-height:500px}.chat-desk-sidebar .chat-list-row{padding:10px}.chat-room .soft{font-size:11px}.chat-room-head>.avatar{width:34px;height:34px}.chat-staff-top>div:last-child{flex-wrap:wrap}}
.chat-compose-row>.primary{flex:0 0 auto;min-width:66px;white-space:nowrap}.chat-compose textarea{min-width:0;flex:1}.chat-greet .c-icon{width:17px;height:17px}.chat-view>header nav button{color:#b5a8bf}.chat-view>header nav button.active{color:#835ac3}

[data-nav]{position:relative}.nav-unread{position:absolute;top:-7px;right:-15px;background:#ab7bd9;color:white;border-radius:20px;min-width:16px;height:16px;font-size:9px;line-height:16px;text-align:center;padding:0 4px}.nav-unread[hidden]{display:none!important}@media(max-width:650px){.mobile-nav>[data-nav]{width:25%;position:relative}.mobile-nav .nav-unread{right:calc(50% - 25px);top:8px;font-size:9px}.mobile-nav button.c-active{color:#8056c9}.mobile-nav button.c-active span{font-weight:600}.chat-inbox{padding:0 16px}.chat-view .mobile-nav{display:none}}
.nav-message-icon{width:22px;height:22px;display:block;margin:auto}

.order-avatar-link{padding:0;display:flex;flex-shrink:0;border-radius:50%;cursor:pointer}.order-avatar-link:focus-visible{outline:2px solid #9169cf;outline-offset:4px}.order-customer-home{max-width:650px;margin:25px auto;text-align:center;padding:44px 28px}.order-customer-avatar{width:110px;height:110px;object-fit:cover;border-radius:50%}.order-customer-home .signature{text-align:left;margin-top:30px}