.customerChat{background:#f2f5f7;min-height:100dvh;padding:24px 12px}.tdChat{color:#263640;background:#fff;border:1px solid #dce3e8;border-radius:20px;flex-direction:column;max-width:760px;margin:0 auto;font-size:16px;display:flex;overflow:hidden;box-shadow:0 8px 32px #18384d14}.tdChatHead{color:#fff;background:#103c59;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.tdChatHead h2{margin:4px 0;font-size:22px}.tdChatHead small,.tdChatHead span{font-size:14px}.tdChat button{cursor:pointer;font:inherit;color:#123f5b;background:#fff;border:1px solid #cad6dd;border-radius:10px;padding:10px 18px;font-weight:700}.tdChat button:disabled{opacity:.5;cursor:default}.tdChatHead button{color:#fff;background:0 0}.tdChatLog{overscroll-behavior:contain;height:48dvh;min-height:240px;padding:24px;overflow-y:auto}.tdChatOriginal{background:#f3f6f8;border-radius:12px;margin-bottom:24px;padding:16px;font-size:14px}.tdChat p{white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0;line-height:1.7}.tdChatEmpty{color:#627481;text-align:center;padding:36px 8px}.tdMessage{max-width:85%;margin:18px 0}.tdMessage.mine{margin-left:auto}.tdMessage small{color:#647582;margin:5px 4px;font-size:13px;display:block}.tdMessage.mine>small{text-align:right}.tdBubble{background:#f0f3f5;border-radius:16px 16px 16px 4px;padding:12px 16px}.mine .tdBubble{background:#e3f1fb;border-radius:16px 16px 4px}.tdChatPhotos{flex-wrap:wrap;gap:8px;display:flex}.tdChatPhotos img{object-fit:cover;border-radius:8px;width:130px;max-height:150px}.tdChatFeedback{padding:0 20px;font-size:14px}.tdChatFeedback [role=alert]{color:#a42b22}.tdChatFeedback button{margin:4px 0;font-size:14px}.tdChatForm{border-top:1px solid #dde5eb;padding:16px 24px}.tdChatForm>label{margin-bottom:6px;font-size:14px;display:block}.tdChatForm textarea{box-sizing:border-box;resize:vertical;width:100%;min-height:88px;font:inherit;border:1px solid #b5c4ce;border-radius:10px;padding:12px}.tdChatControls{justify-content:space-between;align-items:center;gap:12px;margin:12px 0;display:flex}.tdChatControls>button{color:#fff;background:#087cbd;border:0}.tdPhotoButton{flex-direction:column;gap:4px;min-width:0;font-size:14px;font-weight:700;display:flex}.tdPhotoButton input{width:100%;max-width:230px;font-size:12px}.tdChatForm small{overflow-wrap:anywhere;font-size:12px}.tdChat footer{color:#657684;padding:10px 24px 16px;font-size:12px}.adminChatOverlay{z-index:10000;background:#132b4266;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.adminChatOverlay .tdChat{width:min(760px,100%);max-height:calc(100dvh - 32px)}.adminChatOverlay .tdChatLog{min-height:100px}.requestChatButton{color:#fff;cursor:pointer;background:#087cbd;border:0;border-radius:10px;margin:20px 24px;padding:14px 22px;font-size:16px;font-weight:700}@media (max-width:600px){.customerChat{padding:0}.tdChat{border:0;border-radius:0;min-height:100dvh}.tdChatHead{padding:16px}.tdChatLog{flex:1;height:45dvh;padding:16px}.tdChatForm{padding:12px 16px}.tdMessage{max-width:92%}.tdChatHead h2{font-size:19px}.adminChatOverlay{padding:0}.adminChatOverlay .tdChat{height:100dvh;max-height:100dvh}.tdChat footer{padding:8px 16px;font-size:12px}}.customerChat .tdChat{height:calc(100dvh - 48px);min-height:0}.customerChat .tdChatLog{flex:1;min-height:100px}.adminChatOverlay{box-sizing:border-box;border:0;width:100%;max-width:none;max-height:none;margin:0}.adminChatOverlay::backdrop{background:#132b4266}@media (max-width:600px){.customerChat .tdChat{height:100dvh;min-height:0}.tdChatLog{min-height:100px}}