/* D2A shared shell only. Scoped important declarations beat legacy page shell
   overrides without changing cards, forms, canvases, exports or inner layouts. */
html[data-tgl-shell] body > .tgl-shell-header{
  box-sizing:border-box!important;display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;gap:24px!important;
  width:100%!important;max-width:none!important;margin:0!important;
  padding:0 max(20px,calc((100% - 1200px)/2))!important;
  min-height:80px!important;background:#121426!important;
  border-bottom:1px solid #454D62!important;
}
html[data-tgl-shell] .tgl-shell-header > .tgl-shell-brand{min-width:0;margin:0;display:flex;align-items:center}
html[data-tgl-shell] .tgl-shell-header .brand-mark{
  display:inline-flex!important;align-items:center!important;gap:10px!important;
  color:#F4F7F9!important;text-decoration:none!important;white-space:nowrap!important;
}
html[data-tgl-shell] .tgl-shell-header .brand-mark img{width:86.5px!important;height:64px!important;object-fit:contain;flex:none}
html[data-tgl-shell] .tgl-shell-header .brand-mark :is(.brand-name,strong){
  font:700 26.6px/1.12 Arial,sans-serif!important;letter-spacing:-.02em!important;
}
html[data-tgl-shell] .tgl-shell-header > .tgl-header-account{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:44px!important;margin:0!important;padding:8px 10px!important;
  background:transparent!important;border:1px solid #454D62!important;border-radius:8px;
  color:#F4F7F9!important;font:400 14px/1.3 Arial,sans-serif!important;
  text-decoration:none;white-space:nowrap;
}
html[data-tgl-shell] .tgl-shell-header > .tgl-header-account:hover{text-decoration:underline;text-decoration-color:#E6007E;text-underline-offset:4px}
html[data-tgl-shell] .tgl-shell-header > .tgl-shell-nav{
  display:flex!important;position:static!important;align-items:center!important;
  justify-content:flex-end!important;gap:24px!important;
  width:auto!important;max-width:none!important;margin:0!important;padding:0!important;
  height:auto!important;border:0!important;min-width:0;
}
html[data-tgl-shell] .tgl-shell-nav > a{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  flex:none!important;flex-wrap:wrap;column-gap:.3em;min-width:0!important;min-height:80px!important;
  margin:0!important;padding:10px 0!important;border:0!important;border-radius:0!important;
  background:transparent!important;color:#F4F7F9!important;
  font:400 16px/1.3 Arial,sans-serif!important;text-decoration:none!important;
  white-space:nowrap!important;box-shadow:none;
}
html[data-tgl-shell] .tgl-shell-nav > a[aria-current=page]{font-weight:700!important;box-shadow:inset 0 -3px #E6007E}
html[data-tgl-shell] .tgl-shell-nav > a:hover{text-decoration:underline!important;text-decoration-color:#E6007E!important;text-underline-offset:5px;text-decoration-thickness:2px}
html[data-tgl-shell] .tgl-shell-nav .tgl-nav-tail{white-space:nowrap}
/* Focus is independent of selected and hover states, including Explore tools. */
html[data-tgl-shell] .tgl-shell-header a:focus-visible{outline:3px solid #F4F7F9!important;outline-offset:3px;box-shadow:0 0 0 6px #E6007E!important}
html[data-tgl-shell] body > .tgl-shell-main{box-sizing:border-box!important;width:100%;max-width:1240px!important;margin-inline:auto!important;min-width:0}
/* Homepage already has the approved outer shell on its individual sections. */
html[data-tgl-shell] body.tgl-home-workspace > .tgl-shell-main{max-width:none!important}
/* Retain the original right-edge feedback flow, including on workspace pages
   whose local sheets previously moved it into the footer. */
html[data-tgl-shell] body > .tgl-report-tab{
  position:fixed!important;right:0!important;top:50%!important;bottom:auto!important;
  z-index:90;transform:translateY(-50%)!important;writing-mode:vertical-rl!important;
  display:block!important;width:auto!important;max-width:none!important;min-height:0!important;
  margin:0!important;padding:14px 9px!important;border:1px solid #718A9A!important;
  border-right:0!important;border-radius:9px 0 0 9px!important;
  background:#25243C;color:#F4F7F9!important;font:700 13px Arial,sans-serif!important;
  box-shadow:-3px 3px 15px #08081588!important;
}
@media(max-width:1059px){
  html[data-tgl-shell] body > .tgl-shell-header{grid-template-columns:minmax(0,1fr) auto!important;gap:0 16px!important;padding-top:0!important;grid-template-rows:54px auto!important;min-height:64px!important}
  html[data-tgl-shell] .tgl-shell-header .brand-mark img{width:58.1px!important;height:43px!important}
  html[data-tgl-shell] .tgl-shell-header > .tgl-shell-brand{grid-column:1;grid-row:1}
  html[data-tgl-shell] .tgl-shell-header > .tgl-header-account{grid-column:2;grid-row:1;padding-inline:0!important;border-color:transparent!important;justify-content:flex-end!important}
  html[data-tgl-shell] .tgl-shell-header > .tgl-shell-nav{grid-column:1/-1;grid-row:2;justify-content:space-between!important;flex-wrap:wrap!important}
  html[data-tgl-shell] .tgl-shell-nav > a{min-height:54px!important}
}
@media(max-width:680px){
  html[data-tgl-shell] body > .tgl-shell-header{gap:0 10px!important}
  html[data-tgl-shell] .tgl-shell-header .brand-mark{gap:6px!important}
  html[data-tgl-shell] .tgl-shell-header .brand-mark img{width:58.1px!important;height:43px!important}
  html[data-tgl-shell] .tgl-shell-header .brand-mark :is(.brand-name,strong){font-size:18.62px!important}
  html[data-tgl-shell] .tgl-shell-header > .tgl-header-account{font-size:12px!important}
  html[data-tgl-shell] .tgl-shell-header > .tgl-shell-nav{justify-content:space-between!important;gap:12px!important;flex-wrap:nowrap!important}
  html[data-tgl-shell] .tgl-shell-nav > a{font-size:14px!important;white-space:nowrap!important}
  html[data-tgl-shell] .tgl-shell-nav > .tgl-explore-link{font-size:13px!important;max-width:88px;white-space:normal!important}
  html[data-tgl-shell] body > .tgl-report-tab{top:auto!important;bottom:16%!important;transform:none!important;padding:11px 7px!important;font-size:12px!important}
}
@media(max-width:360px){
  html[data-tgl-shell] body > .tgl-shell-header{padding-inline:16px!important}
  html[data-tgl-shell] .tgl-shell-header .brand-mark img{width:56.8px!important;height:42px!important}
  html[data-tgl-shell] .tgl-shell-header .brand-mark :is(.brand-name,strong){font-size:13.5px!important}
  html[data-tgl-shell] .tgl-shell-header > .tgl-shell-nav{gap:10px!important}
  html[data-tgl-shell] .tgl-shell-nav > a{font-size:13px!important}
}

/* Responsive labels retain one link and its existing destination. */
html[data-tgl-shell] .tgl-tools-mobile{display:none}
@media(max-width:1059px){
  html[data-tgl-shell] .tgl-tools-desktop{display:none}
  html[data-tgl-shell] .tgl-tools-mobile{display:inline}
}