/* Compact navigation, scoped to the chat inbox. */
.vobixInbox .inboxIcon{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.vobixInbox .inboxSrOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.vobixInbox .topbar{position:sticky;top:0;z-index:10;box-shadow:none}
.vobixInbox .head{text-align:left}
.vobixInbox .head b{letter-spacing:-.035em!important}
.vobixInbox .back,.vobixInbox .dots{display:grid;place-items:center;border-radius:50%}
.vobixInbox:not(.finding):not(.hasSelectedUser):not(.agendaOpen) #backBtn{display:none}
.vobixInbox.finding #finderReturn{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.vobixInbox.finding #finderBackButton{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}
.vobixInbox .searchbox{position:relative;gap:0;margin-bottom:10px}
.vobixInbox .searchbox input{height:48px;padding:10px 14px 10px 48px;border-radius:24px;border-color:transparent!important;font-size:16px}
.vobixInbox .searchbox button{position:absolute;left:0;top:0;display:grid!important;place-items:center;min-width:44px;width:44px;min-height:48px;padding:0;background:transparent!important;box-shadow:none;border-radius:24px;color:#a9c6d9}
.vobixInbox .searchbox:focus-within{outline:2px solid #59cfff;outline-offset:2px;border-radius:24px}
.vobixInbox .chatHome{display:block}
.vobixInbox .chatHomeTop{margin:0 0 12px}
.vobixInbox .chatHomeTop h1{font-size:22px;font-weight:650;letter-spacing:-.025em}
.vobixInbox #openChatFinder{display:none}
.vobixInbox .inboxFilters{display:flex;gap:8px;margin:0 0 10px;overflow-x:auto;padding:2px 0}
.vobixInbox .inboxFilters button{min-height:44px;flex:none;padding:8px 14px;font-size:13px;font-weight:550;border:1px solid #294960;border-radius:24px;background:transparent;color:#b8ccdc}
.vobixInbox .inboxFilters button[aria-pressed=true]{background:#123f5c;border-color:#236889;color:#85e3ff}
.vobixInbox .inboxArchived{display:flex;align-items:center;gap:14px;min-height:44px;padding:6px 10px;color:#aec8da;font-size:13px;text-decoration:none}
.vobixInbox .inboxArchived .inboxIcon{width:21px;height:21px}
.vobixInbox #inboxArchivedCount{margin-left:auto;font-size:12px}
.vobixInbox .chatHomeList{margin-top:0}
.vobixInbox .chatHomeRow{min-height:60px;gap:10px;padding:8px 0;border:0;color:#f2f8fc}
.vobixInbox .historyItem{border-bottom:1px solid #1a354a}
.vobixInbox .chatHomeAvatar{width:38px;height:38px;min-width:38px;font-size:17px;border:0;position:relative;overflow:hidden}
.vobixInbox .chatHomeAvatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
html:not([data-vobix-font=large]):not([data-vobix-font=xlarge]) .vobixInbox .chatHomeInfo b{font-size:var(--inbox-name-size,13px);font-weight:600;line-height:1.35}
html:not([data-vobix-font=large]):not([data-vobix-font=xlarge]) .vobixInbox .chatHomeInfo span{font-size:var(--inbox-preview-size,11px);line-height:1.4;color:#c7d9e6}
.vobixInbox .chatHomeRow time{font-size:var(--inbox-time-size,10px);font-weight:400;color:#93adbf;align-self:flex-start;white-space:nowrap}
.vobixInbox .chatHomeRow.hasUnread time{color:#62d8ff}
.vobixInbox .inboxChatMeta{display:grid;justify-items:end;align-self:stretch;gap:8px;padding-top:3px}
.vobixInbox .inboxUnreadCount{min-width:21px;height:21px;padding:0 5px;display:grid;place-items:center;border-radius:14px;background:#55d5ff;color:#062139;font-size:11px;font-weight:700}
.vobixInbox .historyMenuButton{width:44px;height:44px;font-size:21px;color:#8faabc}
.vobixInbox .newChatFloat{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:calc(90px + var(--vobix-safe-bottom));z-index:12;width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#0876ee,#00abe5);color:white;box-shadow:0 8px 24px #006ec233}
.vobixInbox .vobixBubbleShell{display:none!important}
.vobixInbox .mobileNav{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;z-index:15;left:0;right:0;bottom:0;height:calc(72px + var(--vobix-safe-bottom));padding:5px 8px var(--vobix-safe-bottom);background:#071f35!important;border-top:1px solid #244158}
.vobixInbox .mobileNav>a,.vobixInbox .mobileNav>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;min-height:60px;position:relative;padding:0;border:0;background:transparent;color:#9fb8cc;text-decoration:none;font:500 11px/1.2 system-ui;cursor:pointer}
.vobixInbox .mobileNav .inboxIcon{box-sizing:content-box;padding:5px 16px;border-radius:20px}
.vobixInbox .mobileNav [aria-current=page]{color:#83e1ff}
.vobixInbox .mobileNav [aria-current=page]>.inboxIcon{background:#154560;color:#65d9ff}
.vobixInbox .mobileNav span{font-size:10px;color:inherit!important;line-height:1.2}
.vobixInbox .mobileNav .inboxDockBadge{position:absolute;top:1px;left:calc(50% + 7px);min-width:18px;height:18px;padding:2px 4px;display:grid;place-items:center;border-radius:10px;background:#58d7ff;color:#062139;font-size:10px;font-weight:750;border:2px solid #071f35}
.vobixInbox .inboxMenu{position:fixed;inset:max(16px,var(--vobix-safe-top)) max(12px,env(safe-area-inset-right)) auto auto;width:min(308px,calc(100vw - 24px));max-height:calc(100dvh - var(--vobix-safe-top) - var(--vobix-safe-bottom) - 32px);margin:0;padding:12px;border:1px solid #284b64;border-radius:20px;background:#0b293f;color:#eff8ff;overflow-y:auto;overscroll-behavior:contain;box-shadow:0 20px 70px #0006}
.vobixInbox .inboxMenu::backdrop{background:#010b1680}
.vobixInbox .inboxMenu header{display:flex;align-items:center;justify-content:space-between;position:sticky;top:-12px;background:#0b293f;z-index:1}
.vobixInbox .inboxMenu h2{font-size:14px;font-weight:650;margin:0 8px}
.vobixInbox .inboxMenu header button{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:inherit}
.vobixInbox .inboxMenu nav{display:grid;gap:2px}
.vobixInbox .inboxMenu nav>a,.vobixInbox .inboxMenu nav>button{display:flex;align-items:center;gap:14px;min-height:44px;padding:10px 12px;border:0;border-radius:12px;background:transparent;color:#e4f1fa;font:500 13px/1.35 system-ui;text-decoration:none;text-align:left;box-shadow:none}
.vobixInbox .inboxMenu nav .inboxIcon{width:21px;height:21px;color:#70cdeb}
.vobixInbox .inboxMenu nav>a:hover,.vobixInbox .inboxMenu nav>button:hover{background:#153d57}
.vobixInbox :is(button,a):focus-visible{outline:2px solid #69d8ff;outline-offset:2px}
.vobixInbox #settingsHome>p,.vobixInbox #settingsHome>.settingsMenuButton>small{display:none}
.vobixInbox #settingsHome>.settingsMenuButton{font-size:14px;font-weight:550;min-height:46px;margin:2px 0;padding:12px;border:0;border-radius:10px;background:transparent!important}
.vobixInbox:has(.settings.open,.mobileHistoryPanel.open,.qrSharePanel:not([hidden]),dialog[open]) .newChatFloat{visibility:hidden}
.vobixInbox.finding .newChatFloat,.vobixInbox.hasSelectedUser .newChatFloat{display:none}
@media(max-width:760px){
 .vobixInbox .shell{padding-bottom:calc(104px + var(--vobix-safe-bottom))!important}
 .vobixInbox .newChatFloat{display:grid!important;bottom:calc(100px + var(--vobix-safe-bottom))!important}
 .vobixInbox.finding .newChatFloat,.vobixInbox.hasSelectedUser .newChatFloat{display:none!important}
 /* Keep the labels above Android's navigation controls, including WebViews with a zero safe-area inset. */
 .vobixInbox .mobileNav{bottom:0!important;height:calc(84px + var(--vobix-safe-bottom));padding-bottom:calc(12px + var(--vobix-safe-bottom))}
 .vobixInbox .topbar{padding-inline:20px;min-height:calc(60px + var(--vobix-safe-top));gap:8px}
 .vobixInbox .content{padding:12px 18px 76px}
 html:not([data-vobix-font=large]):not([data-vobix-font=xlarge]) .vobixInbox .head b{font-size:var(--inbox-title-size,20px)!important;font-weight:750}
 .vobixInbox:not(.finding):not(.hasSelectedUser) .chatHomeTop{display:none}
 .vobixInbox.keyboardOpen .mobileNav{display:none!important}
 .vobixInbox.keyboardOpen .shell{padding-bottom:12px!important}
}
@media(min-width:761px){
 .vobixInbox .shell{padding-bottom:100px}
 .vobixInbox:not(.hasSelectedUser) #emptyState,.vobixInbox:not(.hasSelectedUser) .profile,.vobixInbox:not(.hasSelectedUser) .notice,.vobixInbox .featureGrid{display:none!important}
 .vobixInbox:not(.finding) .inviteBox{display:none}
 .vobixInbox.finding .chatHome,.vobixInbox.hasSelectedUser .chatHome{display:none}
 .vobixInbox .mobileNav{left:320px}
 .vobixInbox .newChatFloat{right:32px}
}
html[data-vobix-font=large] .vobixInbox :is(.inboxMenu nav>a,.inboxMenu nav>button,.inboxFilters button){font-size:17px}
html[data-vobix-font=xlarge] .vobixInbox :is(.inboxMenu nav>a,.inboxMenu nav>button,.inboxFilters button){font-size:19px}
html:is([data-vobix-font=large],[data-vobix-font=xlarge]) .vobixInbox .mobileNav span{font-size:13px}
html[data-vobix-controls=large] .vobixInbox .inboxMenu nav>*{min-height:54px}

/* Keep return visible while the menu scrolls; refresh preserves the saved session. */
.vobixInbox .inboxMenu header{gap:4px;padding-block:4px}
.vobixInbox .inboxMenu header h2{margin-left:auto}
.vobixInbox .inboxMenu #backInboxMenu{display:flex;gap:4px;width:auto;min-height:44px;padding:8px 10px;border-radius:12px;background:#154560;color:#a4ebff;font:600 13px/1.35 system-ui;white-space:nowrap}
.vobixInbox .inboxMenu #backInboxMenu .inboxIcon{width:18px;height:18px}
.vobixInbox .inboxMenu :is(#refreshInbox,#openInboxFontSize,#bubbleLogout,#openInboxCallSettings){display:flex;align-items:center;gap:14px;width:100%;min-height:44px;margin:4px 0 6px;padding:10px 12px;border:1px solid #284b64;border-radius:12px;background:#10344c;color:#e4f1fa;font:500 13px/1.35 system-ui;text-align:left}
.vobixInbox .inboxMenu #refreshInbox .inboxIcon{width:21px;height:21px;color:#70cdeb}
.vobixInbox .inboxMenu :is(#backInboxMenu,#refreshInbox,#openInboxFontSize,#bubbleLogout,#openInboxCallSettings):hover{background:#1b4c68}
html:not([data-vobix-font=large]):not([data-vobix-font=xlarge]) .vobixInbox .searchbox input::placeholder{font-size:14px}
html[data-vobix-font=large] .vobixInbox .inboxMenu :is(#backInboxMenu,#refreshInbox,#openInboxFontSize,#bubbleLogout,#openInboxCallSettings){font-size:17px}
html[data-vobix-font=xlarge] .vobixInbox .inboxMenu :is(#backInboxMenu,#refreshInbox,#openInboxFontSize,#bubbleLogout,#openInboxCallSettings){font-size:19px}
html[data-vobix-controls=large] .vobixInbox .inboxMenu :is(#backInboxMenu,#refreshInbox,#openInboxFontSize,#bubbleLogout,#openInboxCallSettings){min-height:54px}

/* Each device can choose its own size; new installations start compact. */
.vobixInbox{--inbox-name-size:13px;--inbox-preview-size:11px;--inbox-time-size:10px;--inbox-title-size:20px}
html[data-vobix-font=normal] .vobixInbox{--inbox-name-size:16px;--inbox-preview-size:13px;--inbox-time-size:11px;--inbox-title-size:23px}
html[data-vobix-font=large] .vobixInbox{--inbox-name-size:20px;--inbox-preview-size:15px;--inbox-time-size:13px}
html[data-vobix-font=xlarge] .vobixInbox{--inbox-name-size:23px;--inbox-preview-size:17px;--inbox-time-size:14px}
html[data-vobix-font=normal] .vobixInbox .chatHomeRow{min-height:68px}
html[data-vobix-font=large] .vobixInbox .chatHomeRow{min-height:78px}
html[data-vobix-font=xlarge] .vobixInbox .chatHomeRow{min-height:92px}
.vobixInbox .inboxFontIcon{width:21px;flex:none;color:#70cdeb;font-size:17px;font-weight:700}
.vobixInbox .inboxFontPreview{padding:16px;border:1px solid #36596e;border-radius:14px;margin:12px 0 20px;line-height:1.45}
.vobixInbox .inboxFontPreview b{display:block;font-size:var(--inbox-name-size)}
.vobixInbox .inboxFontPreview span{display:block;margin-top:5px;font-size:var(--inbox-preview-size);color:#b9cee0}

.vobixInbox .inboxMenu #bubbleLogout{color:#d0e4ff;background:#342032;border-color:#405570}
.vobixInbox .inboxMenu #bubbleLogout .inboxIcon{width:21px;height:21px}
.vobixInbox .inboxMenu #bubbleLogout:hover{background:#28374b}
.vobixInbox .inboxMenu #bubbleLogout:disabled{opacity:.65;cursor:wait}

.vobixInbox .inboxCallSettingsHelp{margin:4px 0 12px;padding:12px;border:1px solid #36596e;border-radius:12px;background:#0b293e;color:#cce4f2;font:400 14px/1.5 system-ui}


/* Clear, compact history rows with room for the options button. */
.vobixInbox .chatHomeInfo b,
.vobixInbox .mobileHistoryHeader h2,
.vobixInbox .mobileHistoryList .conversation b { color:#f5fbff; }
html .vobixInbox .chatHomeInfo span,
.vobixInbox .mobileHistoryList .conversation span { color:#c7d9e6; }
.vobixInbox .chatHomeRow time,
.vobixInbox .historyMenuButton { color:#b8cede; }
.vobixInbox .historyItem { gap:4px; border-bottom-color:#2c4960; }
.vobixInbox .historyItem:last-child { border-bottom:0; }
.vobixInbox .historyItem:focus-within { background:#10314b; border-radius:12px; }
.vobixInbox .historyMenuButton:focus-visible,
.vobixInbox .historyItem>button:focus-visible,
.vobixInbox .mobileHistoryHeader button:focus-visible { outline:2px solid #73dbff; outline-offset:-2px; }
.vobixInbox .mobileHistorySheet { --muted:#c7d9e6; }
.vobixInbox .mobileHistoryHeader { gap:12px; }
.vobixInbox .mobileHistoryHeader button { min-height:44px; flex:none; background:#163f5d; color:#f5fbff; }
.vobixInbox .mobileHistoryList .conversation { min-height:64px; padding:12px 8px; border:0; color:#f5fbff; }
.vobixInbox .mobileHistoryList .conversation .avatar { flex:0 0 38px; }
.vobixInbox .mobileHistoryList .conversation>div:last-child { min-width:0; flex:1; }
.vobixInbox .mobileHistoryList .conversation b,
.vobixInbox .mobileHistoryList .conversation span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:1.45; }
.vobixInbox .mobileHistoryList .conversation b { font-size:var(--inbox-name-size,13px); font-weight:600; }
.vobixInbox .mobileHistoryList .conversation span { margin-top:4px; font-size:var(--inbox-preview-size,11px); }