/* GaliVue V5.2.1 LIVE R4B — public version placement + Dashboard recovery.
   Presentation-only. No backend/workflow geometry changes. */

#dashboardPanel .gv521-public-version{
  appearance:none;
  -webkit-appearance:none;
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:14px;
  margin:0;
  padding:1px 2px;
  border:0;
  border-radius:4px;
  background:transparent;
  color:#8a8c84;
  font:760 .56rem/1.05 system-ui,-apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;
  letter-spacing:.015em;
  white-space:nowrap;
  cursor:pointer;
  box-shadow:none;
}
#dashboardPanel .gv521-public-version:hover,
#dashboardPanel .gv521-public-version:focus-visible{
  color:#171814;
  background:rgba(218,255,61,.28);
  outline:none;
}
#dashboardPanel .gv521-public-version:focus-visible{
  box-shadow:0 0 0 2px rgba(151,196,28,.26);
}

/* The version belongs to the GaliVue brand, never to the page title. */
#dashboardPanel .gv521-brand-stack{
  display:flex;
  flex:0 0 auto;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:1px;
  min-width:0;
}

/* Desktop: keep the main header title clean and place the release number below
   the permanent GaliVue logo in the left sidebar. */
#dashboardPanel .gv521-sidebar-version{
  display:inline-flex;
  align-self:flex-start;
  margin:-19px 0 17px 22px;
  padding:1px 2px;
  font-size:.54rem;
}
@media (min-width:1081px){
  #dashboardPanel .workspace-head .gv521-brand-stack{display:none!important}
}
@container gv39-dashboard (max-width:1180px){
  #dashboardPanel .gv521-sidebar-version{
    align-self:center;
    margin:-19px 0 17px!important;
    font-size:.50rem;
  }
}

#dashboardPanel .gv521-dashboard-recovery-card{
  grid-column:1/-1!important;
  min-height:0!important;
  align-items:flex-start!important;
  gap:7px!important;
}
#dashboardPanel .gv521-dashboard-recovery-card strong{font-size:1rem}
#dashboardPanel .gv521-dashboard-recovery-card span,
#dashboardPanel .gv521-dashboard-recovery-copy span{color:#777970;line-height:1.45}
#dashboardPanel .gv521-dashboard-recovery-card button{margin-top:4px}
#dashboardPanel .gv521-dashboard-recovery-copy{
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:14px 4px;
}

.gv521-release-layer{
  position:fixed;
  inset:0;
  z-index:10040;
  display:grid;
  place-items:center;
  padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));
  background:rgba(19,20,17,.30);
  -webkit-backdrop-filter:blur(14px) saturate(125%);
  backdrop-filter:blur(14px) saturate(125%);
}
.gv521-release-layer.hidden{display:none!important}
.gv521-release-card{
  width:min(440px,100%);
  max-height:min(680px,calc(100dvh - 36px));
  overflow:auto;
  overscroll-behavior:contain;
  border:1px solid rgba(255,255,255,.80);
  border-radius:24px;
  background:rgba(252,251,247,.97);
  box-shadow:0 28px 80px rgba(21,21,21,.22),inset 0 1px 0 rgba(255,255,255,.88);
  padding:20px;
  color:#171814;
}
.gv521-release-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.gv521-release-head small{display:block;color:#797b72;font-weight:800;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px}
.gv521-release-head h2{margin:0;font-size:1.35rem;line-height:1.08;letter-spacing:-.035em}
.gv521-release-close{
  appearance:none;-webkit-appearance:none;flex:0 0 auto;width:36px;height:36px;border-radius:50%;
  border:1px solid rgba(21,21,21,.10);background:rgba(255,255,255,.72);font-size:1.35rem;line-height:1;cursor:pointer
}
.gv521-release-meta{display:flex;align-items:center;gap:8px;margin:13px 0 17px;color:#696b63;font-size:.78rem}
.gv521-release-pill{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;background:#dfff3d;color:#151515;font-weight:900}
.gv521-release-section{padding:14px 0;border-top:1px solid rgba(21,21,21,.08)}
.gv521-release-section h3{margin:0 0 8px;font-size:.92rem}
.gv521-release-section ul{margin:0;padding-left:18px;color:#55584f;line-height:1.5}
.gv521-release-section li+li{margin-top:6px}
.gv521-release-section p{margin:0;color:#62645d;line-height:1.5}
.gv521-release-footer{padding-top:14px;border-top:1px solid rgba(21,21,21,.08);font-size:.78rem;color:#777970}

/* Compact/tablet: the logo and release number share the existing first header
   cell. The page title keeps its original title cell and therefore no longer
   gets squeezed by the version number. */
@media (max-width:1080px){
  #dashboardPanel .gv521-sidebar-version{display:none!important}
  html body #dashboardPanel .workspace-head .gv521-brand-stack{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
    min-width:82px!important;
    max-width:94px!important;
    margin:0!important;
    padding:0!important;
  }
  html body #dashboardPanel .workspace-head .gv521-brand-stack .workspace-brand-mark{
    grid-column:auto!important;
    grid-row:auto!important;
    align-self:center!important;
    justify-self:center!important;
    height:29px!important;
    min-height:29px!important;
    margin:0!important;
    padding:0!important;
  }
  html body #dashboardPanel .workspace-head .gv521-brand-stack .workspace-brand-mark img{
    margin:0!important;
  }
  html body #dashboardPanel .workspace-head .gv521-brand-stack .gv521-public-version{
    align-self:center!important;
    justify-self:center!important;
    min-height:12px!important;
    margin:-1px 0 0!important;
    padding:0 2px!important;
    font-size:.50rem!important;
    line-height:1!important;
  }
}

@media (min-width:768px) and (max-width:1080px){
  html body #dashboardPanel .workspace-head .gv521-brand-stack{
    grid-column:1!important;
    grid-row:1!important;
    height:50px!important;
  }
  html body #dashboardPanel .workspace-head .gv521-brand-stack .workspace-brand-mark img{
    height:27px!important;
    max-width:94px!important;
  }
}

@media (max-width:767px){
  /* Preserve the approved three-region phone header: brand | title | account. */
  html body #dashboardPanel .workspace-head,
  html body #dashboardPanel .workspace-head.gv5158-has-app-slot,
  html body #dashboardPanel.gv51112-rails-ready > .workspace-head,
  html body #dashboardPanel.gv51112-rails-ready > .workspace-head.gv5158-has-app-slot{
    grid-template-columns:auto minmax(0,1fr) auto!important;
    column-gap:8px!important;
  }
  html body #dashboardPanel .workspace-head .gv521-brand-stack{
    grid-column:1!important;
    grid-row:1!important;
    height:46px!important;
    min-width:82px!important;
    max-width:82px!important;
  }
  html body #dashboardPanel .workspace-head .gv521-brand-stack .workspace-brand-mark{
    height:28px!important;
    min-height:28px!important;
  }
  html body #dashboardPanel .workspace-head .gv521-brand-stack .workspace-brand-mark img{
    height:25px!important;
    max-width:82px!important;
  }
  html body #dashboardPanel .workspace-head .workspace-brand-copy{
    grid-column:2!important;
    grid-row:1!important;
  }
  html body #dashboardPanel .workspace-head > .workspace-head-actions,
  html body #dashboardPanel .workspace-head.gv5158-has-app-slot > .workspace-head-actions{
    grid-column:3!important;
    grid-row:1!important;
  }
  html body #dashboardPanel .workspace-head .gv521-brand-stack .gv521-public-version{
    font-size:.48rem!important;
  }
  .gv521-release-card{border-radius:20px;padding:18px}
}

@media (max-width:360px){
  html body #dashboardPanel .workspace-head .gv521-brand-stack{
    min-width:76px!important;
    max-width:76px!important;
  }
  html body #dashboardPanel .workspace-head .gv521-brand-stack .workspace-brand-mark img{
    height:23px!important;
    max-width:76px!important;
  }
  html body #dashboardPanel .workspace-head .gv521-brand-stack .gv521-public-version{font-size:.45rem!important}
  html body #dashboardPanel .workspace-head,
  html body #dashboardPanel .workspace-head.gv5158-has-app-slot{column-gap:6px!important}
}