/* Header alignment + worker profile artwork. Presentation only. */

/* Desktop: brand and tabs form one left-aligned cluster; actions stay right. */
@media(min-width:801px){
  header{
    justify-content:flex-start!important;
    gap:0!important;
  }
  header .brand{
    flex:0 0 auto;
    margin-right:clamp(26px,3vw,48px)!important;
  }
  header .nav{
    flex:0 0 auto;
    margin:0!important;
    justify-content:flex-start!important;
  }
  header .actions{
    margin-left:auto!important;
    flex:0 0 auto;
  }
}

/* Worker profile card becomes image + information, while keeping the same live data. */
.worker-card{
  position:relative;
}
.worker-profile-shell{
  display:grid;
  grid-template-columns:104px minmax(0,1fr);
  gap:18px;
  align-items:start;
}
.worker-profile-art{
  width:104px;
  aspect-ratio:1/1;
  overflow:hidden;
  border:1px solid rgba(214,254,80,.16);
  background:linear-gradient(145deg,#0c120a,#040604);
}
.worker-profile-art img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  image-rendering:pixelated;
  transition:transform .3s cubic-bezier(.22,.8,.22,1),filter .25s ease;
}
.worker-card:hover .worker-profile-art img{
  transform:scale(1.025);
  filter:brightness(1.035);
}
.worker-profile-art-loading{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  color:#73805f;
  font-family:var(--pixel);
  font-size:7px;
  letter-spacing:.4px;
}
.worker-profile-body{
  min-width:0;
}
.worker-profile-body>.nft-line{
  margin-top:0!important;
}
.worker-profile-body .profile-grid{
  margin-top:16px!important;
}

@media(max-width:1180px) and (min-width:801px){
  header .brand{margin-right:24px!important}
  header .nav{gap:14px!important}
  .nav button{padding-left:6px!important;padding-right:6px!important;font-size:11px!important}
  .worker-profile-shell{grid-template-columns:88px minmax(0,1fr);gap:14px}
  .worker-profile-art{width:88px}
}

@media(max-width:800px){
  /* Existing responsive header intentionally keeps tabs on their own row. */
  .worker-profile-shell{
    grid-template-columns:82px minmax(0,1fr);
    gap:13px;
  }
  .worker-profile-art{width:82px}
}

@media(max-width:480px){
  .worker-profile-shell{
    grid-template-columns:72px minmax(0,1fr);
    gap:11px;
  }
  .worker-profile-art{width:72px}
  .worker-profile-body .profile-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
  }
}