/* Messenger surfaces, independent of the social interface. */
#app-container.vibe-shell.vibe-chat-open.vibe-messenger-only {
  --vibe-chat-blue: #1976b3;
  --vibe-chat-line: #e5eaf0;
  --vibe-chat-muted: #536779;
}
#app-container.vibe-shell.vibe-chat-open.vibe-messenger-only #sidepanel .fox-v4-search {
  background:#eef2f5!important;border-radius:10px!important;
}
#app-container.vibe-shell.vibe-chat-open.vibe-messenger-only #sidepanel .fox-v4-search :is(input,.material-icons) {
  color:var(--vibe-chat-muted)!important;
}
#app-container.vibe-shell.vibe-chat-open.vibe-messenger-only #sidepanel .fox-v4-search input {font-size:16px!important;}
#app-container.vibe-shell.vibe-chat-open.vibe-messenger-only #sidepanel .fox-v4-search .material-icons {font-size:20px!important;}
#app-container.vibe-shell.vibe-chat-open.vibe-messenger-only #sidepanel .fox-filters {
  padding:0 14px!important;gap:18px!important;border-color:var(--vibe-chat-line);
}
#app-container.vibe-shell.vibe-chat-open.vibe-messenger-only #sidepanel .fox-filters button {
  min-height:40px;padding:0 2px!important;border-bottom:2px solid transparent!important;
  color:var(--vibe-chat-muted)!important;
}
#app-container.vibe-shell.vibe-chat-open.vibe-messenger-only #sidepanel .fox-filters button[aria-pressed="true"] {
  background:transparent!important;color:var(--vibe-chat-blue)!important;
  border-bottom:2px solid currentColor!important;border-radius:0!important;
}
#app-container.vibe-shell.vibe-chat-open.vibe-messenger-only #sidepanel .contact-box > li {
  min-height:68px!important;margin:0!important;padding:8px 14px!important;gap:11px!important;
  border-radius:0!important;border-bottom:1px solid var(--vibe-chat-line)!important;
}
#app-container.vibe-shell.vibe-chat-open.vibe-messenger-only #sidepanel .contact-box > li.selected,
#app-container.vibe-shell.vibe-chat-open.vibe-messenger-only .vibe-nav button[aria-current] {background:#e7f4ff!important;color:var(--vibe-chat-blue)!important;}
#app-container.vibe-shell.vibe-chat-open.vibe-messenger-only #sidepanel .contact-box .avatar-box {
  width:48px!important;height:48px!important;min-width:48px!important;flex-basis:48px!important;
}
#app-container.vibe-shell.vibe-chat-open.vibe-messenger-only #sidepanel .contact-box .contact-title {font-size:16px!important;}
#app-container.vibe-shell.vibe-chat-open.vibe-messenger-only #sidepanel .contact-box :is(.contact-comment,.contact-comment span,.fox-contact-time) {color:var(--vibe-chat-muted)!important;}
#app-container.vibe-shell.vibe-chat-open.vibe-messenger-only :is(.unread,.vibe-nav-badge) {background:var(--vibe-chat-blue)!important;color:white!important;}
#app-container.vibe-shell.vibe-chat-open.vibe-messenger-only #topic-caption-panel {
  min-height:56px!important;height:56px!important;background:#fff!important;
  border:0!important;border-bottom:1px solid var(--vibe-chat-line)!important;border-radius:0;box-shadow:none!important;
}
#app-container.vibe-shell.vibe-chat-open.vibe-messenger-only #topic-caption-panel :is(a,button) {
  background:transparent!important;border:0!important;box-shadow:none!important;color:var(--vibe-chat-blue)!important;
}
#app-container.vibe-shell.vibe-chat-open.vibe-messenger-only #topic-last-seen {color:var(--vibe-chat-muted)!important;}
#app-container.vibe-shell.vibe-chat-open.vibe-messenger-only #messages-container::before {
  background-color:#dce9e3;background-image:var(--wallpaper-url,linear-gradient(155deg,#e4eed8,#c2deda))!important;
}
#app-container.vibe-shell.vibe-chat-open.vibe-messenger-only .chat-box .bubble {
  padding:7px 11px!important;font-size:16px!important;line-height:1.42!important;border:0!important;box-shadow:0 1px 2px #20362926!important;
}
#app-container.vibe-shell.vibe-chat-open.vibe-messenger-only .chat-box .left .bubble {background:#fff!important;color:#18232d!important;border-radius:14px 14px 14px 4px!important;}
#app-container.vibe-shell.vibe-chat-open.vibe-messenger-only .chat-box .right .bubble {background:#e6f6d9!important;color:#18232d!important;border-radius:14px 14px 4px 14px!important;}
#app-container.vibe-shell.vibe-chat-open.vibe-messenger-only .chat-box .bubble .timestamp {color:#526b60!important;font-size:11px!important;}
#app-container.vibe-shell.vibe-chat-open.vibe-messenger-only .chat-box .bubble.date {
  background:#36584be0!important;color:#fff!important;border-radius:24px!important;font-size:12px!important;box-shadow:none!important;
}
#app-container.vibe-shell.vibe-chat-open.vibe-messenger-only .chat-box .bubble:has(.vibe-video-circle) {background:transparent!important;box-shadow:none!important;}
#app-container.vibe-shell.vibe-chat-open.vibe-messenger-only #send-message-panel {
  min-height:50px!important;padding:4px 6px!important;background:#fff!important;border:1px solid var(--vibe-chat-line)!important;
  border-radius:25px!important;box-shadow:none!important;
}
#app-container.vibe-shell.vibe-chat-open.vibe-messenger-only #send-message-panel a:has(.material-icons.secondary) {background:transparent!important;border:0!important;box-shadow:none!important;}
#app-container.vibe-shell.vibe-chat-open.vibe-messenger-only #send-message-panel .fox-composer-primary {background:var(--vibe-chat-blue)!important;border:0!important;box-shadow:none!important;}
#app-container.vibe-shell.vibe-chat-open.vibe-messenger-only #send-message-input {font-size:16px!important;}
@media(max-width:640px) {
  #app-container.vibe-shell.vibe-chat-open.vibe-messenger-only {padding-bottom:calc(58px + env(safe-area-inset-bottom,0px))!important;}
  #app-container.vibe-shell.vibe-chat-open.vibe-messenger-only:has(#topic-view) {padding-bottom:0!important;}
  #app-container.vibe-shell.vibe-chat-open.vibe-messenger-only .vibe-nav {
    inset:auto 0 0!important;width:100%!important;height:calc(58px + env(safe-area-inset-bottom,0px))!important;
    padding:0 5px env(safe-area-inset-bottom,0px)!important;border:0!important;border-top:1px solid var(--vibe-chat-line)!important;
    background:#fff!important;border-radius:0!important;box-shadow:none!important;
  }
  #app-container.vibe-shell.vibe-chat-open.vibe-messenger-only .vibe-nav-primary button {
    min-height:52px!important;height:52px;gap:2px!important;color:var(--vibe-chat-muted)!important;
  }
  #app-container.vibe-shell.vibe-chat-open.vibe-messenger-only .vibe-nav-primary button[aria-current] {background:transparent!important;color:var(--vibe-chat-blue)!important;}
  #app-container.vibe-shell.vibe-chat-open.vibe-messenger-only .vibe-nav-primary button .vibe-nav-symbol,
  #app-container.vibe-shell.vibe-chat-open.vibe-messenger-only .vibe-nav-primary button[aria-current] .vibe-nav-symbol {
    width:32px;height:28px;background:none;border:0;box-shadow:none;
  }
  #app-container.vibe-shell.vibe-chat-open.vibe-messenger-only .vibe-nav-symbol > .vibe-icon {display:block;}
  #app-container.vibe-shell.vibe-chat-open.vibe-messenger-only .vibe-nav-symbol > .vibe-dock-icon {display:none;}
  #app-container.vibe-shell.vibe-chat-open.vibe-messenger-only .vibe-nav-badge {right:calc(50% - 26px);box-shadow:none;}
  #app-container.vibe-shell.vibe-chat-open.vibe-messenger-only #side-caption-panel .vibe-new-chat-fab {bottom:calc(72px + env(safe-area-inset-bottom,0px));}
}