/* Bhakti Bhavna private chat — scoped, 29 Oct 2026 */
body.chat-screen{overflow:hidden!important;overscroll-behavior:none}
body.chat-screen :is(.nav,.floating-ai,#bbFloatingRecall,#bbFloatingControls){display:none!important}
#app #chat.active{position:fixed!important;inset:0 auto auto 50%!important;transform:translateX(-50%)!important;width:min(100%,720px)!important;height:var(--bb-chat-height,100dvh)!important;z-index:70!important;background:#faf7ef!important;overflow:hidden!important;padding:0!important;margin:0!important}
#app #chat .chat-page{height:100%!important;max-width:none!important;box-sizing:border-box!important;margin:0!important;padding:0!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto auto!important;position:relative!important}
#app #chat .subhead{display:flex!important;gap:10px!important;align-items:center!important;min-height:76px!important;margin:0!important;padding:10px 16px!important;border:0!important;border-bottom:1px solid #ded9c9!important;border-radius:0!important;background:#fffdf7!important;box-shadow:0 2px 8px #413b2908!important}
#app #chat .subhead .back{flex:0 0 42px!important;width:42px!important;min-width:42px!important;height:44px!important;min-height:44px!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:#235e60!important;font-size:0!important;box-shadow:none!important}
#app #chat .subhead .back::before{content:"←";font:26px/1 system-ui!important}
#app #chat .chat-profile-button{display:grid!important;grid-template-columns:46px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
#app #chat .bb-chat-person{display:block!important;min-width:0!important}
#app #chat .chat-profile-name{font-size:20px!important;line-height:1.35!important;font-weight:750!important;color:#235e60!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important}
#app #chat .chat-profile-name::after{content:" ›"!important;font-size:17px!important;color:#8a6534!important}
#app #chat .chat-profile-id{font-size:12px!important;line-height:1.5!important;color:#6e675b!important;margin:1px 0!important}
#app #chat .bb-chat-avatar{display:flex!important;align-items:center!important;justify-content:center!important;width:46px!important;height:46px!important;border-radius:50%!important;background:#e4eeea!important;color:#235e60!important;font-size:22px!important;overflow:hidden!important;border:1px solid #d5ded5!important}
#app #chat .bb-chat-avatar img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important}
#app #chat #chatLiveStatus{display:block!important;font-size:12px!important;color:#74674c!important;line-height:1.5!important;min-height:0!important}
#app #chat #chatLiveStatus:empty{display:none!important}
#app #chat #chatLiveStatus.is-typing{color:#17695b!important;font-weight:700!important}
#app #chat .chat-messages{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain!important;scroll-behavior:auto!important;padding:18px 16px!important;margin:0!important;height:auto!important;max-height:none!important;background:#faf7ef!important}
#app #chat .chat-bubble{max-width:84%!important;width:fit-content!important;min-width:85px!important;box-sizing:border-box!important;padding:10px 13px 7px!important;margin:0!important;border-radius:16px!important;box-shadow:0 1px 2px #3c432315!important;border:1px solid #dce0d6!important}
#app #chat .chat-bubble.mine{align-self:flex-end!important;background:#dfeee7!important;color:#213e36!important;border-bottom-right-radius:5px!important}
#app #chat .chat-bubble.theirs{align-self:flex-start!important;background:#fffefa!important;color:#343b39!important;border-bottom-left-radius:5px!important}
#app #chat .chat-bubble .bb-chat-text{font-size:17px!important;line-height:1.65!important;color:inherit!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important;word-break:normal!important;font-weight:400!important}
#app #chat .chat-bubble .bb-chat-meta{display:flex!important;flex-wrap:wrap!important;justify-content:flex-end!important;align-items:center!important;gap:5px 9px!important;margin-top:4px!important;font-size:10px!important;line-height:1.5!important;color:#5d7168!important;opacity:1!important}
#app #chat .chat-bubble .bb-chat-meta :is(time,span){font-family:inherit!important;font-size:10px!important;color:#5d7168!important;line-height:1.5!important;font-weight:400!important}
#app #chat .chat-bubble .bb-chat-meta .is-read{color:#2166a0!important}
#app #chat .bb-chat-day{align-self:center!important;margin:8px 0!important;color:#796947!important;font-size:12px!important}
#app #chat .bb-chat-day span{background:#eee8d8!important;border-radius:8px!important;padding:4px 12px!important;font-size:12px!important;color:#796947!important}
#app #chat .bb-chat-empty{margin:auto!important;text-align:center!important;font-size:15px!important;color:#5f655a!important;padding:24px!important}
#app #chat .bb-chat-empty p{font-size:14px!important}
#app #chat .chat-composer,#app #chat .chat-composer.has-text{position:static!important;left:auto!important;bottom:auto!important;transform:none!important;display:grid!important;grid-template-columns:minmax(0,1fr) 48px!important;gap:9px!important;align-items:end!important;width:100%!important;box-sizing:border-box!important;margin:0!important;padding:10px 12px calc(10px + env(safe-area-inset-bottom))!important;background:#fffdf7!important;border:0!important;border-top:1px solid #ded9c9!important;border-radius:0!important;backdrop-filter:none!important}
#app #chat .chat-ai-button{display:none!important}
#app #chat .chat-composer textarea,#app #chat .chat-composer.has-text textarea{grid-column:1!important;grid-row:1!important;font-family:inherit!important;font-size:16px!important;line-height:1.5!important;min-height:44px!important;max-height:120px!important;padding:10px 14px!important;margin:0!important;border:1px solid #cccbbd!important;background:#fff!important;color:#263c38!important;border-radius:22px!important;resize:none!important;box-sizing:border-box!important;box-shadow:none!important}
#app #chat .chat-composer textarea:focus{border-color:#32756c!important;box-shadow:0 0 0 2px #32756c18!important}
#app #chat .chat-send-button,#app #chat .chat-composer.has-text .chat-send-button{grid-column:2!important;grid-row:1!important;display:flex!important;align-items:center!important;justify-content:center!important;width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;max-height:48px!important;padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;background:#235f5b!important;box-shadow:0 2px 5px #235f5b20!important;color:white!important;opacity:1!important}
#app #chat .chat-send-button b{font:21px/1 system-ui,sans-serif!important;color:#fff!important}
#app #chat .chat-send-button span{display:none!important}
#app #chat .chat-send-button:disabled{background:#b7c3bd!important;cursor:default!important}
#app #chat #chatSendStatus{padding:0 14px!important;margin:0!important;background:#fffdf7!important;font-size:12px!important;color:#7c5231!important;line-height:1.6!important}
#app #chat #chatSendStatus:empty{display:none!important}
#app #chat #chatNewMessages{position:absolute!important;bottom:95px!important;left:50%!important;transform:translateX(-50%)!important;z-index:3!important;min-height:40px!important;padding:8px 16px!important;border:1px solid #a2bdb0!important;border-radius:22px!important;background:#fffefa!important;color:#235f5b!important;font-size:13px!important;box-shadow:0 3px 12px #344b3024!important}
#app #chat #chatNewMessages[hidden]{display:none!important}
#bbMessagePopup{position:fixed!important;z-index:220!important;top:calc(12px + env(safe-area-inset-top))!important;left:50%!important;transform:translateX(-50%)!important;width:min(92vw,470px)!important;display:flex!important;align-items:center!important;gap:4px!important;box-sizing:border-box!important;padding:8px!important;border:1px solid #c6d7ca!important;border-radius:18px!important;background:#fffdf6!important;box-shadow:0 8px 32px #253f3430!important;animation:bb-chat-pop-in .18s ease-out}
#bbMessagePopup[hidden]{display:none!important}
#bbMessagePopup .bb-message-popup-open{display:flex!important;align-items:center!important;gap:12px!important;flex:1!important;min-width:0!important;text-align:left!important;padding:5px 8px!important;background:transparent!important;border:0!important;color:#235f5b!important;box-shadow:none!important}
#bbMessagePopup .bb-message-popup-open>span:last-child{min-width:0!important;display:block!important}
#bbMessagePopup .bb-message-popup-icon{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;flex:0 0 38px!important;background:#e5f0e7!important;border-radius:50%!important;font:23px/1 system-ui!important;color:#235f5b!important}
#bbMessagePopup b{display:block!important;font-size:16px!important;line-height:1.5!important;color:#235f5b!important}
#bbMessagePopup small{display:block!important;font-size:14px!important;line-height:1.5!important;font-weight:400!important;color:#565e52!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important}
#bbMessagePopup .bb-message-popup-close{flex:0 0 40px!important;width:40px!important;height:44px!important;background:transparent!important;border:0!important;box-shadow:none!important;color:#736b5c!important;font:26px/1 system-ui!important}
@keyframes bb-chat-pop-in{from{opacity:0;translate:0 -8px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){#bbMessagePopup{animation:none}}
@media(max-width:420px){#app #chat .subhead{padding:9px 10px!important;gap:6px!important}#app #chat .chat-profile-name{font-size:19px!important}#app #chat .chat-messages{padding:14px 10px!important}#app #chat .chat-bubble{max-width:88%!important}#app #chat .chat-bubble .bb-chat-text{font-size:16px!important}}

#app #chat .subhead .back *{display:none!important}
