@import url('/vobix-light-theme.css?v=20261010.menu-fonts');
:root{--bg:#061d36;--bg2:#031326;--panel:#0a2846;--panel2:#113759;--text:#f5fbff;--muted:#acc5db;--accent:#00c8ff;--green:#00c8ff;--line:rgba(90,174,226,.24)}
.vobixLockScreen{position:fixed;inset:0;background:#031326;z-index:2147483000;display:grid;place-items:center;padding:22px}.vobixLockScreen[hidden]{display:none}.vobixLockCard{width:min(400px,100%);padding:26px;border:1px solid #3376a0;border-radius:24px;text-align:center;background:#0a2846;color:#fff}.vobixLockCard input{display:block;width:100%;font-size:28px;padding:12px;margin:18px 0;border-radius:12px;border:1px solid #7db5d8;background:#edf8ff;color:#153d5c;text-align:center}.vobixLockCard button{display:block;width:100%;margin:12px 0}
.vobixWordmark{font-weight:850;letter-spacing:-.045em;color:#fff;white-space:nowrap}.vobixWordmark span{color:#00c8ff}
.head .vobixWordmark{color:#fff}.vobixWordmark>span{display:inline!important;font:inherit;letter-spacing:inherit}
.phasePage{margin:0;background:radial-gradient(ellipse at 50% 0,#0b3963,#031326 70%);color:var(--text);font:16px/1.5 system-ui,sans-serif;min-height:100dvh;color-scheme:dark}
.phasePage *{box-sizing:border-box}.phasePage a{color:#81e4ff}.phaseHeader{display:flex;align-items:center;gap:14px;position:sticky;top:0;z-index:5;padding:16px max(16px,calc((100vw - 1080px)/2));background:#041a30f5;border-bottom:1px solid var(--line)}
.phaseHeader img{width:40px;height:40px;border-radius:10px}.phaseHeader .vobixWordmark{font-size:25px;flex:1}.phaseWrap{max-width:1080px;margin:auto;padding:22px 16px max(90px,env(safe-area-inset-bottom))}.phaseWrap.narrow{max-width:600px}.phaseCard{background:#082440;border:1px solid var(--line);border-radius:22px;padding:22px;margin-bottom:18px;overflow-wrap:anywhere}.phaseCard h1,.phaseCard h2{margin-top:0}.phaseCard h2{font-size:21px}
.phasePage label{display:block;font-weight:650;margin:14px 0 6px}.phasePage input:not([type=checkbox]):not([type=range]),.phasePage select,.phasePage textarea{width:100%;min-width:0;min-height:48px;font:inherit;color:#12344f;background:#f2f8fe;border:1px solid #6593b5;border-radius:12px;padding:12px}.phasePage input[type=checkbox]{width:20px;height:20px;vertical-align:middle}.phasePage input:focus,.phasePage select:focus,.phasePage textarea:focus{outline:3px solid #00c8ff55;outline-offset:2px}
.phaseButton{display:inline-block;text-align:center;min-height:46px;padding:11px 18px;border:0;border-radius:12px;background:linear-gradient(100deg,#086ceb,#009dd9);color:white!important;font:inherit;font-weight:750;text-decoration:none;cursor:pointer}.phaseButton.secondary{background:#123953;border:1px solid #3985b3}.phaseButton.danger{background:#3569ad}.phaseButton:disabled{opacity:.55;cursor:wait}.phaseActions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.phaseActions>*{flex:1}.phaseNote{color:#b9cee0;font-size:14px}.phaseStatus{min-height:24px;white-space:pre-wrap}.phaseStatus.error{color:#b6d6ff}.phaseBadge{font-size:12px;display:inline-block;background:#164464;color:#a6eaff;border-radius:99px;padding:3px 9px}.phasePage [hidden]{display:none!important}.recoveryCode{display:block;font:700 34px/1.6 ui-monospace,monospace;letter-spacing:9px;text-align:center;color:#a8f3ff}.phaseListItem{padding:16px 0;border-bottom:1px solid var(--line)}.phaseListItem:last-child{border-bottom:0}.phaseListItem p{margin:6px 0}.phasePage .inlineChoice{display:flex;align-items:center;gap:10px;font-weight:400}.phasePage button:focus-visible{outline:3px solid #00c8ff;outline-offset:3px}
@media(max-width:480px){.phaseHeader{padding:12px}.phaseHeader .vobixWordmark{font-size:23px}.phaseWrap{padding-inline:12px}.phaseCard{padding:18px}.phaseActions>*{flex-basis:100%}}

/* App screens: override the previous fixed green palette without moving controls. */
.vobixInbox{background:radial-gradient(circle at 15% 5%,#0c3558,#031326 70%)!important;color:#f5fbff}
.vobixInbox .side,.vobixInbox .topbar{background:#061d36f5!important;border-color:#255273!important}
.vobixInbox .head b,.vobixInbox .vobixWordmark{color:#fff!important}.vobixInbox .head span{color:#b8d0e2!important}.vobixInbox .vobixWordmark>span{color:#00c8ff!important}
.vobixInbox .brandIcon{width:56px;height:56px;border-radius:14px;object-fit:contain}
.vobixInbox .chatHomeAvatar,.vobixInbox .avatar,.vobixInbox .chatHomeTop button{background:#103954!important;color:#60dbff!important;border-color:#387896!important}
.vobixInbox .chatHomeRow{border-color:#2a4a61}.vobixInbox .chatHomeRow time{color:#79d9f5}.vobixInbox .chatHomeRow:active{background:#113551!important}
.vobixInbox .new,.vobixInbox .searchbox button,.vobixInbox .save,.vobixInbox .actions .open,.vobixInbox .vobixBubbleTrigger{background:linear-gradient(120deg,#096deb,#009edc)!important;color:#fff;box-shadow:0 12px 28px #0067c63d}
.vobixInbox .vobixBubbleItem,.vobixInbox .mobileNav{background:#0a2846!important;border-color:#357297}.vobixInbox .vobixBubbleItem i{background:#123c5f;color:#5edcff}
.vobixInbox .searchbox input,.vobixInbox .inviteBox input,.vobixInbox .settingsSelect,.vobixInbox .settingsExit{background:#0f304c!important;color:#f5fbff!important;border-color:#337497!important}
.vobixInbox .inviteBox,.vobixInbox .settingsBox,.vobixInbox .mobileHistorySheet,.vobixInbox .qrShareCard{background:#092641!important;color:#f5fbff!important;border-color:#337497!important}
.vobixInbox .inviteBox button,.vobixInbox .settingsMenuButton{background:#123954!important;color:#d7f5ff!important;border-color:#337497!important}.vobixInbox .qrShareCard h2{color:#6edfff}
.vobixInbox .profile,.vobixInbox .secure,.vobixInbox .stat,.vobixInbox .featureGrid>div,.vobixInbox .notice{background:#0b2945;color:#f5fbff;border-color:#2b5a79}.vobixInbox .stat small,.vobixInbox .secure p{color:#b7cddd}.vobixInbox .actions button{background:#123954;color:#f5fbff}
:root{--green-dark:#123b5f;--panel-2:#10314d;--panel-3:#16415e;--line-strong:rgba(90,174,226,.45)}
body.vobixConversation{background:radial-gradient(circle at 50% 20%,#0c3558,#031326 70%)}

.vobixConversation .vobixTopbar,.vobixConversation .vobixBrandbar,.vobixConversation .vobixComposer{background:#061d36f5;border-color:#255273}
.vobixConversation .vobixMessageField{background:#12334e;border-color:#3b6a89}.vobixConversation .vobixMessageField:focus-within{border-color:#00c8ff}
.vobixConversation .messageRow.mine .messageBubble{background:linear-gradient(145deg,#0566ba,#064a82);border-color:#2695c5}.vobixConversation .messageRow.theirs .messageBubble{background:#153854;color:#f5fbff;border-color:#2b6488}
.vobixConversation .messageRow.theirs .messageTime,.vobixConversation .messageRow.theirs .messageStatus,.vobixConversation .messageRow.theirs .messageEdited{color:#adc6da}
.vobixConversation .vobixComposerAction.isVisible{background:linear-gradient(145deg,#0870ed,#009edc);box-shadow:0 5px 20px #0089cd38}.vobixConversation .avatar{background-color:#123c5b;border-color:#30b8e8}

.vobixConversation .vobixApp{background:radial-gradient(circle at 50% 40%,#0a3055,#031326 70%)}.vobixConversation .vobixBrandbar{color:#fff;gap:0;letter-spacing:-.025em}.vobixConversation .vobixBrandbar strong{color:#00c8ff}

/* Compact return control with a full accessible name. */
a.vobixBackLink{
 display:inline-flex;align-items:center;justify-content:center;gap:6px;
 box-sizing:border-box;flex:0 0 auto;min-height:44px;padding:10px 14px;
 border:1px solid #42c7ed55;border-radius:14px;
 background:linear-gradient(145deg,#123b56,#09283f);color:#d9f7ff;
 font:600 14px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;
 text-decoration:none;white-space:nowrap;box-shadow:0 3px 10px #00101c26;
 touch-action:manipulation;
}
a.vobixBackLink:hover{background:#164761;border-color:#62d9f0}
a.vobixBackLink:active{background:#0b2e45}
a.vobixBackLink:focus-visible{outline:3px solid #66dfff;outline-offset:3px}
.phaseHeader:has(.vobixBackLink){gap:10px;flex-wrap:wrap}
.phaseHeader:has(.vobixBackLink) .vobixWordmark{min-width:0}
@media(max-width:480px){
 .phaseHeader:has(.vobixBackLink){padding:12px;gap:8px}
 .phaseHeader:has(.vobixBackLink)>img{width:32px;height:32px;flex:none}
 .phaseHeader:has(.vobixBackLink) .vobixWordmark{font-size:clamp(18px,5.5vw,23px)}
 .phaseHeader a.vobixBackLink{padding:10px 12px}
}


/* Keep data settings readable when the chat uses the light theme. */
#dataSettingsPanel .notificationCard {
  --text: #f5fbff;
  --muted: #d5e2ee;
  color: var(--text);
  color-scheme: dark;
}
#dataSettingsPanel .notificationTitle,
#dataSettingsPanel .profileLabel,
#dataSettingsPanel .settingName {
  color: var(--text);
}
#dataSettingsPanel .notificationDescription,
#dataSettingsPanel .settingDescription {
  color: var(--muted);
}

/* Keep the approved logo visible in mobile inbox and conversation headers. */
.vobixInbox:not(.hasSelectedUser) #topName::before,
.vobixConversation .vobixBrandbar::before{
 content:"";display:inline-block;flex:none;width:30px;height:30px;
 margin-right:8px;vertical-align:middle;
 background:url('/vobix-brand-icon.webp?v=official-20261009') center/contain no-repeat;
}
.vobixConversation .vobixBrandbar::before{width:24px;height:24px}
@layer vobixLight{
 :where(body.vobixInbox:not(.seniorHighContrast):not(.contrast)) #topSettings .inboxIcon circle{
  color:#000!important;fill:currentColor!important;stroke:currentColor!important;
 }
}