/* HE Supply edge polish
   Status/value content keeps breathing room, Current Movement dissolves into
   the black canvas, and public test evidence reads as a deliberate HE surface. */

.client-current-brief{
  position:relative;
  border-top:0!important;
}
.client-current-brief:before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:1px;
  background:linear-gradient(90deg,rgba(51,65,72,.92) 0%,rgba(51,65,72,.72) 76%,rgba(51,65,72,0) 100%);
  pointer-events:none;
}

.client-current-brief .brief-state{
  position:relative;
  border-top:0!important;
}
.client-current-brief .brief-state:before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:1px;
  background:linear-gradient(90deg,rgba(28,39,45,.95) 0%,rgba(28,39,45,.72) 78%,rgba(28,39,45,0) 100%);
  pointer-events:none;
}
.client-current-brief .brief-state div{
  position:relative;
  padding:11px 18px 11px 14px!important;
  border-bottom:0!important;
}
.client-current-brief .brief-state div:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg,rgba(28,39,45,.95) 0%,rgba(28,39,45,.72) 78%,rgba(28,39,45,0) 100%);
  pointer-events:none;
}

/* The hero orbit should disappear into the canvas before the hero clips it. */
.client-home-hero:after{
  -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 76%,rgba(0,0,0,.72) 84%,transparent 100%);
  mask-image:linear-gradient(90deg,#000 0%,#000 76%,rgba(0,0,0,.72) 84%,transparent 100%);
}

.account-signed-in .account-activity-row{
  padding-left:14px!important;
  padding-right:14px!important;
}

.account-signed-in .request-row{
  padding-left:16px!important;
  padding-right:16px!important;
}

/* Public product proof: HE Test Focus is evidence, not a spreadsheet. */
.world-v2 .public-test-focus{
  position:relative;
  display:grid!important;
  grid-template-columns:minmax(190px,.72fr) repeat(2,minmax(0,1fr))!important;
  grid-template-rows:auto minmax(92px,1fr) minmax(92px,1fr)!important;
  min-height:250px;
  margin-top:0;
  border-top:1px solid #1c262d!important;
  border-bottom:1px solid #1c262d!important;
  overflow:hidden;
  background:linear-gradient(120deg,rgba(224,196,101,.018),transparent 40%);
}
.world-v2 .public-test-focus:before{
  content:"HE";
  grid-column:1;
  grid-row:1 / 4;
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  color:#11181c;
  font-size:88px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.08em;
  border-right:1px solid #1c262d;
  background:
    radial-gradient(circle at 62% 38%,rgba(224,196,101,.08),transparent 34%),
    linear-gradient(145deg,#090d10,#050708 68%);
}
.world-v2 .public-test-focus:after{
  content:"REAL UNIT PHOTO / HE EVIDENCE";
  position:absolute;
  left:16px;
  bottom:14px;
  color:#65737b;
  font:800 7px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.world-v2 .public-test-focus>*{
  min-width:0;
  padding:0!important;
  border:0!important;
}
.world-v2 .public-test-focus>small{
  grid-column:2 / 4;
  grid-row:1;
  align-self:end;
  margin:0!important;
  padding:20px 22px 13px!important;
  color:#e0c465!important;
}
.world-v2 .public-test-focus>span{
  position:relative;
  display:flex;
  align-items:flex-end;
  padding:22px!important;
  color:#d5dadd!important;
  font-size:12px!important;
  line-height:1.35!important;
  letter-spacing:-.01em;
}
.world-v2 .public-test-focus>span:before{
  position:absolute;
  top:17px;
  left:22px;
  color:#73818a;
  font:800 8px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  letter-spacing:.14em;
}
.world-v2 .public-test-focus>span:nth-of-type(1){grid-column:2;grid-row:2;border-top:1px solid #182229!important;border-right:1px solid #182229!important}
.world-v2 .public-test-focus>span:nth-of-type(2){grid-column:3;grid-row:2;border-top:1px solid #182229!important}
.world-v2 .public-test-focus>span:nth-of-type(3){grid-column:2;grid-row:3;border-top:1px solid #182229!important;border-right:1px solid #182229!important}
.world-v2 .public-test-focus>span:nth-of-type(4){grid-column:3;grid-row:3;border-top:1px solid #182229!important}
.world-v2 .public-test-focus>span:nth-of-type(1):before{content:"01 / CHARGE ENDURANCE"}
.world-v2 .public-test-focus>span:nth-of-type(2):before{content:"02 / THERMAL"}
.world-v2 .public-test-focus>span:nth-of-type(3):before{content:"03 / OUTPUT"}
.world-v2 .public-test-focus>span:nth-of-type(4):before{content:"04 / REAL DEVICE"}

@media(max-width:900px){
  .world-v2 .public-test-focus{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:240px auto minmax(92px,1fr) minmax(92px,1fr)!important;
  }
  .world-v2 .public-test-focus:before{
    grid-column:1 / 3;
    grid-row:1;
    border-right:0;
    border-bottom:1px solid #1c262d;
  }
  .world-v2 .public-test-focus:after{top:210px;bottom:auto}
  .world-v2 .public-test-focus>small{grid-column:1 / 3;grid-row:2;padding:20px 0 13px!important}
  .world-v2 .public-test-focus>span:nth-of-type(1){grid-column:1;grid-row:3}
  .world-v2 .public-test-focus>span:nth-of-type(2){grid-column:2;grid-row:3}
  .world-v2 .public-test-focus>span:nth-of-type(3){grid-column:1;grid-row:4}
  .world-v2 .public-test-focus>span:nth-of-type(4){grid-column:2;grid-row:4}
}

@media(max-width:620px){
  .client-current-brief .brief-state div{
    padding-left:12px!important;
    padding-right:12px!important;
  }
  .account-signed-in .account-activity-row,
  .account-signed-in .request-row{
    padding-left:12px!important;
    padding-right:12px!important;
  }
  .world-v2 .public-test-focus{
    grid-template-columns:1fr!important;
    grid-template-rows:210px auto repeat(4,minmax(82px,auto))!important;
  }
  .world-v2 .public-test-focus:before{grid-column:1;grid-row:1}
  .world-v2 .public-test-focus:after{top:180px}
  .world-v2 .public-test-focus>small{grid-column:1;grid-row:2}
  .world-v2 .public-test-focus>span:nth-of-type(1),
  .world-v2 .public-test-focus>span:nth-of-type(2),
  .world-v2 .public-test-focus>span:nth-of-type(3),
  .world-v2 .public-test-focus>span:nth-of-type(4){grid-column:1;border-right:0!important}
  .world-v2 .public-test-focus>span:nth-of-type(1){grid-row:3}
  .world-v2 .public-test-focus>span:nth-of-type(2){grid-row:4}
  .world-v2 .public-test-focus>span:nth-of-type(3){grid-row:5}
  .world-v2 .public-test-focus>span:nth-of-type(4){grid-row:6}
}