#workspace-project-context{padding:16px;margin:0 0 18px;border:1px solid #cad9e3;border-radius:10px;background:#edf4f7;color:#153f53;max-width:100%;box-sizing:border-box}#workspace-project-context label{display:grid;gap:7px;font-size:13px;font-weight:700}#workspace-project-context select{width:100%;min-height:44px;font:inherit;color:#153f53;border:1px solid #a7bdcc;border-radius:6px;padding:8px;background:white;box-sizing:border-box}#workspace-project-context a{display:block;font-size:12px;color:#165773;line-height:1.5}#workspace-project-context .workspace-scope-note{font-size:12px;line-height:1.5;margin:9px 0;overflow-wrap:anywhere}@media(max-width:700px){#workspace-project-context{margin:10px 0}#workspace-project-context a{min-height:36px;display:flex;align-items:center}}
#workspace-project-context h2{font-size:14px;margin:0 0 10px}#workspace-project-context details{border-bottom:1px solid #c7d8e3;padding:7px 0}#workspace-project-context summary{cursor:pointer;font-weight:700;min-height:40px;align-content:center;overflow-wrap:anywhere}#workspace-project-context nav a{padding:6px 8px;text-decoration:none;border-radius:5px;font-size:13px}#workspace-project-context nav a:hover{background:#dbeaf2}.workspace-project-navigation #nav{display:none} .workspace-location-picker{max-width:100%;min-height:40px;margin-top:6px}
.workspace-project-navigation aside{overflow-y:auto;overflow-x:hidden}#workspace-project-context{flex-shrink:0}#workspace-project-context nav a[aria-current=page]{background:#c9e1e8;color:#073f51;font-weight:700;border-left:3px solid #168577}#workspace-project-context details+details{margin-top:10px;border-top:2px solid #93b1c2;padding-top:12px}
#workspace-project-context summary[aria-current=true]{color:#075b5e}#workspace-project-context summary[aria-current=true]::after{content:"Current";display:inline-block;font-size:10px;margin-left:7px;padding:1px 5px;background:#c9e4df;border-radius:4px}@media(max-width:700px){#workspace-project-context nav{max-height:38vh;overflow-y:auto}#workspace-project-context{padding:12px}#workspace-project-context .workspace-scope-note{margin:6px 0}}

/* Match the original workspace shell from the first server-rendered frame. */
#workspace-project-context{background:#102b43;color:#e7eff8;border-color:#36536b}#workspace-project-context a,#workspace-project-context summary[aria-current=true]{color:#e7eff8}#workspace-project-context nav a{display:flex;align-items:center;gap:9px}#workspace-project-context .nav-icon{display:inline-flex;width:20px;flex:0 0 20px;justify-content:center}#workspace-project-context nav a:hover{background:#24475f}#workspace-project-context nav a[aria-current=page]{background:#214c60;color:#fff;border-color:#51c4b2}#workspace-project-context details,#workspace-project-context details+details{border-color:#426078}#workspace-project-context summary[aria-current=true]::after{background:#285d61;color:#e5fffa}

.workspace-project-navigation main{padding-top:18px}.workspace-project-navigation main>header{margin-bottom:14px;gap:12px;align-items:center}.workspace-project-navigation .header-actions{flex-direction:row;align-items:center;gap:6px;max-width:none;flex-wrap:wrap;justify-content:flex-end}.workspace-project-navigation .header-actions #refreshStamp{font-size:10px;max-width:140px}.workspace-project-navigation #workspace-account-tools{position:relative}.workspace-project-navigation #account-menu-toggle{display:none}.workspace-project-navigation .account-menu-content,.workspace-project-navigation .account-menu-content .workspace-tools{display:flex;align-items:center;gap:6px}.workspace-project-navigation .header-actions button,.workspace-project-navigation .account-menu-content a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:6px 9px;font-size:12px;line-height:1.25;text-decoration:none;color:#174a61;border:1px solid #c5d3de;border-radius:6px;background:#fff;box-sizing:border-box;white-space:nowrap}.workspace-project-navigation .entry-shell>header{margin-bottom:14px;padding-bottom:8px}@media(max-width:1100px){.workspace-project-navigation #account-menu-toggle{display:inline-flex;min-height:44px}.workspace-project-navigation #workspace-account-tools .account-menu-content{display:none;position:absolute;right:0;top:calc(100% + 5px);width:260px;max-width:calc(100vw - 28px);padding:8px;background:#fff;border:1px solid #c5d3de;border-radius:8px;box-shadow:0 8px 26px #102b4326;z-index:30}.workspace-project-navigation #workspace-account-tools.is-open .account-menu-content{display:block}.workspace-project-navigation .account-menu-content .workspace-tools{display:block}.workspace-project-navigation .account-menu-content a,.workspace-project-navigation .account-menu-content button{display:flex;width:100%;min-height:44px;justify-content:flex-start;border:0}.workspace-project-navigation .header-actions #refreshStamp{display:none}}@media(max-width:700px){.workspace-project-navigation main>header{align-items:flex-start}.workspace-project-navigation .header-actions{flex-wrap:nowrap}.workspace-project-navigation .header-actions>button{min-height:44px}}
.workspace-project-navigation .header-actions #refreshStamp{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width:700px){.workspace-project-navigation main>header>div:first-child{min-width:0}.workspace-project-navigation main>header h1{font-size:25px;overflow-wrap:anywhere}.workspace-project-navigation .header-actions{gap:4px}.workspace-project-navigation .header-actions button{font-size:11px;padding:6px 7px}}

.workspace-project-navigation .account-menu-content .workspace-tools{margin:0;padding:0}

.workspace-secondary #workspace-project-context{padding:8px 12px;margin-bottom:12px}.workspace-secondary #workspace-project-context>h2,.workspace-secondary #workspace-project-context>.workspace-scope-note{display:none}.workspace-secondary #workspace-project-context:not(:has(details[open]))>a{display:none}.workspace-project-heading{margin:0 0 6px;font-size:11px;line-height:1.4;letter-spacing:.1em;overflow-wrap:anywhere}
#workspace-dashboard-return{display:flex;justify-content:flex-start;margin:0 0 14px;padding:0}#workspace-dashboard-return[hidden],[data-dashboard-return-duplicate="true"][hidden]{display:none!important}#workspace-dashboard-return>a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:100%;box-sizing:border-box;padding:10px 14px;border:1px solid #a7bdcc;border-radius:7px;background:#fff;color:#174a61;text-decoration:none;font:600 14px/1.3 system-ui,sans-serif;white-space:normal}#workspace-dashboard-return>a:hover{background:#edf4f7;border-color:#176884}#workspace-dashboard-return>a:focus-visible{outline:3px solid #e8ab28;outline-offset:3px}
/* Native details retain keyboard/touch interaction even before JavaScript hydrates. */
#workspace-project-context [data-workspace-menu]{padding:0;border:0}#workspace-project-context [data-workspace-menu]>summary{color:#e7eff8;min-height:44px;margin:0;font-size:14px}#workspace-project-context [data-nav-group]{padding:2px 0;margin:0;border:0}#workspace-project-context [data-nav-group]>summary{color:#e7eff8;font-size:13px;margin:0;min-height:44px}#workspace-project-context [data-nav-group]>a{padding-left:17px}#workspace-project-context .workspace-nav-utilities{border-top:1px solid #426078;margin-top:8px;padding-top:8px}#workspace-project-context [data-project-id]>nav{max-height:none}#workspace-project-context summary:focus-visible{outline:3px solid #51c4b2;outline-offset:2px}
@media(min-width:901px){.workspace-project-navigation .shell:has(aside [data-workspace-menu]:not([open])){grid-template-columns:90px minmax(0,1fr)}.workspace-project-navigation aside:has([data-workspace-menu]:not([open])){padding:16px 6px}.workspace-project-navigation aside:has([data-workspace-menu]:not([open]))>*:not(#workspace-project-context){display:none}.workspace-project-navigation aside:has([data-workspace-menu]:not([open])) #workspace-project-context{padding:8px 5px}}
@media(max-width:900px){.workspace-project-navigation aside:has([data-workspace-menu]:not([open])){height:auto;min-height:0;padding:8px 12px}.workspace-project-navigation aside:has([data-workspace-menu]:not([open]))>*:not(#workspace-project-context){display:none}.workspace-project-navigation aside:has([data-workspace-menu]:not([open])) #workspace-project-context{margin:0}.workspace-project-navigation #workspace-project-context nav a{min-height:44px}}
.workspace-entry-modes{border:1px solid #c8d7e1;border-radius:8px;padding:10px 12px;margin:8px 0 16px;background:#fff}.workspace-entry-modes>div:first-child{display:flex;gap:8px;flex-wrap:wrap}.workspace-entry-modes button{min-height:44px;padding:8px 12px}.workspace-entry-modes>p{font-size:13px;margin:6px 0}.workspace-entry-modes>div:last-child:not([hidden]){display:grid;gap:8px;max-height:320px;overflow:auto}.workspace-entry-modes button:focus-visible{outline:3px solid #087c76;outline-offset:2px}.workspace-entry-modes [hidden]{display:none!important}
/* 5.09 compact expanded navigation: keep every destination while fitting more
   of the menu above the fold. Touch layouts retain their larger targets. */
@media(min-width:701px){.workspace-project-navigation aside{padding-top:10px;padding-bottom:10px}.workspace-project-navigation aside .brand{gap:7px;padding:0 6px 9px}.workspace-project-navigation aside .fortis-logo{width:154px;padding:7px}.workspace-project-navigation aside .brand-project{font-size:14px;line-height:1.25}#workspace-project-context{padding:7px 9px;margin-bottom:7px}#workspace-project-context h2{margin-bottom:2px}#workspace-project-context details{padding:1px 0}#workspace-project-context details+details{margin-top:2px;padding-top:2px}#workspace-project-context summary,#workspace-project-context [data-workspace-menu]>summary,#workspace-project-context [data-nav-group]>summary{min-height:27px;line-height:1.15}#workspace-project-context nav a{min-height:25px;padding:2px 5px;line-height:1.2}#workspace-project-context .workspace-scope-note{margin:2px 0;line-height:1.2}#workspace-project-context .workspace-nav-utilities{margin-top:2px;padding-top:2px}}
.workspace-preview-banner{position:fixed;left:50%;top:0;z-index:1000;transform:translateX(-50%);padding:4px 12px;border-radius:0 0 7px 7px;background:#8b2f17;color:#fff;font:700 11px/1.35 system-ui,sans-serif;letter-spacing:.04em;box-shadow:0 2px 8px #102b4340;pointer-events:none}
/* Header controls retain their own upper-right area. Presence now lives in
   the shared Dashboard return rail above this header. */
.workspace-project-navigation main>header:has(>.header-actions){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,auto);gap:4px 16px;align-items:start}
.workspace-project-navigation main>header:has(>.header-actions)>div:first-child{grid-column:1;grid-row:1 / span 2;min-width:0}
.workspace-project-navigation main>header>.header-actions{grid-column:2;grid-row:1;justify-self:end;display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;max-width:min(100%,720px);min-width:0;margin:0}
.workspace-project-navigation .header-actions #account-menu-toggle{display:none}
.workspace-project-navigation .header-actions #workspace-account-tools .account-menu-content{display:flex;position:static;width:auto;max-width:100%;padding:0;border:0;box-shadow:none;gap:6px;flex-wrap:wrap;justify-content:flex-end;background:transparent}
.workspace-project-navigation .header-actions .account-menu-content .workspace-tools{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}
.workspace-project-navigation .header-actions .account-menu-content a,.workspace-project-navigation .header-actions .account-menu-content button{width:auto;min-height:36px;border:1px solid #c5d3de;justify-content:center}
@media(max-width:1100px){.workspace-project-navigation main>header:has(>.header-actions){grid-template-columns:minmax(0,1fr)}.workspace-project-navigation main>header>.header-actions{grid-column:1;grid-row:1;max-width:100%}.workspace-project-navigation main>header:has(>.header-actions)>div:first-child{grid-column:1;grid-row:2}.workspace-project-navigation .header-actions #workspace-account-tools{min-width:0;max-width:100%}}
@media(max-width:700px){.workspace-project-navigation main>header>.header-actions{gap:6px;flex-wrap:wrap}.workspace-project-navigation .header-actions button,.workspace-project-navigation .header-actions .account-menu-content a,.workspace-project-navigation .header-actions .account-menu-content button{min-height:44px;white-space:normal}.workspace-project-navigation .header-actions .account-menu-content a{max-width:100%}#workspace-project-context nav a,#workspace-project-context [data-workspace-menu]>summary,#workspace-project-context [data-nav-group]>summary{min-height:44px}}

/* 5.10 compact phone navigation. The existing theme and nested navigation are
   retained, but the navigation no longer pushes the page below a tall header. */
.workspace-mobile-current{display:none}
#workspace-mobile-nav-scrim[hidden]{display:none!important}
@media(max-width:900px){
 html.workspace-mobile-nav{scroll-padding-top:62px}
 body.workspace-mobile-menu-open{overflow:hidden}
 #workspace-mobile-nav-scrim{display:block;position:fixed;inset:0;z-index:109;border:0;border-radius:0;padding:0;background:#061a2bb3;cursor:pointer}
 .workspace-project-navigation #workspace-project-context{position:sticky;top:0;z-index:110;width:100%;height:52px;min-height:52px;margin:0 0 12px;padding:0 8px;border:0;border-radius:0;background:#102b43;box-shadow:0 2px 8px #061a2b30;overflow:visible}
 .workspace-project-navigation #workspace-project-context [data-workspace-menu]{height:100%;margin:0;padding:0;border:0;background:#102b43;color:#e7eff8}
 .workspace-project-navigation #workspace-project-context [data-workspace-menu]>summary{display:flex;align-items:center;gap:10px;width:100%;height:52px;min-height:52px;margin:0;padding:4px 8px;color:#fff;list-style:none;border-radius:0;background:#102b43}
 .workspace-project-navigation #workspace-project-context [data-workspace-menu]>summary::-webkit-details-marker{display:none}
 html.workspace-mobile-nav body:not(.workspace-mobile-menu-open) #workspace-project-context [data-workspace-menu]:not([open])>*:not(summary){display:none!important}
 .workspace-project-navigation #workspace-project-context .workspace-menu-icon{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border:1px solid #527087;border-radius:7px;font-size:21px;line-height:1}
 .workspace-project-navigation #workspace-project-context .workspace-mobile-current{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700}
 html.workspace-mobile-nav body:not(.workspace-mobile-menu-open) #workspace-project-context [data-workspace-menu][open]{position:static;width:auto;height:100%;overflow:visible;padding:0}
 html.workspace-mobile-nav body:not(.workspace-mobile-menu-open) #workspace-project-context [data-workspace-menu][open]>*:not(summary){display:none}
 .workspace-project-navigation.workspace-mobile-menu-open #workspace-project-context [data-workspace-menu][open]{position:fixed;inset:0 auto 0 0;z-index:111;width:min(340px,88vw);height:100dvh;padding:0 12px 24px;overflow-y:auto;overscroll-behavior:contain;box-shadow:14px 0 36px #061a2b55}
 .workspace-project-navigation.workspace-mobile-menu-open #workspace-project-context [data-workspace-menu][open]>summary{position:sticky;top:0;z-index:2;margin:0 -12px 8px;width:calc(100% + 24px);padding-inline:12px;border-bottom:1px solid #426078}
 .workspace-project-navigation.workspace-mobile-menu-open #workspace-project-context [data-workspace-menu][open]>h2{margin:6px 0 8px;font-size:13px;color:#b9cfdd}
 .workspace-project-navigation.workspace-mobile-menu-open #workspace-project-context nav{display:grid;max-height:none;overflow:visible}
 .workspace-project-navigation.workspace-mobile-menu-open #workspace-project-context nav a{min-height:44px}
 .workspace-project-navigation .shell>aside{position:sticky;top:0;z-index:108;height:52px;min-height:52px;padding:0;overflow:visible}
 .workspace-project-navigation .shell>aside>#workspace-project-context{margin:0}
 .workspace-project-navigation .shell>aside>.brand,.workspace-project-navigation .shell>aside>.nav-label,.workspace-project-navigation .shell>aside>.aside-bottom{display:none}
}
@media(max-width:700px){
 .workspace-project-navigation main{padding-top:12px}
 .workspace-project-navigation main>header:has(>.header-actions){grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:start;gap:5px 10px}
 .workspace-project-navigation main>header:has(>.header-actions)>div:first-child{grid-column:1;grid-row:1 / span 2}
 .workspace-project-navigation main>header>.header-actions{grid-column:2;grid-row:1;display:flex;flex-wrap:nowrap;gap:5px;max-width:min(56vw,230px)}
 .workspace-project-navigation .header-actions #account-menu-toggle{display:inline-flex!important;min-width:44px;min-height:44px;white-space:nowrap}
 .workspace-project-navigation .header-actions #workspace-account-tools .account-menu-content{display:none!important;position:fixed;top:58px;right:10px;z-index:108;width:min(300px,calc(100vw - 20px));max-height:calc(100dvh - 70px);overflow-y:auto;padding:8px;border:1px solid #c5d3de;border-radius:8px;background:#fff;box-shadow:0 10px 30px #102b4340}
 .workspace-project-navigation .header-actions #workspace-account-tools.is-open .account-menu-content{display:block!important}
 .workspace-project-navigation .header-actions #workspace-account-tools.is-open .account-menu-content .workspace-tools{display:block}
 .workspace-project-navigation .header-actions #workspace-account-tools.is-open .account-menu-content a,.workspace-project-navigation .header-actions #workspace-account-tools.is-open .account-menu-content button{display:flex;width:100%;min-height:44px;justify-content:flex-start;border:0;white-space:normal}
}
@media(prefers-reduced-motion:reduce){#workspace-mobile-nav-scrim{scroll-behavior:auto}}

/* Pages without the dashboard shell receive the same persistent desktop rail
   instead of a tall navigation disclosure above the form. */
@media(min-width:701px){
 body.workspace-standalone-nav{display:grid!important;grid-template-columns:260px minmax(0,1fr);align-items:start;min-height:100vh}
 body.workspace-standalone-nav>.workspace-injected-sidebar{position:sticky;top:0;grid-column:1;height:100vh;min-height:100vh;overflow-y:auto;overflow-x:hidden;padding:10px;background:#102b43;color:#e7eff8;z-index:20}
 body.workspace-standalone-nav>main{grid-column:2;min-width:0;width:100%}
 body.workspace-standalone-nav>.workspace-injected-sidebar #workspace-project-context{margin:0;padding:7px 9px;border:0;background:#102b43}
}
@media(max-width:700px){
 body.workspace-standalone-nav{display:block!important;min-height:100vh}
 body.workspace-standalone-nav>.workspace-injected-sidebar{position:sticky;top:0;z-index:110;width:100%;height:52px;min-height:52px;padding:0;background:#102b43;overflow:visible}
 body.workspace-standalone-nav>.workspace-injected-sidebar #workspace-project-context{margin:0}
}

/* 5.12 production hotfix: keep the shared project heading wide enough to
   wrap by words. The previous anywhere-wrap rule allowed flex/grid headers to
   use a one-character min-content width, which turned the project name into a
   vertical column and obstructed navigation at some window widths. */
.workspace-project-heading{
 display:block;
 width:fit-content;
 min-inline-size:min(18rem,calc(100vw - 40px));
 max-inline-size:100%;
 overflow-wrap:normal;
 word-break:normal;
 hyphens:none;
 white-space:normal;
}

/* 5.13 phone hotfix: the drawer must escape its aside's lower stacking
   context, and full report controls need a full-width row of their own. */
@media(max-width:700px){
 .workspace-project-navigation.workspace-mobile-menu-open .shell>aside{z-index:110}
 .workspace-project-navigation #workspace-project-context [data-workspace-menu]>summary{position:relative;top:auto;right:auto}
 .workspace-project-navigation.workspace-mobile-menu-open #workspace-project-context [data-workspace-menu][open]>summary{position:sticky;top:0}
 .workspace-project-navigation main>header:has(#page-export-controls){display:flex;flex-direction:column;align-items:stretch;gap:12px}
 .workspace-project-navigation main>header:has(#page-export-controls)>div:first-child{width:100%;min-width:0}
 .workspace-project-navigation main>header:has(#page-export-controls)>.header-actions{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:space-between;width:100%;max-width:none;gap:8px}
 .workspace-project-navigation .header-actions #page-export-controls{order:3;flex:1 0 100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;width:100%;min-width:0;gap:8px}
 .workspace-project-navigation .header-actions #page-export-controls button{width:100%;min-width:0;min-height:48px;padding:8px;font-size:12px;line-height:1.35;white-space:normal;overflow-wrap:normal;word-break:normal}
 .workspace-project-navigation .header-actions #page-export-status{order:4;flex:1 0 100%;max-width:100%}
}

/* 5.15 mobile containment: the page itself must never drift sideways. Wide
   data remains available inside an explicitly scrollable chart/table region. */
@media(max-width:700px){
 html.workspace-mobile-nav,
 html.workspace-mobile-nav body.workspace-project-navigation{
  width:100%;
  min-width:0;
  max-width:100%;
 }
 body.workspace-project-navigation>.shell,
 body.workspace-project-navigation>.daily-shell,
 body.workspace-project-navigation>main,
 body.workspace-project-navigation .shell>main,
 body.workspace-project-navigation .daily-shell>main,
 body.workspace-project-navigation main>header,
 body.workspace-project-navigation main>section,
 body.workspace-project-navigation main>article,
 body.workspace-project-navigation main>.panel{
  min-width:0;
  max-width:100%;
 }
 body.workspace-project-navigation .panel,
 body.workspace-project-navigation fieldset,
 body.workspace-project-navigation form,
 body.workspace-project-navigation label,
 body.workspace-project-navigation input,
 body.workspace-project-navigation select,
 body.workspace-project-navigation textarea,
 body.workspace-project-navigation button,
 body.workspace-project-navigation .button{
  min-width:0;
  max-width:100%;
 }
 body.workspace-project-navigation img,
 body.workspace-project-navigation video{
  max-width:100%;
  height:auto;
 }
 body.workspace-project-navigation p,
 body.workspace-project-navigation li,
 body.workspace-project-navigation dd,
 body.workspace-project-navigation a,
 body.workspace-project-navigation h1,
 body.workspace-project-navigation h2,
 body.workspace-project-navigation h3{
  overflow-wrap:anywhere;
 }

 /* The common dashboard filters use one calm, readable column on phones.
    This prevents date controls and the optional location picker competing for
    the same narrow row at 320-430px. */
 body.workspace-project-navigation .filter-panel .filters{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  align-items:stretch;
  width:100%;
 }
 body.workspace-project-navigation .filter-panel .filters>label,
 body.workspace-project-navigation .filter-panel .filters>.date-filter{
  width:100%;
  min-width:0;
  max-width:none;
  flex-basis:auto;
 }
 body.workspace-project-navigation .filter-panel .quick-dates{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  width:100%;
 }
 body.workspace-project-navigation .filter-panel .quick-dates button{
  width:100%;
  white-space:normal;
 }
 body.workspace-project-navigation .filter-top-search{
  grid-template-columns:minmax(0,1fr);
  width:100%;
 }
 body.workspace-project-navigation .filter-top-search>strong{
  grid-column:auto;
 }
 body.workspace-project-navigation .filter-top-search>button{
  width:100%;
 }

 /* Standalone filter/tool rows (Team Activity, management, monthly entry and
    coordination pages) also stack without reducing touch target size. */
 body.workspace-project-navigation .activity-filter-top,
 body.workspace-project-navigation .activity-filter-actions,
 body.workspace-project-navigation .activity-filter-grid,
 body.workspace-project-navigation .tw-toolbar,
 body.workspace-project-navigation .mm-controls .filters,
 body.workspace-project-navigation #mm-entry .filters,
 body.workspace-project-navigation .access-navigation{
  width:100%;
  min-width:0;
 }
 body.workspace-project-navigation .activity-filter-top{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  align-items:stretch;
 }
 body.workspace-project-navigation .activity-filter-actions{
  justify-content:stretch;
 }
 body.workspace-project-navigation .activity-filter-actions>*{
  flex:1 1 100%;
  width:100%;
  justify-content:flex-start;
  white-space:normal;
 }
 body.workspace-project-navigation .activity-filter-grid{
  grid-template-columns:minmax(0,1fr);
 }
 body.workspace-project-navigation .activity-filter-grid>label,
 body.workspace-project-navigation .activity-filter-grid>.activity-quick-ranges{
  grid-column:auto;
  width:100%;
  min-width:0;
 }
 body.workspace-project-navigation .activity-quick-ranges>div{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  width:100%;
  height:auto;
  gap:7px;
 }
 body.workspace-project-navigation .activity-quick-ranges button,
 body.workspace-project-navigation .activity-quick-ranges button:first-child,
 body.workspace-project-navigation .activity-quick-ranges button:last-child{
  width:100%;
  min-height:44px;
  border:1px solid #8fa8b8;
  border-radius:7px;
 }
 body.workspace-project-navigation .tw-toolbar>*,
 body.workspace-project-navigation .mm-controls .filters>label,
 body.workspace-project-navigation #mm-entry .filters>label,
 body.workspace-project-navigation .access-navigation>a{
  flex:1 1 100%;
  width:100%;
 }

 /* Deliberately contain large visual/data surfaces instead of clipping the
    body. Both axes remain available to touch and keyboard users. */
 body.workspace-project-navigation .table-wrap,
 body.workspace-project-navigation .activity-table-wrap,
 body.workspace-project-navigation .companion-table,
 body.workspace-project-navigation .chart-scroll,
 body.workspace-project-navigation .mm-chart,
 body.workspace-project-navigation .activity-trend,
 body.workspace-project-navigation .tw-calendar,
 body.workspace-project-navigation #recordList,
 body.workspace-project-navigation #reportList{
  width:100%;
  min-width:0;
  max-width:100%;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  touch-action:pan-x pan-y;
  -webkit-overflow-scrolling:touch;
 }
 body.workspace-project-navigation .tw-calendar{
  grid-template-columns:repeat(2,minmax(0,1fr));
 }
 body.workspace-project-navigation .dialog-head,
 body.workspace-project-navigation .section-head,
 body.workspace-project-navigation .report-actions,
 body.workspace-project-navigation .save-bar,
 body.workspace-project-navigation .save-bar>div{
  flex-wrap:wrap;
 }
}

@media(max-width:360px){
 body.workspace-project-navigation .filter-panel .quick-dates{
  grid-template-columns:minmax(0,1fr);
 }
 body.workspace-project-navigation .kpis,
 body.workspace-project-navigation .attention-grid,
 body.workspace-project-navigation .observation-kpis,
 body.workspace-project-navigation .tw-overview-tiles{
  grid-template-columns:minmax(0,1fr);
 }
}
/* 5.0.15 live hotfix: standalone tools use the same rail geometry as dashboard pages. */
body.workspace-project-navigation.workspace-standalone-nav>.inspection-navigation{display:none!important}
@media(min-width:901px){body.workspace-project-navigation.workspace-standalone-nav{display:grid!important;grid-template-columns:242px minmax(0,1fr);align-items:start;min-height:100vh}body.workspace-project-navigation.workspace-standalone-nav>.workspace-injected-sidebar{position:sticky;top:0;height:100vh;min-height:100vh;overflow-y:auto;overflow-x:hidden;padding:10px 18px;background:#102b43;color:#e7eff8;z-index:20}body.workspace-project-navigation.workspace-standalone-nav>.workspace-injected-sidebar #workspace-project-context{padding:7px 9px;margin:0 0 7px}body.workspace-project-navigation.workspace-standalone-nav>main{grid-column:2;min-width:0;width:100%}}
@media(min-width:901px) and (max-width:1200px){body.workspace-project-navigation.workspace-standalone-nav{grid-template-columns:205px minmax(0,1fr)}}
@media(max-width:900px){body.workspace-project-navigation.workspace-standalone-nav{display:block!important}body.workspace-project-navigation.workspace-standalone-nav>.workspace-injected-sidebar{position:sticky;top:0;width:100%;height:52px;min-height:52px;padding:0;box-sizing:border-box;overflow:visible}body.workspace-project-navigation.workspace-standalone-nav>.workspace-injected-sidebar #workspace-project-context{margin:0;padding:0 8px}body.workspace-project-navigation.workspace-standalone-nav>main{width:100%}}
/* Match the established900px shell without changing desktop rail geometry. */
@media(max-width:900px){
 .workspace-project-navigation.workspace-mobile-menu-open .shell>aside,
 .workspace-project-navigation.workspace-mobile-menu-open>.workspace-injected-sidebar{z-index:110}
 .workspace-project-navigation #workspace-project-context [data-workspace-menu],
 .workspace-project-navigation #workspace-project-context [data-workspace-menu]>summary{box-sizing:border-box}
 .workspace-project-navigation #workspace-project-context [data-workspace-menu]>summary{position:static;min-height:52px!important}
 .workspace-project-navigation.workspace-mobile-menu-open #workspace-project-context [data-workspace-menu]>summary{position:sticky}
 .workspace-project-navigation #workspace-project-context nav a,
 .workspace-project-navigation #workspace-project-context [data-nav-group]>summary{min-height:44px}
}
