/* SUUSSTUDIO™ V4.6 · AI COMMAND COMPOSITION
   Ensemble first. Thirteen controlled role nodes second. Active intelligence focus third.
   No floating cards beyond the composition. */

.v4-assistants{padding-bottom:clamp(90px,12vh,150px)!important}
.v4-ai-wall{
  position:relative!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:auto auto auto!important;
  gap:clamp(18px,2.5vw,34px)!important;
  perspective:none!important;
  transform-style:flat!important;
  max-width:1380px!important;
  margin:0 auto!important;
}

.v4-ai-collective{
  position:relative!important;
  left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  width:min(1120px,100%)!important;
  height:auto!important;
  min-height:clamp(460px,57vw,630px)!important;
  margin:0 auto!important;
  transform:none!important;
  background-color:#030405!important;
  box-shadow:0 50px 150px rgba(0,0,0,.62),0 0 0 1px rgba(112,208,213,.035)!important;
}
.v4-ai-collective::before{
  inset:2.5%!important;
  background-image:url('/v46-agents.svg')!important;
  background-size:contain!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
}
.v4-ai-collective>span{
  left:20px!important;bottom:16px!important;
  padding:7px 10px!important;
  background:rgba(3,4,6,.74)!important;
  border-left:1px solid rgba(112,208,213,.42)!important;
  color:rgba(245,240,233,.58)!important;
}

.v4-ai-nodes{
  position:relative!important;
  inset:auto!important;
  width:min(1240px,100%)!important;
  height:auto!important;
  margin:0 auto!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:8px!important;
  overflow:visible!important;
  transform:none!important;
  transform-style:flat!important;
}
.v4-ai-nodes button,
.v4-ai-nodes button:nth-child(n){
  position:relative!important;
  inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  min-height:92px!important;
  padding:36px 13px 13px!important;
  transform:none!important;
  background:linear-gradient(150deg,rgba(15,18,22,.86),rgba(4,5,7,.92))!important;
  border:1px solid rgba(255,255,255,.105)!important;
  backdrop-filter:none!important;
  overflow:hidden!important;
}
.v4-ai-nodes button::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(112,208,213,.3),rgba(122,16,47,.35),transparent);
  opacity:.65;
}
.v4-ai-nodes button:hover,.v4-ai-nodes button.is-active{
  transform:translateY(-4px)!important;
  border-color:rgba(112,208,213,.52)!important;
  background:linear-gradient(150deg,rgba(13,24,27,.94),rgba(20,7,13,.94))!important;
  box-shadow:0 20px 48px rgba(0,0,0,.32)!important;
}
.v4-ai-nodes button b{font-size:.68rem!important;letter-spacing:.13em!important;white-space:nowrap!important}
.v4-ai-nodes button span{display:block!important;margin-top:5px!important;font-size:.45rem!important;line-height:1.35!important}
.v4-ai-nodes button::before{width:16px!important;height:16px!important;left:13px!important;top:11px!important}

.v4-ai-focus{
  position:relative!important;
  left:auto!important;right:auto!important;bottom:auto!important;top:auto!important;
  width:min(760px,100%)!important;
  margin:10px auto 0!important;
  transform:none!important;
  padding:26px 32px!important;
  text-align:left!important;
  border-top:1px solid rgba(112,208,213,.24)!important;
  border-bottom:1px solid rgba(122,16,47,.3)!important;
}
.v4-ai-focus h3{font-size:clamp(2.4rem,4vw,4.8rem)!important;line-height:.86!important}
.v4-ai-focus p{margin-left:0!important;max-width:54ch!important}

@media(max-width:1120px) and (min-width:761px){
  .v4-ai-nodes{grid-template-columns:repeat(5,minmax(0,1fr))!important}
  .v4-ai-collective{min-height:520px!important}
}

@media(max-width:760px),(pointer:coarse){
  .v4-ai-wall{display:grid!important;grid-template-rows:auto auto auto!important;gap:18px!important}
  .v4-ai-collective{
    position:relative!important;
    left:auto!important;right:auto!important;top:auto!important;
    width:100%!important;
    height:auto!important;
    min-height:310px!important;
    margin:0!important;
  }
  .v4-ai-collective::before{
    inset:4px!important;
    background-size:contain!important;
    background-position:center!important;
  }
  .v4-ai-collective>span{font-size:.43rem!important;letter-spacing:.12em!important}
  .v4-ai-nodes{
    position:relative!important;
    top:auto!important;left:auto!important;right:auto!important;
    width:100%!important;height:auto!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    overflow:visible!important;
    padding:0!important;
  }
  .v4-ai-nodes button,.v4-ai-nodes button:nth-child(n){
    flex:none!important;width:auto!important;min-height:82px!important;height:auto!important;
    padding:34px 11px 11px!important;scroll-snap-align:none!important;
  }
  .v4-ai-nodes button:last-child{grid-column:1/-1!important;width:50%!important;justify-self:center!important}
  .v4-ai-focus{
    position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;
    width:100%!important;margin:4px 0 0!important;padding:22px 18px!important;text-align:left!important;
  }
  .v4-ai-focus h3{font-size:clamp(2.4rem,12vw,4rem)!important}
}