/* Requested final tweaks: exposure/ring left, larger shield, raster ball placement. */
.sharp-risk {
  grid-template-columns: 42px 96px 42px 30px minmax(0, 1fr) 10px !important;
  gap: 5px !important;
}

.sharp-risk__shield {
  width: 42px !important;
  height: 42px !important;
  padding: 7px !important;
}

.sharp-risk__shield svg {
  width: 100% !important;
  height: 100% !important;
  stroke-width: 1.9 !important;
}

.sharp-risk__exposure {
  padding-left: 6px !important;
}

.sharp-risk__ring {
  width: 30px !important;
  height: 30px !important;
}

.sharp-risk__protection .sharp-home-icon {
  width: 27px !important;
  height: 27px !important;
  padding: 5px !important;
}

.sharp-ai__card {
  grid-template-columns: 94px minmax(0, 1fr) 78px !important;
  gap: 6px !important;
}

.sharp-ai__live {
  left: 15px !important;
  top: 12px !important;
  z-index: 3 !important;
}

.sharp-ai__ball {
  width: 56px !important;
  height: 56px !important;
  margin-left: 42px !important;
  z-index: 2 !important;
  align-self: center !important;
}

.sharp-ai__ball img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

@media (max-width: 390px) {
  .sharp-risk {
    grid-template-columns: 40px 84px 39px 28px minmax(0, 1fr) 8px !important;
    gap: 4px !important;
  }

  .sharp-risk__shield {
    width: 40px !important;
    height: 40px !important;
    padding: 7px !important;
  }

  .sharp-risk__ring {
    width: 28px !important;
    height: 28px !important;
  }

  .sharp-risk__protection .sharp-home-icon {
    width: 25px !important;
    height: 25px !important;
  }

  .sharp-ai__card {
    grid-template-columns: 88px minmax(0, 1fr) 74px !important;
    gap: 6px !important;
  }

  .sharp-ai__live {
    left: 14px !important;
  }

  .sharp-ai__ball {
    width: 52px !important;
    height: 52px !important;
    margin-left: 40px !important;
  }
}