/* Shell material only. Load after styles.css; no bitmap, controller or data UI.
   Landing/worker pages lack app-shell. Embedded city and monitoring links retain
   their edge-to-edge layouts. Do not transform, filter, contain or clip the
   sidebar/main: More Apps uses a fixed flyout in the collapsed desktop rail. */
html:not(.workhub-world-embedded) body.app-shell:not(.monitoring-portal):not(.worker-portal-page){
 background:#34211b!important;
 --workhub-nav-crown:#513025;
}
html:not(.workhub-world-embedded) body.app-shell:not(.monitoring-portal):not(.worker-portal-page) .app-sidebar{
 background:linear-gradient(180deg,var(--workhub-nav-crown) 0,transparent 52px),radial-gradient(ellipse at 10% 6%,rgb(166 105 61 / .24),transparent 54%),linear-gradient(165deg,var(--workhub-nav-crown) 0%,#39231c 48%,#2d1c17 100%)!important;
 color:#fff2df;
 box-shadow:8px 0 28px rgb(28 15 10 / .14);
}
/* Reference-matched single crest: a sharp gold rim over a broad soft light wash.
   Diamond tiles use translucent fill, lit borders and separately blurred bloom.
   All filters are static SVG image paint, not animated full-sidebar CSS blur.
   The pseudo layers sit inside the existing sidebar stacking context, behind
   controls, and cannot intercept a click or introduce an ultrawide image seam. */
html:not(.workhub-world-embedded) body.app-shell:not(.monitoring-portal):not(.worker-portal-page) .app-sidebar::before{
 content:'';position:absolute;inset:0 0 auto;height:260px;max-height:100%;z-index:-1;pointer-events:none;
 background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20400%20260%22%20preserveAspectRatio%3D%22none%22%20fill%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22wash%22%20x1%3D%220%22%20y1%3D%2270%22%20x2%3D%220%22%20y2%3D%22250%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23dd862e%22%20stop-opacity%3D%22.65%22%2F%3E%3Cstop%20offset%3D%22.38%22%20stop-color%3D%22%23a85b22%22%20stop-opacity%3D%22.26%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23a85b22%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22edge%22%3E%3Cstop%20stop-color%3D%22%23d38d39%22%2F%3E%3Cstop%20offset%3D%22.2%22%20stop-color%3D%22%23fff0b2%22%2F%3E%3Cstop%20offset%3D%22.46%22%20stop-color%3D%22%23ffc45b%22%2F%3E%3Cstop%20offset%3D%22.75%22%20stop-color%3D%22%23db8a32%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b97833%22%20stop-opacity%3D%22.2%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22bloom%22%3E%3Cstop%20stop-color%3D%22%23fdb94e%22%20stop-opacity%3D%22.62%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e28c29%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3Cfilter%20id%3D%22soft%22%20x%3D%22-30%25%22%20y%3D%22-200%25%22%20width%3D%22160%25%22%20height%3D%22500%25%22%3E%3CfeGaussianBlur%20stdDeviation%3D%229%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22halo%22%20x%3D%22-30%25%22%20y%3D%22-200%25%22%20width%3D%22160%25%22%20height%3D%22500%25%22%3E%3CfeGaussianBlur%20stdDeviation%3D%223%22%2F%3E%3C%2Ffilter%3E%3Cpath%20id%3D%22crest%22%20d%3D%22M-25%20111C58%2056%20123%2082%20201%20134S326%20167%20425%2061%22%2F%3E%3C%2Fdefs%3E%3Cellipse%20cx%3D%2285%22%20cy%3D%22100%22%20rx%3D%22140%22%20ry%3D%2280%22%20fill%3D%22url(%23bloom)%22%2F%3E%3Cpath%20d%3D%22M-25%20111C58%2056%20123%2082%20201%20134S326%20167%20425%2061V260H-25Z%22%20fill%3D%22url(%23wash)%22%2F%3E%3Cuse%20href%3D%22%23crest%22%20stroke%3D%22%23ffb746%22%20stroke-width%3D%2216%22%20opacity%3D%22.58%22%20filter%3D%22url(%23soft)%22%2F%3E%3Cuse%20href%3D%22%23crest%22%20stroke%3D%22%23ffc25a%22%20stroke-width%3D%225%22%20opacity%3D%22.68%22%20filter%3D%22url(%23halo)%22%2F%3E%3Cuse%20href%3D%22%23crest%22%20stroke%3D%22url(%23edge)%22%20stroke-width%3D%221.6%22%2F%3E%3Cellipse%20cx%3D%2283%22%20cy%3D%2285%22%20rx%3D%2222%22%20ry%3D%226%22%20fill%3D%22url(%23bloom)%22%2F%3E%3Cpath%20d%3D%22M83%2081v8m-4-4h8%22%20stroke%3D%22%23fff0c1%22%20stroke-width%3D%22.65%22%20opacity%3D%22.65%22%2F%3E%3C%2Fsvg%3E");
 background-position:center top;background-size:100% 100%;background-repeat:no-repeat;
}
html:not(.workhub-world-embedded) body.app-shell:not(.monitoring-portal):not(.worker-portal-page) .app-sidebar::after{
 content:'';position:absolute;inset:auto 0 0;height:390px;max-height:48%;z-index:-1;pointer-events:none;
 background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20320%20390%22%20fill%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22glass%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23b77732%22%20stop-opacity%3D%22.08%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23ce8737%22%20stop-opacity%3D%22.3%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%239f592b%22%20stop-opacity%3D%22.12%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22rim%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23ffdc87%22%2F%3E%3Cstop%20offset%3D%22.42%22%20stop-color%3D%22%23edaa43%22%2F%3E%3Cstop%20offset%3D%22.7%22%20stop-color%3D%22%239c6231%22%20stop-opacity%3D%22.5%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ffca62%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22ambient%22%3E%3Cstop%20stop-color%3D%22%23c87825%22%20stop-opacity%3D%22.35%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23c87825%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3Cfilter%20id%3D%22bloom%22%20x%3D%22-80%25%22%20y%3D%22-80%25%22%20width%3D%22260%25%22%20height%3D%22260%25%22%3E%3CfeGaussianBlur%20stdDeviation%3D%2212%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22halo%22%20x%3D%22-40%25%22%20y%3D%22-40%25%22%20width%3D%22180%25%22%20height%3D%22180%25%22%3E%3CfeGaussianBlur%20stdDeviation%3D%223%22%2F%3E%3C%2Ffilter%3E%3Crect%20id%3D%22tile%22%20width%3D%22116%22%20height%3D%22116%22%20rx%3D%2214%22%2F%3E%3C%2Fdefs%3E%3Cellipse%20cx%3D%22290%22%20cy%3D%22280%22%20rx%3D%22170%22%20ry%3D%22145%22%20fill%3D%22url(%23ambient)%22%2F%3E%3Cg%20transform%3D%22translate(252%20141)%20rotate(45)%20scale(.62)%22%20opacity%3D%22.32%22%3E%3Cuse%20href%3D%22%23tile%22%20fill%3D%22url(%23glass)%22%20stroke%3D%22%23ad733b%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(268%20221)%20rotate(45)%22%3E%3Cuse%20href%3D%22%23tile%22%20stroke%3D%22%23ef9e32%22%20stroke-width%3D%228%22%20opacity%3D%22.6%22%20filter%3D%22url(%23bloom)%22%2F%3E%3Cuse%20href%3D%22%23tile%22%20stroke%3D%22%23ffb846%22%20stroke-width%3D%223%22%20opacity%3D%22.65%22%20filter%3D%22url(%23halo)%22%2F%3E%3Cuse%20href%3D%22%23tile%22%20fill%3D%22url(%23glass)%22%20stroke%3D%22url(%23rim)%22%20stroke-width%3D%221.3%22%2F%3E%3Cpath%20d%3D%22M0%2018V14A14%2014%200%200%201%2014%200H36%22%20stroke%3D%22%23ffe5a3%22%20stroke-width%3D%221.5%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(182%20321)%20rotate(45)%20scale(.85)%22%3E%3Cuse%20href%3D%22%23tile%22%20stroke%3D%22%23ffad3e%22%20stroke-width%3D%224%22%20opacity%3D%22.35%22%20filter%3D%22url(%23halo)%22%2F%3E%3Cuse%20href%3D%22%23tile%22%20fill%3D%22url(%23glass)%22%20stroke%3D%22url(%23rim)%22%20stroke-width%3D%221.2%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(12%20321)%20rotate(45)%20scale(.74)%22%20opacity%3D%22.22%22%3E%3Cuse%20href%3D%22%23tile%22%20fill%3D%22url(%23glass)%22%20stroke%3D%22%23b27a3e%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
 background-position:center bottom;background-size:100% auto;background-repeat:no-repeat;
}
html:not(.workhub-world-embedded) body.app-shell:not(.monitoring-portal):not(.worker-portal-page) .sidebar-brand-copy h1{
 color:#fff3df;text-shadow:0 2px 12px rgb(223 170 94 / .12);
}
html:not(.workhub-world-embedded) body.app-shell:not(.monitoring-portal):not(.worker-portal-page) .sidebar-brand-copy p{
 color:#d8c0a8;
}
html:not(.workhub-world-embedded) body.app-shell:not(.monitoring-portal):not(.worker-portal-page) .sidebar-section-label{
 color:#dfba87;letter-spacing:.045em;
}
html:not(.workhub-world-embedded) body.app-shell:not(.monitoring-portal):not(.worker-portal-page) .sidebar-mode-nav :is(.product-nav__button,.resource-nav__button,.more-apps>summary){
 border-color:rgb(230 195 145 / .3);
 background:linear-gradient(135deg,rgb(255 237 203 / .12),rgb(255 227 188 / .035));
 color:#fff3df;
 box-shadow:inset 0 1px 0 rgb(255 228 184 / .13),0 4px 10px rgb(23 12 8 / .07);
}
html:not(.workhub-world-embedded) body.app-shell:not(.monitoring-portal):not(.worker-portal-page) .sidebar-mode-nav :is(.product-nav__button,.resource-nav__button) small{
 color:#dfc8b0;
}
html:not(.workhub-world-embedded) body.app-shell:not(.monitoring-portal):not(.worker-portal-page) .sidebar-mode-nav .sidebar-mode-label{
 overflow-wrap:anywhere;
}
html:not(.workhub-world-embedded) body.app-shell:not(.monitoring-portal):not(.worker-portal-page) .sidebar-mode-nav :is(.product-nav__button,.resource-nav__button).active,
html:not(.workhub-world-embedded) body.app-shell:not(.monitoring-portal):not(.worker-portal-page) .more-apps[open]>summary{
 border-color:#d6ab73;
 background:linear-gradient(135deg,#a56e49,#7b4c34);
 color:#fff9ed;
 box-shadow:inset 0 1px 0 rgb(255 232 194 / .32),0 5px 14px rgb(25 12 7 / .16);
}
html:not(.workhub-world-embedded) body.app-shell:not(.monitoring-portal):not(.worker-portal-page) .sidebar-mode-nav :is(button,summary):focus-visible{
 outline:3px solid #f0cf91;outline-offset:3px;
}
html:not(.workhub-world-embedded) body.app-shell:not(.monitoring-portal):not(.worker-portal-page) .more-apps{
 overflow:visible;
}
html:not(.workhub-world-embedded) body.app-shell:not(.monitoring-portal):not(.worker-portal-page) .more-apps>div{
 border:1px solid #ad8059;background:#35231d;color:#fff3df;
 box-shadow:0 12px 28px rgb(24 12 8 / .3);
}
html:not(.workhub-world-embedded) body.app-shell:not(.monitoring-portal):not(.worker-portal-page) .app-main{
 background:#fbf6ed;overflow:visible;
}
@media(max-width:1023px){
 html:not(.workhub-world-embedded) body.app-shell:not(.monitoring-portal):not(.worker-portal-page) .app-sidebar{
  box-shadow:none;
 }
 html:not(.workhub-world-embedded) body.app-shell:not(.monitoring-portal):not(.worker-portal-page) .app-sidebar::before{
  height:180px;
 }
 html:not(.workhub-world-embedded) body.app-shell:not(.monitoring-portal):not(.worker-portal-page) .app-sidebar::after{
  height:200px;opacity:.65;background-size:auto 100%;background-position:right bottom;
 }
 html:not(.workhub-world-embedded) body.app-shell:not(.monitoring-portal):not(.worker-portal-page) .sidebar-mode-nav .product-nav{
  grid-template-columns:repeat(2,minmax(0,1fr));
 }
 html:not(.workhub-world-embedded) body.app-shell:not(.monitoring-portal):not(.worker-portal-page) .sidebar-mode-nav .resource-nav{
  grid-template-columns:repeat(3,minmax(0,1fr));
 }
 html:not(.workhub-world-embedded) body.app-shell:not(.monitoring-portal):not(.worker-portal-page) .app-main{
  border-radius:24px 24px 0 0;
 }
 html:not(.workhub-world-embedded) body.app-shell:not(.monitoring-portal):not(.worker-portal-page) .app-header{
  border-radius:24px 24px 0 0;
 }
 /* Ignore a retained desktop-collapse preference for phone/tablet flyout
    placement, including the controller's fixed desktop coordinates. */
 html:not(.workhub-world-embedded) body.app-shell:not(.monitoring-portal):not(.worker-portal-page) .resource-nav .more-apps>div{
  position:absolute!important;left:0!important;top:calc(100% + 8px)!important;
  width:300px;max-width:calc(100vw - 40px);
 }
}
@media(min-width:1024px){
 /* Resource words must remain whole in the narrow three-button desktop row.
    Tighten only expanded desktop controls; phone and 44px rail stay unchanged. */
 html:not(.workhub-world-embedded) body.app-shell:not(.monitoring-portal):not(.worker-portal-page) .resource-nav .sidebar-mode-label{
  overflow-wrap:normal;word-break:normal;
 }
 html:not(.workhub-world-embedded) body.app-shell:not(.sidebar-collapsed):not(.monitoring-portal):not(.worker-portal-page) .resource-nav>:is(.resource-nav__button,.more-apps)>summary,
 html:not(.workhub-world-embedded) body.app-shell:not(.sidebar-collapsed):not(.monitoring-portal):not(.worker-portal-page) .resource-nav>.resource-nav__button{
  grid-template-columns:18px minmax(0,1fr);column-gap:4px;padding:8px 6px;
 }
 html:not(.workhub-world-embedded) body.app-shell:not(.sidebar-collapsed):not(.monitoring-portal):not(.worker-portal-page) .resource-nav>:is(.resource-nav__button,.more-apps)>summary .sidebar-mode-icon,
 html:not(.workhub-world-embedded) body.app-shell:not(.sidebar-collapsed):not(.monitoring-portal):not(.worker-portal-page) .resource-nav>.resource-nav__button>.sidebar-mode-icon{
  width:18px;height:18px;
 }
 html:not(.workhub-world-embedded) body.app-shell:not(.sidebar-collapsed):not(.monitoring-portal):not(.worker-portal-page) .resource-nav>:is(.resource-nav__button,.more-apps)>summary .sidebar-mode-label,
 html:not(.workhub-world-embedded) body.app-shell:not(.sidebar-collapsed):not(.monitoring-portal):not(.worker-portal-page) .resource-nav>.resource-nav__button>.sidebar-mode-label{
  font-size:11px;line-height:1.35;
 }
 /* Existing 18rem/84px fixed-sidebar width and main offset stay authoritative.
    Rounding does not require overflow:hidden, so flyouts remain uncut. */
 html:not(.workhub-world-embedded) body.app-shell:not(.monitoring-portal):not(.worker-portal-page) .app-main{
  margin-top:10px;margin-bottom:10px;min-height:calc(100dvh - 20px);
  border-radius:32px 0 0 32px;
 }
 html:not(.workhub-world-embedded) body.app-shell:not(.monitoring-portal):not(.worker-portal-page) .app-header{
  border-top-left-radius:32px;
 }
 html:not(.workhub-world-embedded) body.app-shell.sidebar-collapsed:not(.monitoring-portal):not(.worker-portal-page) .app-main{
  border-top-left-radius:26px;border-bottom-left-radius:26px;
 }
 html:not(.workhub-world-embedded) body.app-shell.sidebar-collapsed:not(.monitoring-portal):not(.worker-portal-page) .app-header{
  border-top-left-radius:26px;
 }
 html:not(.workhub-world-embedded) body.app-shell.sidebar-collapsed:not(.monitoring-portal):not(.worker-portal-page) .app-sidebar::after{
  background-size:auto 100%;background-position:45% bottom;opacity:.7;
 }
}
@media(hover:hover){
 html:not(.workhub-world-embedded) body.app-shell:not(.monitoring-portal):not(.worker-portal-page) .sidebar-mode-nav :is(.product-nav__button,.resource-nav__button,.more-apps>summary):hover{
  border-color:#dbb583;box-shadow:inset 0 1px 0 rgb(255 232 194 / .32),0 5px 14px rgb(25 12 7 / .12);
 }
}
@media(prefers-reduced-motion:reduce){
 html:not(.workhub-world-embedded) body.app-shell:not(.monitoring-portal):not(.worker-portal-page) .sidebar-mode-nav :is(button,summary),
 html:not(.workhub-world-embedded) body.app-shell:not(.monitoring-portal):not(.worker-portal-page) .sidebar-mode-nav :is(button,summary)::before,
 html:not(.workhub-world-embedded) body.app-shell:not(.monitoring-portal):not(.worker-portal-page) .sidebar-mode-nav :is(button,summary)::after{
  animation:none!important;transition:none!important;
 }
}