/* Build 198: left sidebar navigation (all screen sizes). Same menus, permissions and actions as the old top bar. */
.shell.sidenav198{display:grid;grid-template-columns:272px minmax(0,1fr);align-items:start;min-height:100vh}
.shell.sidenav198.side-closed{grid-template-columns:0 minmax(0,1fr)}
.shell.sidenav198>main{grid-column:2;min-width:0;padding-top:58px}
.shell.sidenav198>.deskbar{grid-column:1;display:flex!important;flex-direction:column;align-items:stretch;position:sticky;top:0;height:100vh;width:272px;overflow-y:auto;overflow-x:hidden;border-right:1px solid var(--line,#dce5e0);border-bottom:0;background:#fff;padding:0;z-index:40}
.shell.sidenav198.side-closed>.deskbar{visibility:hidden;width:0;border:0}
/* menu button: one inside the sidebar (hide), one floating when the sidebar is hidden (show) */
.sidetoggle{width:44px;height:44px;border-radius:12px;border:1px solid var(--line,#dce5e0);background:#fff;color:#17231d;font-size:22px;line-height:1;padding:0;cursor:pointer;flex:none}
.sidetoggle:hover{background:#e4f1e9}
.sidetoggle.out{position:fixed;top:12px;left:12px;z-index:90;box-shadow:0 2px 8px rgba(16,36,27,.08)}
.shell.sidenav198.side-open .sidetoggle.out{display:none}
.shell.sidenav198.side-closed .sidetoggle.in{display:none}
.shell.sidenav198.side-open>main{padding-top:36px}
.sidescrim{display:none}
/* top of sidebar: brand, app switch, search, company logo */
.shell.sidenav198 .deskbar>.deskrow{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 14px 8px}
.shell.sidenav198 .deskrow .deskidentity{flex:1 1 120px;min-width:0}
.shell.sidenav198 .deskbar .gsearch{order:5;flex:1 1 100%;max-width:none;min-width:0;margin:0;position:relative}
.shell.sidenav198 .gsres{position:static;margin-top:6px;max-height:45vh;box-shadow:none}
.shell.sidenav198 .deskrow .deskwho,.shell.sidenav198 .deskbar.nologo .deskrow .deskwho{display:flex!important;order:4;flex:1 1 100%;margin:0;max-width:none;align-items:flex-start;text-align:left}
.shell.sidenav198 .deskrow .deskwho .whologimg{height:auto!important;max-height:56px!important;width:auto!important;max-width:100%!important;object-position:left center}
/* navigation list */
.shell.sidenav198 .deskbar>.desktabs{display:flex;flex-direction:column;flex-wrap:nowrap;gap:2px;padding:6px 10px 10px;flex:1 1 auto;min-width:0}
.shell.sidenav198 .desktabs button.tabpill,.shell.sidenav198 .desktabs a.tabpill,.shell.sidenav198 .tabgroup>.group{display:flex;align-items:center;justify-content:flex-start;width:100%;text-align:left;min-height:44px;padding:0 12px;border-radius:10px;font-size:16px}
.shell.sidenav198 .tabgroup{display:block;position:static;width:100%}
.shell.sidenav198 .tabgroup>.group.active,.shell.sidenav198 .tabgroup.open>.group{background:#eef5f0}
.shell.sidenav198 .tabgroup>.group.active{color:#1d6b49}
.shell.sidenav198 .tabgroup .tabmenu,.shell.sidenav198 .tabgroup:hover .tabmenu,.shell.sidenav198 .tabgroup:focus-within .tabmenu{display:none;position:static;min-width:0;box-shadow:none;border:0;border-left:2px solid #e4ece7;border-radius:0;margin:2px 0 6px 18px;padding:2px 0 2px 6px;background:transparent}
.shell.sidenav198 .tabgroup.open>.tabmenu{display:block}
.shell.sidenav198 .tabmenu .menuitem{min-height:40px;padding:8px 10px;font-size:15px}
/* bottom of sidebar: create, settings, help, sign out, company */
.shell.sidenav198 .deskbar>.signcol{display:flex;flex-direction:column;align-items:stretch;gap:8px;max-width:none;margin-top:auto;padding:12px 14px 16px;border-top:1px solid var(--line,#dce5e0);position:sticky;bottom:0;background:#fff}
.shell.sidenav198 .signcol .toprow{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:4px 10px;flex:0 0 auto}
.shell.sidenav198 .signcol .toprow .tabgroup{width:auto}
.shell.sidenav198 .signcol .toprow .tabgroup .tabmenu{margin-left:0}
.shell.sidenav198 .signcol .whoblock{order:0;align-items:flex-start;text-align:left}
.shell.sidenav198 .signcol .op-create{order:-1;width:100%}
.shell.sidenav198 .op-create details>summary{display:block;text-align:center;width:100%}
.shell.sidenav198 .op-create details[open]>div{position:static;max-height:40vh;margin-top:6px;box-shadow:none;min-width:0}
.shell.sidenav198 .signcol .whoblock .op-company{max-width:100%;width:100%}

/* Build 198: the older top-bar rules for narrow screens hid or re-ordered parts of the header. In the sidebar everything stays, in this order. */
.shell.sidenav198 .deskbar>.deskrow{order:1}
.shell.sidenav198 .deskbar>.desktabs{order:2;align-self:stretch;width:100%;grid-row:auto;grid-column:auto}
.shell.sidenav198 .deskbar>.signcol{order:3;flex-direction:column;justify-content:flex-start;width:100%;grid-row:auto;grid-column:auto}
.shell.sidenav198 .desktabs>[data-action="tab:Business home"]{display:flex!important}
.shell.sidenav198 .signcol .toprow .desklink,.shell.sidenav198 .signcol .toprow [data-action=signout],.shell.sidenav198 .signcol .feedbackbtn{display:inline-flex!important;align-items:center;min-height:40px;padding:0 6px}
.shell.sidenav198 .signcol .whoblock{margin-left:0}
.shell.sidenav198 .signcol .whoblock small{display:block!important;font-size:13px}
.shell.sidenav198 .signcol .whoblock .whoname{font-size:16px}
.shell.sidenav198 .desktabs .tabpill{font-size:16px;padding:0 12px}

/* phones and small windows: the menu is a drawer */
@media(max-width:900px){
 .shell.sidenav198,.shell.sidenav198.side-closed{display:block}
 .shell.sidenav198>main,.shell.sidenav198.side-open>main{padding:58px 16px 20px}
 .shell.sidenav198>.deskbar,.shell.sidenav198.side-closed>.deskbar{position:fixed;left:0;top:0;bottom:0;height:100%;width:min(310px,86vw);transform:translateX(-104%);visibility:visible;transition:transform .2s ease;z-index:80;box-shadow:0 0 40px rgba(16,36,27,.3);border-right:1px solid var(--line,#dce5e0)}
 .shell.sidenav198.side-open>.deskbar{transform:none}
 .shell.sidenav198.side-open .sidescrim{display:block;position:fixed;inset:0;background:rgba(16,36,27,.38);z-index:70}
}
@media print{.shell.sidenav198{display:block}.shell.sidenav198>.deskbar,.sidetoggle,.sidescrim{display:none!important}.shell.sidenav198>main{padding-top:0}}
@media(prefers-reduced-motion:reduce){.shell.sidenav198>.deskbar{transition:none}}