.signals-pending-host.lockbar {
  display: block;
  gap: 0;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
}

.ll-signals-pending {
  display: grid;
  gap: 1rem;
  width: 100%;
  padding: clamp(1.1rem, 2vw, 1.5rem);
  color: var(--text, #d9e2dc);
  background: var(--card, #111a17);
  border: 1px solid var(--border, #293630);
  border-radius: var(--r-lg, 14px);
  box-shadow: var(--sh-sm, 0 8px 24px rgba(0, 0, 0, .16));
}

.ll-signals-pending__head {
  display: flex;
  align-items: center;
  gap: .75rem;
  flex-wrap: wrap;
}

.ll-signals-pending__head h2 {
  margin: 0;
  color: var(--ink, #fff);
  font-size: clamp(1.05rem, 2vw, 1.3rem);
}

.ll-signals-pending__chip {
  padding: .2rem .5rem;
  color: var(--gold, #e5b95c);
  background: color-mix(in srgb, var(--gold, #e5b95c) 12%, transparent);
  border: 1px solid color-mix(in srgb, var(--gold, #e5b95c) 36%, transparent);
  border-radius: 999px;
  font: 700 .62rem/1.35 var(--mono);
  letter-spacing: .1em;
  text-transform: uppercase;
}

.ll-signals-pending > p {
  max-width: 72ch;
  margin: 0;
  color: var(--muted, #a7b1ab);
  font-size: .86rem;
  line-height: 1.65;
}

.ll-signals-pending > .ll-signals-pending__intent {
  color: var(--gold, #e5b95c);
}

.ll-signals-pending__steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .55rem;
}

.ll-signals-pending__steps > div {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: .16rem .5rem;
  min-height: 68px;
  padding: .7rem;
  background: var(--inset, rgba(255, 255, 255, .035));
  border: 1px solid var(--border-2, rgba(255, 255, 255, .08));
  border-radius: 10px;
}

.ll-signals-pending__steps span {
  grid-row: 1 / 3;
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  color: var(--green, #6bd49b);
  background: var(--green-soft, rgba(107, 212, 155, .1));
  border-radius: 50%;
  font: 800 .68rem/1 var(--mono);
}

.ll-signals-pending__steps b {
  color: var(--ink, #fff);
  font-size: .75rem;
  line-height: 1.35;
}

.ll-signals-pending__steps em {
  color: var(--dim, #7f8a84);
  font: 500 .6rem/1.35 var(--mono);
  font-style: normal;
}

.ll-signals-pending__action {
  display: flex;
  justify-content: flex-end;
}

[data-signals-gated="true"] {
  cursor: not-allowed !important;
  opacity: .55;
}

.ll-signals-sr {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.ll-signals-notice {
  display: block;
  min-height: 32px;
  padding: .45rem 1rem;
  border-bottom: 1px solid var(--border-2, var(--ll-border-subtle));
  background: color-mix(in srgb, var(--violet, var(--ll-accent)) 7%, var(--card, var(--ll-bg-soft)));
  color: var(--muted, var(--ll-text-muted));
  font-family: var(--mono);
  font-size: .66rem;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}

@media (max-width: 720px) {
  .ll-signals-pending__steps {
    grid-template-columns: 1fr;
  }

  .ll-signals-pending__steps > div:not([aria-current="step"]) {
    display: none;
  }

  .ll-signals-pending__action .btn {
    width: 100%;
    min-height: 48px;
    justify-content: center;
  }
}