/* OilStation navigation standard v1: exactly two entry surfaces (context + dock).
   Home alone lists the full authorized module catalogue. */
#app.workspace-mode .ws-sidebar,
#app.workspace-mode .ws-menu-backdrop,
#app.workspace-mode .ws-mobile-toggle,
#app.workspace-mode .ws-rail-toggle,
#app.workspace-mode .os-mobile-page-shortcuts,
#app.workspace-mode .os-mobile-quick-grid{display:none!important}
#app.workspace-mode .ws-layout{display:block!important;min-width:0}
#app.workspace-mode .ws-main{width:100%;max-width:1600px;margin:0 auto;padding-bottom:125px;min-width:0}
#app.workspace-mode .ws-context-host{width:100%;min-width:0;padding:0 clamp(13px,2.3vw,25px);margin:0 auto 9px}
#app.workspace-mode .ws-layout[data-active-screen="overview"] .ws-context-host{display:none!important}
#app.workspace-mode .ws-context-group[hidden]{display:none!important}
#app.workspace-mode .os-context-orbs{
 display:flex!important;flex-flow:row nowrap!important;align-items:start!important;
 gap:clamp(8px,1.7vw,19px)!important;justify-content:flex-start!important;
 max-width:100%;overflow-x:auto!important;overflow-y:hidden!important;
 overscroll-behavior-x:contain;scroll-snap-type:x proximity;
 padding:12px 5px 15px!important;margin:0!important;
 background:transparent!important;border:0!important;box-shadow:none!important;
 scrollbar-width:thin;-webkit-overflow-scrolling:touch
}
#app.workspace-mode .os-context-orbs .os-category-tab{
 display:flex!important;flex:0 0 91px!important;flex-flow:column nowrap!important;
 align-items:center;justify-content:flex-start;gap:7px!important;
 width:91px!important;max-width:91px!important;min-width:91px!important;
 min-height:97px!important;height:auto!important;padding:0 2px!important;
 border:0!important;border-radius:12px!important;background:transparent!important;
 box-shadow:none!important;color:#375963!important;text-align:center!important;
 scroll-snap-align:start;white-space:normal!important;font-size:11px!important;
 font-weight:680!important;line-height:1.3!important;cursor:pointer
}
#app.workspace-mode .os-nav-orb-item{font-family:inherit}
#app.workspace-mode .os-nav-orb{
 position:relative;display:grid;place-items:center;flex:none;
 width:58px;height:58px;max-width:100%;aspect-ratio:1;
 border-radius:50%;color:#135c62;
 border:1px solid rgba(255,255,255,.98);
 background:radial-gradient(circle at 27% 22%,#fff 0%,#e4f8f1 25%,#b6e2d6 61%,#65b5a8 100%);
 box-shadow:inset 0 2px 3px #fff,inset 0 -5px 8px #16796a31,
  0 5px 8px #0e564a2b,0 9px 18px #073f3520;
 transition:transform .18s ease,box-shadow .18s ease,background .18s ease
}
#app.workspace-mode .os-nav-orb::after{
 content:"";position:absolute;inset:5px 8px auto 8px;height:25%;
 border-radius:50%;pointer-events:none;
 background:linear-gradient(to bottom,#fff9,#ffffff00)
}
#app.workspace-mode .os-nav-orb svg{
 width:25px!important;height:25px!important;stroke-width:1.95;
 filter:drop-shadow(0 1px 1px #f9fffcad);position:relative;z-index:1
}
#app.workspace-mode .os-nav-caption{
 display:block;width:100%;max-width:100%;min-width:0;
 color:inherit;font-size:11px;font-weight:700;line-height:1.28;
 text-align:center!important;white-space:normal!important;
 overflow-wrap:anywhere;max-height:2.6em;overflow:hidden
}
#app.workspace-mode .os-nav-orb-item:hover .os-nav-orb{
 transform:translateY(-2px);box-shadow:inset 0 2px 4px white,inset 0 -4px 8px #16796a35,
  0 8px 18px #067c6948,0 11px 22px #073f3522
}
#app.workspace-mode .os-nav-orb-item:is(.active,.is-current,[aria-current="page"]) .os-nav-orb{
 background:radial-gradient(circle at 28% 18%,#f4fffd 0%,#73d6c4 29%,#169d89 64%,#096d66 100%);
 color:#fff;box-shadow:inset 0 2px 5px #ffffffb0,inset 0 -5px 9px #063c4980,
  0 5px 10px #0b817653,0 10px 22px #086c6042
}
#app.workspace-mode .os-nav-orb-item:is(.active,.is-current,[aria-current="page"]) .os-nav-caption{color:#087c6d;font-weight:800}
#app.workspace-mode .os-nav-orb-item:focus-visible{outline:3px solid #0a947d!important;outline-offset:3px!important}
#app.workspace-mode .os-mobile-bottom{
 position:fixed!important;display:grid!important;
 grid-template-columns:repeat(5,minmax(0,1fr))!important;
 width:min(calc(100% - 30px),640px)!important;max-width:640px;
 left:50%!important;right:auto!important;bottom:14px!important;
 transform:translateX(-50%);z-index:70;
 align-items:start!important;justify-items:center;gap:0;
 min-height:85px!important;padding:10px 9px 8px!important;
 background:linear-gradient(170deg,#ffffff 0%,#f4f9f6 100%)!important;
 border:1px solid #cde6dc!important;border-radius:24px!important;
 box-shadow:0 -2px 12px #1b6a5133,0 12px 40px #092b2b2d!important
}
#app.workspace-mode .os-mobile-bottom .os-mobile-tab.os-nav-orb-item{
 display:flex!important;flex-direction:column;align-items:center;justify-content:start;
 gap:5px!important;min-width:0;width:100%;height:auto!important;min-height:69px!important;
 background:transparent!important;border:0!important;transform:none!important;
 padding:0 2px!important;color:#375963;font-size:10px!important
}
#app.workspace-mode .os-mobile-bottom .os-nav-orb{width:47px;height:47px}
#app.workspace-mode .os-mobile-bottom .os-nav-orb svg{width:21px!important;height:21px!important}
#app.workspace-mode .os-mobile-bottom .os-nav-caption{font-size:10px!important;line-height:1.15!important;max-height:2.4em}
#app.workspace-mode .os-nav-orb-placeholder{height:66px!important;pointer-events:none!important}
#app.workspace-mode [data-ws-screen="overview"] .ws-quick-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,215px),1fr))!important}
#app.workspace-mode .ws-context-group .os-category-nav{
 margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important
}
@media(max-width:850px){
 #app.workspace-mode .ws-main{padding-bottom:calc(115px + env(safe-area-inset-bottom))!important}
 #app.workspace-mode .ws-layout[data-active-screen="overview"] .ws-header,
 #app.workspace-mode .ws-layout[data-active-screen="overview"] .ws-toolbar{display:none!important}
 #app.workspace-mode .ws-layout:not([data-active-screen="overview"]) .ws-toolbar{display:none!important}
 #app.workspace-mode .ws-layout:not([data-active-screen="overview"]) .ws-header{
  display:flex!important;align-items:center;justify-content:space-between;gap:12px;
  padding:calc(20px + env(safe-area-inset-top)) 16px 20px!important;
  margin:0 -18px 0!important;border:0!important;border-radius:0 0 20px 20px!important;
  background:linear-gradient(135deg,#05766c 0%,#11a28c 54%,#0a7d80 100%)!important;
  color:#fff!important;min-height:112px;box-shadow:0 8px 18px #0f655928
 }
 #app.workspace-mode .ws-layout:not([data-active-screen="overview"]) .ws-header :is(h1,p,#ws-current){color:#fff!important}
 #app.workspace-mode .ws-layout:not([data-active-screen="overview"]) .ws-header h1{font-size:19px!important}
 #app.workspace-mode .ws-layout:not([data-active-screen="overview"]) .ws-header p{font-size:11px!important}
 #app.workspace-mode .ws-layout:not([data-active-screen="overview"]) #ws-current{
   max-width:44%;font-size:12px!important;text-align:right
 }
 #app.workspace-mode .ws-context-host{padding:0 0!important;margin:5px 0 8px!important}
 #app.workspace-mode .os-context-orbs{padding:12px 3px 15px!important;gap:8px!important}
 #app.workspace-mode .os-context-orbs .os-category-tab{
  flex-basis:75px!important;width:75px!important;max-width:75px!important;min-width:75px!important;min-height:89px!important
 }
 #app.workspace-mode .os-context-orbs .os-nav-orb{width:52px;height:52px}
 #app.workspace-mode .os-context-orbs .os-nav-orb svg{width:23px!important;height:23px!important}
 #app.workspace-mode .os-mobile-bottom{
  width:100%!important;max-width:none!important;left:0!important;bottom:0!important;
  transform:none!important;border-radius:19px 19px 0 0!important;
  padding:9px 7px calc(8px + env(safe-area-inset-bottom))!important;
  min-height:82px!important
 }
 #app.workspace-mode .os-mobile-bottom .os-nav-orb{width:44px;height:44px}
 #app.workspace-mode .os-mobile-bottom .os-nav-caption{font-size:9.5px!important}
 #app.workspace-mode .ws-layout[data-active-screen="overview"] .ws-content{width:100%}
 #app.workspace-mode .os-mobile-home{display:block!important}
 #app.workspace-mode .ws-layout[data-active-screen="overview"] .ws-overview-columns{display:none!important}
 #app.workspace-mode .ws-layout:not([data-active-screen="overview"]) .ws-screen-head{
  position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;
  padding:0!important;margin:-1px!important;clip-path:inset(50%)!important
 }
}
@media(prefers-reduced-motion:reduce){
 #app.workspace-mode .os-nav-orb{transition:none!important}
 #app.workspace-mode .os-nav-orb-item:hover .os-nav-orb{transform:none!important}
}