.ataket-meta-health{
  position:relative;
  overflow:hidden;
  margin:0 0 18px;
  padding:18px;
  border:1px solid rgba(255,158,31,.22);
  border-radius:24px;
  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(255,145,0,.13),
      transparent 38%
    ),
    linear-gradient(
      145deg,
      rgba(22,25,32,.97),
      rgba(9,11,15,.98)
    );
  box-shadow:
    0 16px 42px rgba(0,0,0,.32),
    inset 0 1px 0 rgba(255,255,255,.035);
}

.ataket-meta-health::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:
    linear-gradient(
      180deg,
      #ffc144,
      #ff7a00
    );
  opacity:.8;
}

.amh-head{
  display:flex;
  align-items:center;
  gap:12px;
}

.amh-icon{
  position:relative;
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:15px;
  font-weight:900;
  font-size:22px;
  color:#fff;
  background:
    linear-gradient(
      145deg,
      #ffb522,
      #ff7300
    );
  box-shadow:
    0 8px 24px rgba(255,127,0,.22);
}

.amh-dot{
  position:absolute;
  width:9px;
  height:9px;
  top:-2px;
  left:-2px;
  border-radius:50%;
  background:#8b949e;
  box-shadow:0 0 0 4px rgba(139,148,158,.1);
}

.ataket-meta-health[data-tone="success"] .amh-dot{
  background:#39d98a;
  box-shadow:
    0 0 0 4px rgba(57,217,138,.12),
    0 0 14px rgba(57,217,138,.55);
}

.ataket-meta-health[data-tone="warning"] .amh-dot{
  background:#ffb020;
}

.ataket-meta-health[data-tone="danger"] .amh-dot{
  background:#ff5f70;
}

.amh-copy{
  min-width:0;
  flex:1;
}

.amh-copy strong{
  display:block;
  color:#fff;
  font-size:17px;
  margin-bottom:3px;
}

.amh-copy small{
  color:#858d99;
}

.amh-mini{
  width:40px;
  height:40px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:13px;
  background:#151922;
  color:#ff9a16;
  font-size:21px;
  cursor:pointer;
}

.amh-body{
  min-height:78px;
  margin-top:16px;
  padding:15px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.055);
  background:rgba(5,7,10,.42);
}

.amh-result{
  display:flex;
  gap:12px;
  align-items:flex-start;
}

.amh-result strong{
  display:block;
  margin-bottom:5px;
  color:#fff;
}

.amh-result p{
  margin:0;
  color:#b0b6c0;
  line-height:1.7;
}

.amh-result small{
  display:block;
  margin-top:7px;
  color:#747c88;
  line-height:1.6;
}

.amh-status-icon{
  flex:0 0 auto;
  width:31px;
  height:31px;
  display:grid;
  place-items:center;
  border-radius:50%;
  font-weight:900;
  background:#1b2029;
  color:#9aa1ad;
}

.ataket-meta-health[data-tone="success"]
.amh-status-icon{
  color:#43df97;
  background:rgba(35,180,112,.1);
}

.ataket-meta-health[data-tone="warning"]
.amh-status-icon{
  color:#ffb52e;
  background:rgba(255,181,46,.1);
}

.ataket-meta-health[data-tone="danger"]
.amh-status-icon{
  color:#ff6879;
  background:rgba(255,104,121,.1);
}

.amh-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:14px;
}

.amh-actions button{
  min-height:47px;
  border-radius:15px;
  font-weight:800;
  cursor:pointer;
}

.amh-primary{
  border:0;
  color:#17100a;
  background:
    linear-gradient(
      135deg,
      #ffc43d,
      #ff7a00
    );
  box-shadow:
    0 10px 24px rgba(255,128,0,.18);
}

.amh-secondary{
  color:#e8e8e8;
  border:1px solid rgba(255,255,255,.09);
  background:#171b23;
}

.amh-actions button:disabled{
  opacity:.6;
  cursor:wait;
}

.amh-skeleton{
  height:15px;
  width:78%;
  border-radius:9px;
  background:
    linear-gradient(
      90deg,
      #171b22 20%,
      #232831 50%,
      #171b22 80%
    );
  background-size:220% 100%;
  animation:
    ataketShimmer 1.4s linear infinite;
}

.amh-skeleton.short{
  width:52%;
  margin-top:13px;
}

@keyframes ataketShimmer{
  from{background-position:220% 0}
  to{background-position:-220% 0}
}

@media(max-width:600px){
  .ataket-meta-health{
    padding:15px;
    border-radius:21px;
  }

  .amh-actions{
    grid-template-columns:1fr;
  }
}

@media(prefers-reduced-motion:reduce){
  .amh-skeleton{
    animation:none;
  }
}