/* Back controls are visible by default; gestures are an optional shortcut. */
html body :is(a,button)[data-vobix-gesture-back]:not([hidden]):not([aria-hidden="true"]){min-width:44px;min-height:44px;touch-action:manipulation;}
html body [data-vobix-gesture-back]:focus-visible{outline:2px solid #168dcc;outline-offset:3px;}
body.vobixCompactNavigation{color:#123d57;background:#f4f9fc;}
.vobixCompactNavigation>main{box-sizing:border-box;padding-bottom:calc(40px + var(--vobix-menu-safe-bottom,var(--vobix-safe-bottom,0px)));}
.vobixCompactNavigation :is(.hubGrid,.accountLinks,.assistantChoices){display:flex;flex-direction:column;gap:0;}
.vobixCompactNavigation :is(.hubCard,.accountLinks>a,.assistantChoices>button){box-sizing:border-box;display:flex;align-items:center;gap:12px;min-height:48px;padding:12px 14px;margin:0;border:0;border-bottom:1px solid #d7e8f3;border-radius:0;background:#fff;color:#123d57;text-align:left;box-shadow:none;font-size:14px;line-height:1.35;}
.vobixCompactNavigation :is(.hubCard,.accountLinks>a,.assistantChoices>button)>:last-child{min-width:0;}
.vobixCompactNavigation .hubCard small,.vobixCompactNavigation .accountLinks>a>span,.vobixCompactNavigation .assistantChoices>button>span{display:none;}
.vobixCompactNavigation :is(.hubCard,.accountLinks>a,.assistantChoices>button)::after{content:'›';margin-left:auto;color:#6798b6;font-size:20px;}
.vobixCompactNavigation .hubIcon{width:24px;height:24px;min-width:24px;border:0;background:transparent;color:#168dcc;}
.vobixCompactNavigation .hubIcon svg{width:22px;height:22px;}
.vobixCompactNavigation :is(.hubGroup,.compactAccountSection){border:1px solid #d7e8f3;border-radius:14px;background:#fff;margin-block:12px;overflow:hidden;}
.vobixCompactNavigation :is(.hubGroup,.compactAccountSection)>summary{display:flex;align-items:center;min-height:48px;padding:12px 14px;box-sizing:border-box;color:#123d57;background:#fff;font-size:15px;font-weight:600;cursor:pointer;list-style:none;}
.vobixCompactNavigation :is(.hubGroup,.compactAccountSection)>summary::-webkit-details-marker{display:none;}
.vobixCompactNavigation :is(.hubGroup,.compactAccountSection)>summary::after{content:'›';margin-left:auto;color:#6798b6;font-size:20px;}
.vobixCompactNavigation :is(.hubGroup,.compactAccountSection)[open]>summary::after{transform:rotate(90deg);}
.vobixCompactNavigation .compactAccountSection>.phaseCard{margin:0;border:0;border-radius:0;}
.vobixCompactNavigation .assistantMark{width:40px;height:40px;font-size:23px;}
.vobixCompactNavigation .assistantHome h1{font-size:22px;}
.vobixCompactNavigation .assistantChoices{border:1px solid #d7e8f3;border-radius:14px;overflow:hidden;}
.vobixCompactNavigation .communityTabs>button{min-height:44px;padding:10px 6px;}
.vobixCompactNavigation .phaseHeader,.vobixCompactNavigation>header{background:#fff;color:#123d57;border-bottom:1px solid #d7e8f3;}
.vobixCompactNavigation>header a{color:#168dcc;}

.securityCentralLinks{display:flex;flex-direction:column;gap:8px;padding:14px;}
.securityCentralLinks a{box-sizing:border-box;min-height:44px;display:flex;align-items:center;padding:10px 12px;border:1px solid #d7e8f3;border-radius:10px;color:#168dcc;background:#fff;text-decoration:none;font-size:14px;}

#linkedDevices .linkDevicePrimary{display:block;width:100%;min-height:46px;background:#168dcc;color:#fff;border:0;border-radius:22px;font-size:15px;margin:0 0 14px;}

html body .vobixVisibleBack:not([hidden]):not([aria-hidden="true"]){display:inline-flex!important;position:static!important;align-items:center;justify-content:center;flex:0 0 44px!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;margin:0!important;padding:0!important;overflow:visible!important;clip:auto!important;clip-path:none!important;border:0!important;border-radius:50%;background:transparent!important;color:inherit;text-decoration:none;touch-action:manipulation;}html body .vobixVisibleBack svg{width:21px;height:21px;display:block;}html body .vobixVisibleBack:active{background:#ffffff28!important;}


/* 2026-10-05: visible submenu back buttons.
   Keep the swipe gesture, but never hide the explicit back action inside submenus. */
body.appCompactSection>header>[data-vobix-gesture-back],
body.vobixCompactNavigation>header>[data-vobix-gesture-back],
#vobixPremiumDrawer .premiumDrawerHead [data-menu-back],
#vobixPremiumDrawer .premiumDrawerFooter [data-menu-back],
.securitySubmenuBack{
 position:static!important;
 display:inline-flex!important;
 align-items:center!important;
 justify-content:center!important;
 width:auto!important;
 min-width:44px!important;
 height:auto!important;
 min-height:44px!important;
 padding:7px 10px!important;
 margin:0!important;
 overflow:visible!important;
 clip:auto!important;
 clip-path:none!important;
 white-space:normal!important;
 border:0!important;
 border-radius:12px!important;
 background:#eaf6ff!important;
 color:#086da7!important;
 text-decoration:none!important;
 font-weight:700!important;
 line-height:1.2!important;
}
#vobixPremiumDrawer .premiumDrawerHead [data-menu-back]{
 width:44px!important;
 max-width:44px!important;
 padding:0!important;
 font-size:26px!important;
}
.securitySubmenuBack{
 margin:8px 0 12px!important;
 gap:6px;
}


/* 2026-10-05: WhatsApp-like back affordance.
   Arrow-only, fixed hit target, no pill label in app/submenu headers. */
body.appCompactSection>header>[data-vobix-gesture-back]:first-child,
body.vobixCompactNavigation>header>[data-vobix-gesture-back]:first-child,
body.phasePage>.phaseHeader>[data-vobix-gesture-back]:first-child,
.securitySubmenuBack{
 position:static!important;
 display:inline-flex!important;
 align-items:center!important;
 justify-content:center!important;
 flex:0 0 44px!important;
 width:44px!important;
 min-width:44px!important;
 max-width:44px!important;
 height:44px!important;
 min-height:44px!important;
 padding:0!important;
 margin:0!important;
 overflow:visible!important;
 clip:auto!important;
 clip-path:none!important;
 border:0!important;
 border-radius:50%!important;
 background:transparent!important;
 color:#123d57!important;
 text-decoration:none!important;
 font-size:0!important;
 line-height:1!important;
 white-space:nowrap!important;
 touch-action:manipulation!important;
 -webkit-tap-highlight-color:transparent;
}
body.appCompactSection>header>[data-vobix-gesture-back]:first-child::before,
body.vobixCompactNavigation>header>[data-vobix-gesture-back]:first-child::before,
body.phasePage>.phaseHeader>[data-vobix-gesture-back]:first-child::before{
 content:'';
 display:block;
 width:22px;
 height:22px;
 background:currentColor;
 -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.42-1.41L7.83 13H20v-2Z'/%3E%3C/svg%3E") center/contain no-repeat;
 mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.42-1.41L7.83 13H20v-2Z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.securitySubmenuBack svg{
 width:22px!important;
 height:22px!important;
 display:block!important;
 pointer-events:none;
}
body.appCompactSection>header>[data-vobix-gesture-back]:first-child:active,
body.vobixCompactNavigation>header>[data-vobix-gesture-back]:first-child:active,
body.phasePage>.phaseHeader>[data-vobix-gesture-back]:first-child:active,
.securitySubmenuBack:active{
 background:#eaf6ff!important;
}
#vobixPremiumDrawer .premiumDrawerHead [data-menu-back]{
 width:44px!important;
 min-width:44px!important;
 max-width:44px!important;
 height:44px!important;
 border-radius:50%!important;
 background:transparent!important;
 color:#123d57!important;
 font-size:0!important;
}
#vobixPremiumDrawer .premiumDrawerHead [data-menu-back]::before{
 content:'←';
 font:400 27px/1 system-ui,-apple-system,"Segoe UI",sans-serif!important;
}
#vobixPremiumDrawer .premiumDrawerHead [data-menu-back]:active{
 background:#eaf6ff!important;
}
