/* Shared internal header for all current project-workspace routes. */
body.jp-has-workspace-pagebar > .appHeader.jp-workspace-header--absorbed { display:none!important; }
body.jp-overview-summary-head > .appHeader.jp-workspace-header--absorbed { display:none!important; }
body.jp-has-workspace-pagebar:has(.jp-project-nav) #appCapsule { padding-top:18px!important; }
.jp-workspace-pagebar { display:flex;width:min(100%,1120px);max-width:1120px;min-height:50px;margin:0 auto 12px;padding:0 2px;align-items:center;justify-content:space-between;gap:18px;color:#020617;background:transparent; }
.jp-workspace-pagebar__leading { display:flex;min-width:0;align-items:center;gap:10px; }
.jp-workspace-pagebar__copy { min-width:0; }
.jp-workspace-breadcrumb { display:flex;min-width:0;align-items:center;gap:4px;margin-bottom:2px;color:#7a8595;font-size:9px;font-weight:700;line-height:1.25; }
.jp-workspace-breadcrumb a,.jp-workspace-breadcrumb span { max-width:190px;overflow:hidden;color:inherit;text-overflow:ellipsis;white-space:nowrap; }
.jp-workspace-breadcrumb a:hover { color:#af1f24; }
.jp-workspace-breadcrumb ion-icon { flex:0 0 11px;font-size:11px; }
.jp-workspace-pagebar h1 { margin:0;color:#020617;font-size:18px;font-weight:800;letter-spacing:-.025em;line-height:1.25; }
.jp-workspace-pagebar__back { display:grid!important;flex:0 0 32px;width:32px!important;height:32px!important;margin:0!important;padding:0!important;place-items:center;border:0!important;border-radius:8px!important;color:#475569!important;background:#eef2f6!important; }
.jp-workspace-pagebar__back ion-icon { font-size:17px; }
.jp-workspace-pagebar__actions { display:flex;flex:0 0 auto;align-items:center;justify-content:flex-end;gap:8px; }
.jp-workspace-pagebar__actions:empty { display:none; }
.jp-workspace-pagebar__actions .headerButton { display:inline-flex!important;width:auto!important;min-width:0!important;height:34px!important;min-height:34px!important;margin:0!important;padding:7px 10px!important;align-items:center;justify-content:center;gap:6px;border:0!important;border-radius:8px!important;color:#8c252b!important;background:#f7e9eb!important;font-size:11px!important;font-weight:800!important;box-shadow:none!important; }
.jp-workspace-pagebar__actions .headerButton ion-icon { font-size:15px; }
body.jp-has-workspace-pagebar .jp-record-toolbar .jp-record-title { display:none!important; }
body.jp-has-workspace-pagebar .jp-record-toolbar { grid-template-columns:minmax(0,1fr)!important; }
body.jp-has-workspace-pagebar .jp-record-toolbar .jp-record-total { justify-self:end!important; }
body.jp-has-workspace-pagebar .jp-record-toolbar .jp-record-controls { grid-column:1/-1!important;width:100%!important; }
@media(min-width:1024px){
 .jp-project-nav .jp-project-context{min-height:48px!important;align-items:flex-start!important}
 .jp-project-nav .jp-project-context strong{
  display:-webkit-box!important;
  max-width:176px!important;
  overflow:hidden!important;
  line-height:1.25!important;
  text-overflow:clip!important;
  white-space:normal!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
 }
}
@media(max-width:719.98px){
 body.jp-overview-summary-head .jp-project-nav{top:0!important}
 body.jp-overview-summary-head:has(.jp-project-nav) #appCapsule{padding-top:58px!important}
 body.jp-has-workspace-pagebar:has(.jp-project-nav) #appCapsule{padding-top:11px!important}
 .jp-workspace-pagebar{width:calc(100% - 28px);min-height:43px;margin-bottom:66px;padding:0}
 .jp-workspace-pagebar h1{font-size:16px}.jp-workspace-breadcrumb{font-size:8.5px}.jp-workspace-breadcrumb a,.jp-workspace-breadcrumb span{max-width:126px}
 .jp-workspace-pagebar__actions:not(:empty){margin-right:42px}
 .jp-workspace-pagebar__actions .headerButton{width:34px!important;height:34px!important;padding:0!important}.jp-workspace-pagebar__actions .headerButton span{display:none}
}

/* Tablet keeps the project workspace as a horizontal strip. The shared
   720px rule in dashboard-system makes each item full-width, while the
   absorbed page header removes the space that strip previously relied on.
   Treat this range as an explicit layout mode so the strip and page content
   never occupy the same vertical space. */
@media (min-width:720px) and (max-width:1023.98px){
 body.jp-overview-summary-head .jp-project-nav{top:0!important}
 body.jp-overview-summary-head:has(.jp-project-nav) #appCapsule{padding-top:58px!important}
 body.jp-has-workspace-pagebar:has(.jp-project-nav) #appCapsule{padding-top:8px!important}

 .jp-workspace-pagebar{
  width:calc(100% - 32px);
  min-height:48px;
  margin-bottom:68px;
  padding:0;
 }
 .jp-workspace-pagebar__leading{flex:1 1 auto;max-width:calc(100% - 44px)}
 .jp-workspace-pagebar__copy{max-width:100%}
 .jp-workspace-pagebar h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

 .jp-project-nav{
  position:fixed!important;
  top:58px!important;
  right:0!important;
  bottom:auto!important;
  left:0!important;
  display:flex!important;
  width:100%!important;
  height:56px!important;
  min-height:56px!important;
  padding:0 18px!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:2px;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-x:contain;
  scroll-padding-inline:18px;
  scroll-snap-type:x proximity;
  white-space:nowrap;
  -webkit-overflow-scrolling:touch;
 }
 .jp-project-nav .jp-project-context{display:none!important}
 .jp-project-nav .item{
  display:flex!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:116px!important;
  height:56px!important;
  min-height:56px!important;
  margin:0!important;
  padding:5px 12px 4px!important;
  align-items:center;
  border-radius:0!important;
  scroll-snap-align:start;
 }
 .jp-project-nav .item .col{
  display:flex!important;
  min-height:0!important;
  padding:0!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  text-align:center!important;
 }
 .jp-project-nav .item svg,
 .jp-project-nav .item i,
 .jp-project-nav .item ion-icon{width:19px!important;height:19px!important;font-size:18px!important}
 .jp-project-nav .item strong{font-size:10px!important;line-height:1.1;text-align:center!important;white-space:nowrap}
 .jp-project-nav .item.is-active:after{
  right:15px!important;
  bottom:0!important;
  left:15px!important;
  display:block!important;
  height:2px!important;
  content:""!important;
  background:#af1f24!important;
  border-radius:999px 999px 0 0!important;
 }
 .jp-project-nav::after{
  position:sticky;
  z-index:3;
  right:-1px;
  display:block;
  flex:0 0 30px;
  height:56px;
  margin-left:-30px;
  content:"";
  pointer-events:none;
  background:linear-gradient(90deg,rgba(255,255,255,0),#fff 78%);
 }
}