/* Opt-in shared shell v2. v1 consumers remain unchanged until their own release. */
@import url('/brand/opexio-application-shell-v1.css');
.ox-shell-v2 .ox-application-brand{justify-content:flex-start;flex-basis:var(--ox-menu-width);width:var(--ox-menu-width);padding:0 24px;border-right:1px solid #3b4357}
.ox-shell-v2 .ox-application-brand img{width:158px;max-width:100%;object-fit:contain}
.ox-shell-v2 .ox-application-name{flex:1;padding:0 20px}
.ox-shell-v2 .ox-global-toggle{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;margin:0 18px 0 8px;padding:10px;background:transparent;border-color:#64718c;color:#fff}
.ox-hamburger,.ox-hamburger::before,.ox-hamburger::after{display:block;width:20px;height:2px;background:currentColor;border-radius:2px;position:relative}
.ox-hamburger::before,.ox-hamburger::after{content:'';position:absolute;left:0}.ox-hamburger::before{top:-6px}.ox-hamburger::after{top:6px}
.ox-global-menu{position:absolute;right:18px;top:calc(100% + 8px);width:min(290px,calc(100vw - 24px));max-height:calc(100svh - var(--ox-header-height) - 24px);overflow:auto;padding:8px;background:#fafbfc;border:1px solid var(--ox-line);border-radius:12px;box-shadow:0 12px 36px #11182a33;color:var(--ox-ink);z-index:50}
.ox-global-menu[hidden]{display:none!important}.ox-global-menu :is(a,button){display:flex;align-items:center;min-height:44px;width:100%;padding:10px 12px!important;margin:0!important;background:transparent!important;color:var(--ox-ink)!important;text-align:left;border:0!important;text-decoration:none;border-radius:6px;font:600 14px/1.5 Manrope,sans-serif}
.ox-global-menu :is(a,button):hover{background:#eee8f6!important}.ox-global-menu p{padding:6px 12px;font-size:12px;margin:0}.ox-global-menu [role=separator]{border-top:1px solid var(--ox-line);margin:6px}
.ox-shell-v2:not(.ox-menu-open) .ox-application-brand{border-right:1px solid #3b4357}
@media(max-width:760px){.ox-shell-v2 .ox-application-brand{flex-basis:108px;width:108px;padding:0 12px}.ox-shell-v2 .ox-application-brand img{width:84px;max-width:84px}.ox-shell-v2 .ox-application-name{padding:0 12px;font-size:12px}.ox-shell-v2 .ox-global-toggle{margin-right:12px}.ox-global-menu{right:12px}}
@media(max-width:360px){.ox-shell-v2 .ox-application-brand{flex-basis:92px;width:92px;padding:0 10px}.ox-shell-v2 .ox-application-brand img{width:72px;max-width:72px}.ox-shell-v2 .ox-application-name{padding:0 10px;font-size:11px}.ox-shell-v2 .ox-global-toggle{margin-right:10px}}

/* Match the header button specificity; a global reset must not turn this into a light tile. */
.ox-shell-v2 .ox-application-header button.ox-global-toggle{display:grid;place-items:center;width:44px;min-width:44px;height:44px;padding:10px;background:transparent;color:#eef1fb;border:1px solid transparent;border-radius:8px;box-shadow:none}
.ox-shell-v2 .ox-application-header button.ox-global-toggle:hover{background:#ffffff0d;border-color:#64718c;color:#fff}
.ox-shell-v2 .ox-application-header :is(button,a):focus-visible,.ox-shell-v2 .ox-navigation-collapse:focus-visible{outline:3px solid #b6a0ed;outline-offset:2px}
.ox-shell-v2 .ox-application-header a.ox-application-name{min-height:44px;background:transparent;border:0;color:#eef1fb;border-radius:0;text-decoration:none;font:inherit;display:flex;align-items:center;justify-content:flex-start;box-shadow:none}
.ox-shell-v2 .ox-application-header a.ox-application-name:hover{color:#d7c4ff;background:transparent;text-decoration:underline;text-underline-offset:5px}
.ox-shell-v2 .ox-application-sidebar{padding:0;overflow:hidden;display:flex;flex-direction:column}
.ox-shell-v2.ox-menu-open .ox-application-sidebar{padding:0}
.ox-shell-v2 .ox-navigation-scroll{min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;padding:12px 12px calc(68px + env(safe-area-inset-bottom,0px));scroll-padding-bottom:72px}
.ox-shell-v2 .ox-navigation-dock{position:fixed;left:0;bottom:0;z-index:31;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));width:var(--ox-menu-width);background:var(--ox-header,#11182a);border-top:1px solid #394156;pointer-events:none}
.ox-shell-v2 .ox-navigation-collapse{display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border:1px solid #64718c;border-radius:8px;background:transparent;color:#eef1fb;font:30px/1 sans-serif;cursor:pointer;pointer-events:auto}
.ox-shell-v2 .ox-navigation-dock{display:flex;align-items:center;justify-content:space-between;gap:8px;box-sizing:border-box}
.ox-shell-v2 .ox-navigation-dock [data-finance-help]{position:relative;pointer-events:auto;margin:0;color:#eef1fb;min-width:0}
.ox-shell-v2 .ox-navigation-dock [data-finance-help]>summary{min-height:44px;display:flex;align-items:center;padding:8px 12px;border:1px solid #64718c;border-radius:8px;cursor:pointer;box-sizing:border-box;font:600 14px/1.3 Manrope,sans-serif}
.ox-shell-v2 .ox-navigation-dock [data-finance-help]>button{position:absolute;left:0;bottom:calc(100% + 8px);min-height:44px;padding:10px 16px;background:#fafbfc;color:#172039;border:1px solid #c5bad9;border-radius:8px;box-shadow:0 8px 24px #11182a33}
.ox-shell-v2:not(.ox-menu-open) .ox-navigation-dock{flex-direction:column-reverse}
.ox-shell-v2:not(.ox-menu-open) .ox-navigation-dock [data-finance-help]>summary{font-size:0;width:44px;padding:0;justify-content:center;background:#11182a}
.ox-shell-v2:not(.ox-menu-open) .ox-navigation-dock [data-finance-help]>summary:after{content:'?';font-size:18px}
.ox-shell-v2:not(.ox-menu-open) .ox-navigation-dock{width:64px;border-top:0;background:transparent}
.ox-shell-v2:not(.ox-menu-open) .ox-navigation-collapse{background:#11182a}
.ox-shell-v2 .ox-application-sidebar details.finance-history-group>summary{color:#d8c9f4;font-size:13px;letter-spacing:0;text-transform:none;min-height:44px;display:flex;align-items:center;padding:10px 12px}
.ox-shell-v2 .finance-history-group>.nav-group{margin:0 0 4px}
.ox-shell-v2 .finance-history-group>.nav-group>summary{font-size:11px;min-height:36px;padding:8px 12px}
@media(max-width:760px){.ox-shell-v2 .ox-navigation-dock{width:var(--ox-menu-width)}.ox-shell-v2:not(.ox-menu-open) .ox-navigation-dock{width:64px}}
@media print{.ox-shell-v2{display:block!important}.ox-shell-v2 .ox-application-header,.ox-shell-v2 .ox-application-sidebar,.ox-shell-v2 .ox-navigation-dock,.ox-tour-layer{display:none!important}.ox-shell-v2 .ox-application-workspace{padding:0!important;margin:0!important;width:100%!important}.ox-shell-v2 button,.ox-shell-v2 form,.ox-shell-v2 .tabs{display:none!important}.ox-shell-v2 table{font-size:10pt;break-inside:auto}.ox-shell-v2 tr{break-inside:avoid}.ox-shell-v2 .panel{border:1px solid #aaa;box-shadow:none;break-inside:avoid}.ox-shell-v2 dialog:not([open]){display:none!important}}
