/* Canonical mobile surfaces. Desktop geometry and collapsed preferences remain native. */
.nl-mobile-close,.nl-mobile-panel-toggle,.nl-mobile-scrim{display:none!important}
@media(max-width:760px){
 html{--nl-mobile-header-bottom:72px}
 body.nl-mobile-navigation-open{overflow:hidden!important;overscroll-behavior:none}
 html body .nl-mobile-scrim:not([hidden]){display:block!important;position:fixed;inset:0;background:rgba(10,30,27,.48);z-index:10000;touch-action:none;backdrop-filter:none}
 html body [data-nl-mobile-surface]{opacity:1!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:var(--nl-surface,#fff)!important;background-image:none!important;color:var(--nl-ink,#173d39)!important;box-sizing:border-box!important;isolation:isolate;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
 html body #app .sidebar[data-nl-mobile-surface=drawer],html body [data-nl-mobile-surface=drawer]{position:fixed!important;inset:0 auto 0 0!important;width:min(320px,calc(100vw - 44px))!important;min-width:0!important;max-width:calc(100vw - 44px)!important;height:100vh!important;height:100dvh!important;min-height:0!important;max-height:100dvh!important;z-index:11000!important;margin:0!important;padding:12px 16px max(16px,env(safe-area-inset-bottom))!important;border:0!important;border-right:1px solid var(--nl-line,#dfe5e1)!important;border-radius:0!important;box-shadow:8px 0 28px #102d2926!important;transform:translateX(-105%)!important;visibility:hidden!important;display:flex!important;flex-direction:column!important;overflow-x:hidden!important;overflow-y:auto!important;transition:transform .18s ease,visibility .18s!important}
 html body #app .sidebar[data-nl-mobile-open],html body [data-nl-mobile-surface=drawer][data-nl-mobile-open]{transform:translateX(0)!important;visibility:visible!important}
 html body [data-nl-mobile-surface=drawer]>.brand{flex:none!important;max-width:100%;padding-top:8px!important}
 html body [data-nl-mobile-surface=drawer]>nav{min-height:0!important;min-width:0!important;overflow-x:hidden!important;overflow-y:auto!important;flex:1 1 auto!important;max-height:none!important;display:flex!important;flex-direction:column!important;gap:4px!important}
 html body .side-nav[data-nl-mobile-surface=drawer]>button:not(.nl-mobile-close){flex:none;width:100%;text-align:left;min-height:42px}
 html body [data-nl-mobile-surface=drawer] :is(.sidebar-foot,.platform-sidebar-foot,.nl-help-navigation){flex:none!important}
 html body .platform-layout:has([data-nl-mobile-surface=drawer]),html body .platform-layout.is-collapsed:has([data-nl-mobile-surface=drawer]){display:block!important;grid-template-columns:minmax(0,1fr)!important}
 html body .account-layout:has(.side-nav[data-nl-mobile-surface]){grid-template-columns:minmax(0,1fr)!important}
 html body [data-nl-mobile-surface=drawer] :is(.brand-full,.platform-sidebar-title,.platform-nav-label),html body [data-nl-mobile-surface=drawer] nav button :is(b,span),html body [data-nl-mobile-surface=drawer] .sidebar-foot .site-status-text{display:revert!important}
 html body [data-nl-mobile-surface=drawer] :is(.brand-icon,.compact-logo,[data-platform-collapse],#sidebar-toggle){display:none!important}
 html body [data-nl-mobile-surface=drawer] .platform-sidebar-head{display:none!important}
 html body [data-nl-mobile-surface=drawer] nav :is(button,a){justify-content:flex-start!important;white-space:normal!important;max-width:100%!important;width:100%!important;font-size:14px!important}
 html body [data-nl-mobile-surface=drawer] nav a>span{display:revert!important}
 html body [data-nl-mobile-surface=drawer] .platform-account-link::before{display:none!important}
 html body .nl-mobile-close{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;flex:none!important;align-self:stretch!important;min-height:44px!important;width:100%!important;margin:0 0 10px!important;padding:10px 4px!important;border:0!important;border-bottom:1px solid var(--nl-line,#dfe5e1)!important;border-radius:0!important;background:var(--nl-surface,#fff)!important;color:var(--nl-ink,#173d39)!important;font:500 13px/20px var(--nl-font,Roboto,Arial,sans-serif)!important;cursor:pointer!important;box-shadow:none!important}
 html body .nl-mobile-panel-toggle{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;flex:none;min-width:42px;min-height:42px;padding:8px 10px;border:1px solid var(--nl-line,#dfe5e1);border-radius:6px;background:var(--nl-surface,#fff);color:var(--nl-ink,#173d39);font:500 12px/20px var(--nl-font,Roboto,Arial,sans-serif);cursor:pointer}
 html body .site-header:has([data-nl-mobile-surface=public]),html body header:has(>.nav>[data-nl-mobile-surface=public]){z-index:10010!important;background:var(--nl-surface,#fff)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transform:none!important;overflow:visible!important}
 html body .nl-public-header:has([data-nl-mobile-surface=public]){position:relative;z-index:10010!important;background:var(--nl-surface,#fff)!important;backdrop-filter:none!important;transform:none!important;overflow:visible!important;flex-wrap:wrap;gap:12px}
 html body .site-header .nav-row{flex-wrap:nowrap!important;gap:8px!important}
 html body .site-header .nav-row>.logo{min-width:0!important;flex:1 1 auto!important;width:auto!important;max-width:150px!important;position:static!important}
 html body .site-header .nav-row>.logo img{width:100%!important;min-width:0!important;max-width:150px!important;height:auto!important;max-height:44px!important;object-fit:contain!important;object-position:left center!important;transform:none!important;scale:1!important}
 html body .site-header .nav-row>.nav-toggle,html body .site-header .nav-row>.nl-marketing-menu-toggle{flex:none!important;position:static!important;margin-left:auto!important;z-index:auto!important;min-height:40px!important;order:2!important}
 html body [data-nl-mobile-surface=public]{position:fixed!important;inset:var(--nl-mobile-header-bottom) 0 auto 0!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;max-height:calc(100vh - var(--nl-mobile-header-bottom) - 8px)!important;max-height:calc(100dvh - var(--nl-mobile-header-bottom) - 8px)!important;z-index:10020!important;display:none!important;visibility:hidden!important;transform:none!important;border:0!important;border-bottom:1px solid var(--nl-line,#dfe5e1)!important;border-radius:0 0 12px 12px!important;margin:0!important;padding:12px 20px max(20px,env(safe-area-inset-bottom))!important;overflow-x:hidden!important;overflow-y:auto!important;box-shadow:0 12px 22px #102d2920!important}
 html body [data-nl-mobile-surface=public][data-nl-mobile-open]{display:flex!important;visibility:visible!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:stretch!important;align-content:stretch!important;gap:8px!important}
 html body [data-nl-mobile-surface=public]>*{flex-shrink:0!important}
 html body [data-nl-mobile-surface=public] :is(.nav-sections,.nav-actions){display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;flex-shrink:0!important;align-items:stretch!important;width:100%!important;gap:8px!important;position:static!important}
 html body [data-nl-mobile-surface=public] :is(.nl-reference-menu,.nl-public-mega,.mega){position:static!important;width:100%!important}
 html body [data-nl-mobile-surface=public] :is(.nl-reference-menu-panel,.dropdown){position:static!important;inset:auto!important;display:flex!important;flex-direction:column!important;width:100%!important;min-width:0!important;max-width:100%!important;max-height:none!important;margin:0 0 12px!important;padding:6px 12px!important;overflow:visible!important;border:1px solid var(--nl-line,#dfe5e1)!important;border-radius:6px!important;box-shadow:none!important;background:var(--nl-surface,#fff)!important}
 html body [data-nl-mobile-surface=public] details:not([open])>:is(.nl-reference-menu-panel,.dropdown){display:none!important}
 html body [data-nl-mobile-surface=public] :is(.nl-reference-menu-panel,.dropdown)::before,html body [data-nl-mobile-surface=public] :is(.nl-reference-menu-panel,.dropdown)::after{display:none!important}
 html body [data-nl-mobile-surface=public] :is(.nl-reference-menu-column,.dropdown>section){min-width:0!important;padding:12px 4px!important;background:var(--nl-surface,#fff)!important}
 html body [data-nl-mobile-surface=public] a,html body [data-nl-mobile-surface=public] summary{white-space:normal!important;overflow-wrap:anywhere!important;min-height:40px!important;line-height:1.5!important}
 html body [data-nl-mobile-surface=public] .nl-reference-menu-panel a{display:flex!important;align-items:center;min-height:38px!important;padding:7px 0!important}
 html body [data-nl-mobile-surface=public] [data-nl-mobile-action]{display:flex!important;visibility:visible!important;width:100%!important;max-width:100%!important;margin:10px 0 0!important;position:static!important;flex-wrap:nowrap!important}
 html body :is(.nl-settings-menu,.ubk-inbox){position:fixed!important;inset:calc(var(--nl-mobile-header-bottom) + 8px) 12px auto auto!important;width:min(360px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - var(--nl-mobile-header-bottom) - 20px)!important;overflow-x:hidden!important;overflow-y:auto!important;background:var(--nl-surface,#fff)!important;background-image:none!important;backdrop-filter:none!important;opacity:1!important;z-index:12000!important;box-shadow:0 10px 36px #102d292e!important}
 html body .topbar:has(.nl-header-settings[open],.ubk-inbox:not([hidden])),html body .site-head:has(.nl-header-settings[open],.ubk-inbox:not([hidden])){z-index:12000!important;isolation:isolate}
 html body .site-head:has(.nl-header-settings[open],.ubk-inbox:not([hidden])){position:relative}
 html body [data-nl-mobile-surface=drawer] .nl-settings-menu{inset:70px 12px auto 12px!important;width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;max-height:calc(100dvh - 90px)!important}
 html body .nl-mobile-close:focus-visible,html body [data-nl-mobile-toggle]:focus-visible{outline:2px solid #08796c!important;outline-offset:3px!important}
 body.nl-mobile-navigation-open :is(.ubk-agent,.ubk-agent *,#ubikalo-demo-launcher){visibility:hidden!important;pointer-events:none!important}
}
@media(prefers-reduced-motion:reduce){html body [data-nl-mobile-surface]{transition:none!important}}
