/* The reference microphone sits between the text input and send button. */
@layer mobile-adaptation {
 #bean-chat-overlay .chat-form{grid-template-columns:minmax(0,1fr) 44px 64px!important;gap:6px!important}
 #bean-chat-overlay .input-wrap{position:relative;min-width:0;width:100%;height:46px}
 #bean-chat-overlay .input-wrap input{display:block;width:100%!important;box-sizing:border-box!important}
 #bean-chat-overlay #microphone{display:grid!important;place-items:center!important;width:44px!important;height:46px!important;padding:0!important;border:1px solid #4c96a4!important;border-radius:9px!important;background:rgba(0,0,0,.7)!important;color:#e7fcff!important;box-shadow:none!important;cursor:pointer}
 #bean-chat-overlay #microphone svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
 #bean-chat-overlay #microphone[aria-pressed=true]{color:#011f24!important;background:#78eaff!important;border-color:#c8faff!important;box-shadow:inset 0 0 0 2px #d2faff!important}
 #bean-chat-overlay #microphone[data-state=starting]{background:#eac26d!important;color:#201300!important}
 #bean-chat-overlay #microphone:focus-visible{outline:2px solid #a1f5ff;outline-offset:2px}
 #bean-chat-overlay #microphone[data-state=listening] svg{animation:mobile-listening 1.1s ease-in-out infinite}
 #bean-chat-overlay .input-wrap .voice-status{position:absolute;inset:1px;display:flex;align-items:center;margin:0;padding:0 9px;border:0;border-radius:8px;background:transparent;color:#8feaff;pointer-events:none;overflow:hidden;font-size:11px;line-height:1.2}
 #bean-chat-overlay .input-wrap .voice-status[hidden]{display:none!important}
 #bean-chat-overlay .voice-status span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 #bean-chat-overlay .voice-status[data-state=starting]{color:#ffdb75}
 #bean-chat-overlay .voice-status[data-state=error]{color:#ffb47f}
 #bean-chat-overlay .input-wrap[data-show-status=true] input{color:transparent!important;caret-color:transparent!important}
 #bean-chat-overlay .input-wrap[data-show-status=true] input::placeholder{color:transparent!important}
 @media(prefers-reduced-motion:reduce){#bean-chat-overlay #microphone svg{animation:none!important}}
}
@keyframes mobile-listening{50%{opacity:.5}}

/* Reference language badge: reserve space so text and voice hints cannot cover it. */
@layer mobile-adaptation {
 #bean-chat-overlay .input-language{position:absolute!important;right:7px!important;top:50%!important;transform:translateY(-50%)!important;z-index:3!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;height:21px!important;min-width:49px!important;box-sizing:border-box!important;padding:0 7px!important;border:1px solid rgba(133,239,255,.55)!important;border-radius:999px!important;background:rgba(0,0,0,.7)!important;color:#d7f6ff!important;font-size:10px!important;line-height:1!important;white-space:nowrap!important;pointer-events:none!important}
 #bean-chat-overlay .input-language span{font-size:10px!important;line-height:1!important;color:inherit!important}
 #bean-chat-overlay .input-language i{display:block!important;width:5px!important;height:5px!important;flex:0 0 5px!important;border-radius:50%!important;background:#ffda65!important;box-shadow:0 0 4px rgba(255,218,101,.45)!important}
 #bean-chat-overlay .input-wrap #message{padding-right:76px!important}
 #bean-chat-overlay .input-wrap .voice-status{right:74px!important}
}