/* ZEAM_WEBHOOK_LAB_PREMIUM_V55 */

body.zs55-lab-premium .zs53-hero{
  position:relative;
  min-height:300px;
  background:
    radial-gradient(circle at 86% 10%,rgba(40,231,255,.18),transparent 35%),
    radial-gradient(circle at 12% 92%,rgba(255,139,61,.12),transparent 34%),
    linear-gradient(135deg,rgba(9,27,51,.90),rgba(1,8,17,.96))!important;
}

body.zs55-lab-premium .zs53-hero:after{
  content:"";
  position:absolute;
  inset:auto 30px 24px auto;
  width:260px;
  height:260px;
  border:1px solid rgba(40,231,255,.18);
  border-radius:50%;
  background:
    radial-gradient(circle,rgba(40,231,255,.12),transparent 60%),
    conic-gradient(from 120deg,transparent,rgba(40,231,255,.18),transparent,rgba(255,217,130,.18),transparent);
  opacity:.75;
  filter:blur(.2px);
  pointer-events:none;
}

.zs55-cockpit{
  margin:20px 0;
  border:1px solid rgba(40,231,255,.20);
  border-radius:38px;
  background:
    radial-gradient(circle at 86% 0%,rgba(40,231,255,.12),transparent 34%),
    linear-gradient(145deg,rgba(4,21,38,.94),rgba(1,8,17,.97));
  box-shadow:0 0 48px rgba(0,170,255,.12),inset 0 1px 0 rgba(255,255,255,.05);
  overflow:hidden;
}

.zs55-cockpit-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  padding:22px 22px 0;
}

.zs55-title{
  color:#fff;
  font-size:23px;
  font-weight:1000;
}

.zs55-sub{
  color:#93aabd;
  font-size:12px;
  line-height:1.8;
  margin-top:5px;
}

.zs55-chip{
  display:inline-flex;
  min-height:32px;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,217,130,.26);
  color:#ffe4aa;
  background:rgba(255,217,130,.08);
  border-radius:999px;
  padding:0 12px;
  font-size:11px;
  font-weight:1000;
  white-space:nowrap;
}

.zs55-chain{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  padding:22px;
}

.zs55-step{
  position:relative;
  min-height:138px;
  border:1px solid rgba(40,231,255,.14);
  border-radius:26px;
  background:
    radial-gradient(circle at 80% 0%,rgba(40,231,255,.10),transparent 35%),
    rgba(1,10,19,.58);
  padding:15px;
  overflow:hidden;
}

.zs55-step:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(115deg,transparent,rgba(255,255,255,.035),transparent);
  pointer-events:none;
}

.zs55-step small{
  display:block;
  color:#93aabd;
  font-size:11px;
  font-weight:900;
  margin-bottom:9px;
}

.zs55-step strong{
  display:block;
  color:#fff;
  font-size:24px;
  line-height:1.05;
}

.zs55-step span{
  display:block;
  margin-top:10px;
  color:#c8f8ff;
  font-size:11px;
  line-height:1.7;
}

.zs55-step.good{
  border-color:rgba(80,255,200,.24);
}

.zs55-step.bad{
  border-color:rgba(255,120,152,.26);
}

.zs55-step.warn{
  border-color:rgba(255,217,130,.26);
}

.zs55-toolbelt{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  padding:0 22px 22px;
}

.zs55-mini-btn{
  min-height:48px;
  border:1px solid rgba(40,231,255,.18);
  border-radius:17px;
  background:rgba(1,10,19,.62);
  color:#e8fbff;
  font-size:12px;
  font-weight:1000;
  cursor:pointer;
}

.zs55-mini-btn.primary{
  border-color:rgba(40,231,255,.50);
  background:linear-gradient(135deg,rgba(20,125,255,.35),rgba(1,10,19,.82));
}

.zs55-mini-btn.gold{
  border-color:rgba(255,217,130,.28);
  color:#ffe4aa;
  background:rgba(255,217,130,.08);
}

.zs55-mini-btn.red{
  border-color:rgba(255,120,152,.26);
  color:#ffc6d2;
  background:rgba(255,120,152,.08);
}

.zs55-validator{
  margin-top:14px;
  border:1px solid rgba(40,231,255,.15);
  border-radius:22px;
  background:rgba(1,10,19,.54);
  padding:14px;
}

.zs55-validator-title{
  color:#fff;
  font-size:15px;
  font-weight:1000;
  margin-bottom:10px;
}

.zs55-check-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}

.zs55-check{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:center;
  border:1px solid rgba(40,231,255,.10);
  border-radius:14px;
  padding:10px;
  color:#c8f8ff;
  font-size:12px;
  background:rgba(255,255,255,.025);
}

.zs55-check.good{
  border-color:rgba(80,255,200,.22);
}

.zs55-check.bad{
  border-color:rgba(255,120,152,.24);
}

.zs55-check b{
  color:#fff;
}

.zs55-route-map{
  display:grid;
  gap:10px;
  margin-top:14px;
}

.zs55-route-map-item{
  border:1px solid rgba(40,231,255,.12);
  border-radius:16px;
  background:rgba(1,10,19,.45);
  padding:12px;
  color:#c8f8ff;
  direction:ltr;
  text-align:left;
  font-size:12px;
}

.zs55-error-strip{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  padding:0 22px 22px;
}

.zs55-error-box{
  border:1px solid rgba(255,120,152,.18);
  border-radius:22px;
  background:rgba(255,120,152,.045);
  padding:14px;
}

.zs55-error-box h4{
  margin:0 0 10px;
  color:#fff;
  font-size:14px;
}

.zs55-error-box pre{
  margin:0;
  white-space:pre-wrap;
  word-break:break-word;
  color:#ffc6d2;
  font-size:11px;
  line-height:1.7;
  direction:ltr;
  text-align:left;
}

body.zs55-lab-premium .zs53-lab-grid{
  grid-template-columns:390px 1.25fr!important;
  align-items:start;
}

body.zs55-lab-premium .zs53-card{
  border-radius:30px!important;
}

body.zs55-lab-premium [data-zs53-payload]{
  min-height:520px!important;
  font-size:12.5px!important;
}

body.zs55-lab-premium .zs53-result{
  min-height:520px!important;
}

@media(max-width:1100px){
  .zs55-chain,
  .zs55-toolbelt,
  .zs55-error-strip,
  body.zs55-lab-premium .zs53-lab-grid{
    grid-template-columns:1fr 1fr!important;
  }
}

@media(max-width:760px){
  .zs55-chain,
  .zs55-toolbelt,
  .zs55-error-strip,
  .zs55-check-grid,
  body.zs55-lab-premium .zs53-lab-grid{
    grid-template-columns:1fr!important;
  }

  .zs55-cockpit{
    border-radius:26px;
  }

  .zs55-cockpit-head{
    display:grid;
    grid-template-columns:1fr;
  }
}