body[data-mode] .composer.mobile-composer{display:flex;flex-direction:column;gap:0;padding:0 10px max(10px,env(safe-area-inset-bottom));border-top:1px solid #e9edf3;background:var(--panel,#fff);flex:none;min-width:0}
body .mobile-composer>.compose-tools,body .mobile-composer>.compose-bottom{display:none!important}
.mobile-compose-row{display:flex;align-items:flex-end;gap:8px;min-width:0;padding-top:10px}
.mobile-compose-field{flex:1;min-width:0;display:flex;flex-direction:column;background:#f4f6f9;border:1px solid #eef1f5;border-radius:12px;overflow:hidden}
body[data-mode] .composer.mobile-composer #message-input{display:block;box-sizing:border-box;width:100%;height:42px;min-height:42px;max-height:112px;resize:none;margin:0;padding:10px 12px!important;border:0!important;border-radius:0;background:transparent!important;box-shadow:none;outline:none;font:400 16px/22px -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;overflow-y:auto}
body .mobile-composer #message-input::placeholder{font-size:14px;color:#a6afbd;font-weight:400;opacity:1}
body .mobile-composer #message-input[hidden],body .mobile-composer.voice-mode #message-input{display:none!important}
body[data-mode] .composer.mobile-composer .mobile-compose-row>.compose-tool,body[data-mode] .composer.mobile-composer .mobile-compose-more{display:flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:42px;min-width:34px;min-height:42px;margin:0;padding:0;border:0;background:transparent;color:#263344;border-radius:10px;line-height:1;touch-action:manipulation}
body[data-mode] .composer.mobile-composer .mobile-compose-row>.compose-tool svg,body[data-mode] .composer.mobile-composer .mobile-compose-more svg{display:block;flex:none;width:28px;height:28px;margin:0;padding:0;border:0;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
body[data-mode] .composer.mobile-composer .mobile-compose-more[aria-expanded=true]{color:var(--green,#3866ff);background:var(--accent-soft,#edf2ff)}
body .mobile-composer .send-button{flex:none;min-width:54px;min-height:40px;height:40px;margin:0 0 1px;padding:8px 11px;border-radius:10px;font-size:14px;line-height:20px;box-shadow:none}
body .mobile-composer .send-button>span{display:none}
body .mobile-composer .send-button[hidden]{display:none!important}
.mobile-compose-row.has-content .mobile-compose-more{display:none!important}
body .mobile-composer .voice-hold{width:100%;height:42px;min-height:42px;margin:0;border:0;border-radius:0;background:transparent;font-size:15px;line-height:22px}
body .mobile-composer .voice-hold.is-recording{background:#e5eaf2}
body .mobile-composer .voice-pending{font-size:12px;padding:8px;gap:6px}
body .mobile-composer .composer-rich-draft{margin:0;padding:10px;font-size:13px;max-height:150px;overflow:auto;border:0;border-radius:0}
body .mobile-composer .emoji-picker{left:8px;right:8px;width:auto;bottom:calc(100% + 6px);border-radius:16px;padding:14px;background:var(--panel,#fff);box-shadow:0 8px 28px #20314d18;grid-template-columns:repeat(8,minmax(0,1fr));z-index:15}
body .mobile-composer .emoji-picker button{width:100%;max-width:36px;min-width:0}
.mobile-chat-actions{display:flex;gap:7px;padding:9px 0 0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:none}
.mobile-chat-actions::-webkit-scrollbar{display:none}
body[data-mobile-workbench="1"] .chat-head>.customer-details-toggle{display:none!important}
body[data-mobile-workbench="1"] .chat-head .head-info #customer-details-toggle{display:inline-flex;flex:none;vertical-align:baseline;width:auto;height:auto;min-height:24px;margin:0;padding:0 3px!important;gap:0;border:0;border-radius:4px;background:transparent;color:#4777de;font-size:12px!important;line-height:18px}
body[data-mobile-workbench="1"] .chat-head #pin-conversation svg,body[data-mobile-workbench="1"] .chat-head #resolve svg{width:16px;height:16px}
.mobile-chat-action{display:flex;align-items:center;justify-content:center;gap:5px;flex:none;min-height:32px;padding:6px 10px;border:0;border-radius:999px;background:#f5f7fa;color:#465269;font:500 12px/18px -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;white-space:nowrap;touch-action:manipulation}
.mobile-chat-action svg{width:16px;height:16px;color:#407cf1}
.mobile-chat-action[data-kind=quick] svg{color:#25b477}.mobile-chat-action[data-kind=route] svg{color:#25b477}
.mobile-attachments{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:20px 4px 8px;flex:none}
.mobile-attachments[hidden]{display:none!important}
body .mobile-composer .mobile-attachments>.typing-consent-toggle{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:7px;width:100%;height:auto;min-height:36px;padding:8px;border:0;border-top:1px solid #edf0f5;border-radius:0;background:transparent;color:#8793a5;font-size:12px;white-space:nowrap}
body .mobile-composer .mobile-attachments>.typing-consent-toggle svg{width:17px;height:17px;flex:none}
.mobile-attachment{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:86px;padding:0;border:0;border-radius:14px;background:transparent;color:#8490a1;font:400 12px/18px -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;touch-action:manipulation}
.mobile-attachment svg{width:52px;height:52px;padding:14px;border:1px solid #e9edf3;border-radius:15px;background:#f7f9fc;color:#35435a}
.mobile-chat-action:active,.mobile-attachment:active{background:#eaf0fb}
.mobile-compose-row button:focus-visible,.mobile-chat-action:focus-visible,.mobile-attachment:focus-visible{outline:2px solid #4777de;outline-offset:2px}
body[data-mode=visitor] .composer.mobile-composer .mobile-compose-row>.compose-tool,body[data-mode=visitor] .composer.mobile-composer .mobile-compose-more{color:var(--green,#3866ff)}
@media(max-width:360px){.mobile-compose-row{gap:5px}.mobile-chat-action{padding:6px 8px}.mobile-chat-actions{gap:6px}body[data-mode] .composer.mobile-composer .mobile-compose-row>.compose-tool,body[data-mode] .composer.mobile-composer .mobile-compose-more{flex-basis:30px;width:30px;min-width:30px}}
