/* Digital Hub V133 · employment cleanup, sign-in blue, navigation-group spacing */

/* HiwiLog employment in People → Manage: cleaner hierarchy. */
.hub-hiwi-employment-v133 .hub-employment-grid-v133{
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:end;
}
.hub-hiwi-employment-v133 .hub-employment-date-row-v133{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.85rem 1rem;
}
.hub-hiwi-employment-v133 input[inputmode="numeric"]{
  font-variant-numeric:tabular-nums;
}
@media(max-width:820px){
  .hub-hiwi-employment-v133 .hub-employment-grid-v133{grid-template-columns:1fr 1fr}
  .hub-hiwi-employment-v133 .hub-employment-date-row-v133{grid-column:1 / -1}
}
@media(max-width:560px){
  .hub-hiwi-employment-v133 .hub-employment-grid-v133,
  .hub-hiwi-employment-v133 .hub-employment-date-row-v133{grid-template-columns:1fr}
}

/* Light-mode sign-in uses the same RWTH institutional blue as the primary
   verification action, with quiet geometric depth rather than shine. */
html:not([data-theme="dark"]) .login-story{
  background:#00549F!important;
}
html:not([data-theme="dark"]) .login-story::before{
  content:""!important;
  display:block!important;
  opacity:1!important;
  position:absolute!important;
  inset:auto -4.5rem -6rem auto!important;
  width:17rem!important;
  height:17rem!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:50%!important;
  box-shadow:0 0 0 3.5rem rgba(255,255,255,.025),0 0 0 7rem rgba(255,255,255,.018)!important;
  background:transparent!important;
  pointer-events:none!important;
}
html:not([data-theme="dark"]) .login-story::after{
  content:""!important;
  display:block!important;
  opacity:1!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(135deg,rgba(255,255,255,.055) 0%,rgba(255,255,255,0) 38%,rgba(0,45,86,.08) 100%)!important;
  pointer-events:none!important;
}
html:not([data-theme="dark"]) .login-story-copy .eyebrow,
html:not([data-theme="dark"]) .login-story .eyebrow{
  color:#fff!important;
  background:rgba(255,255,255,.10)!important;
  border-color:rgba(255,255,255,.22)!important;
}
html:not([data-theme="dark"]) .login-story-copy h1,
html:not([data-theme="dark"]) .login-story-copy p,
html:not([data-theme="dark"]) .login-flow strong,
html:not([data-theme="dark"]) .login-flow small,
html:not([data-theme="dark"]) .login-product-lineup .login-product span{
  color:#fff!important;
}
html:not([data-theme="dark"]) .login-story-copy p,
html:not([data-theme="dark"]) .login-flow small{
  color:rgba(255,255,255,.78)!important;
}
html:not([data-theme="dark"]) .login-flow>span{
  color:#fff!important;
  border-color:rgba(255,255,255,.32)!important;
  background:rgba(255,255,255,.08)!important;
}
html:not([data-theme="dark"]) .login-flow>div,
html:not([data-theme="dark"]) .login-product-lineup .login-product{
  background:rgba(0,45,86,.13)!important;
  border-color:rgba(255,255,255,.14)!important;
}

/* Clarify that People / Apps / Hub Settings form a management group. The
   increased breathing room is viewport-aware and only applies when that
   sidebar group is actually rendered. */
body.hub-manager-mode.imb-institutional-aurora #hubSidebar .hub-management-label{
  margin-top:clamp(.85rem,1.7vh,1.35rem)!important;
}
@media(max-width:900px){
  body.hub-manager-mode.imb-institutional-aurora #hubSidebar .hub-management-label{
    margin-top:clamp(.65rem,1.4vh,1rem)!important;
  }
}
@media(max-width:820px){
  body.hub-manager-mode.imb-institutional-aurora #hubSidebar .hub-management-label{
    margin-top:.7rem!important;
  }
}

/* V178 used a deliberately high-specificity geometry selector. Match it so
   the new group separation wins without changing the accepted card sizes. */
body.hub-manager-mode.imb-institutional-aurora #appView#appView#appView #hubSidebar#hubSidebar .hub-management-label{
  margin:clamp(.85rem,1.7vh,1.35rem) 0 .1rem!important;
}
@media(max-width:900px){
  body.hub-manager-mode.imb-institutional-aurora #appView#appView#appView #hubSidebar#hubSidebar .hub-management-label{
    margin:clamp(.65rem,1.4vh,1rem) 0 .1rem!important;
  }
}