/* MVG v84.5 — verify page apex light-mode completion
   Completes the procurement / licensing bridge so the dark island feels deliberate,
   readable, and commercially clean in light mode.
*/

:root[data-theme="light"] .verify-v84-commercial-bridge{
  position: relative;
  overflow: hidden;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.26rem, 2.6vw, 1.9rem);
  border-radius: 34px;
  background:
    linear-gradient(135deg, rgba(14,25,52,.985), rgba(10,18,40,.98) 52%, rgba(7,13,31,.99)),
    radial-gradient(96% 112% at 12% 9%, rgba(124,92,255,.24), transparent 56%),
    radial-gradient(96% 110% at 88% 16%, rgba(83,190,255,.16), transparent 56%),
    radial-gradient(92% 92% at 54% 100%, rgba(61,118,255,.10), transparent 66%);
  border: 1px solid rgba(152,172,255,.30);
  box-shadow:
    0 34px 86px rgba(16,31,72,.22),
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 -1px 0 rgba(7,11,26,.44);
  color: #eff4ff;
}

:root[data-theme="light"] .verify-v84-commercial-bridge::before{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(84% 64% at 20% 0%, rgba(255,255,255,.10), transparent 62%),
    linear-gradient(90deg, rgba(255,255,255,.03), transparent 36%, transparent 66%, rgba(255,255,255,.04));
}

:root[data-theme="light"] .verify-v84-commercial-bridge > *{
  position: relative;
  z-index: 1;
}

:root[data-theme="light"] .verify-v84-commercial-bridge .meta{
  gap: .44rem;
}

:root[data-theme="light"] .verify-v84-commercial-bridge .tag{
  background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.06));
  border-color: rgba(168,183,255,.22);
  color: rgba(239,244,255,.76);
  box-shadow: none;
}

:root[data-theme="light"] .verify-v84-commercial-bridge .tag.brand{
  background: linear-gradient(180deg, rgba(93,105,255,.18), rgba(71,79,207,.16));
  border-color: rgba(153,168,255,.32);
  color: #f3f6ff;
}

:root[data-theme="light"] .verify-v84-commercial-bridge h2{
  color: #f3f7ff;
  letter-spacing: -.055em;
  text-wrap: balance;
}

:root[data-theme="light"] .verify-v84-commercial-bridge p.muted{
  color: rgba(234,241,255,.80);
  font-size: clamp(1.02rem, 1.06vw, 1.08rem);
  line-height: 1.68;
  max-width: 60ch;
}

:root[data-theme="light"] .verify-v84-commercial-bridge code{
  display: inline-flex;
  align-items: center;
  padding: .08rem .42rem;
  border-radius: 999px;
  border: 1px solid rgba(185,196,255,.14);
  background: rgba(255,255,255,.08);
  color: #f7fbff;
}

:root[data-theme="light"] .verify-v84-commercial-actions{
  gap: .78rem;
  margin-top: 1.02rem;
}

:root[data-theme="light"] .verify-v84-commercial-bridge .btn{
  min-height: 54px;
  padding-inline: 1.26rem;
  border-radius: 999px;
  font-weight: 650;
}

:root[data-theme="light"] .verify-v84-commercial-bridge .btn.primary{
  color: #0c1428;
  border-color: rgba(214,222,242,.85);
  background: linear-gradient(180deg, rgba(255,255,255,.99), rgba(232,239,255,.96));
  box-shadow:
    0 18px 32px rgba(8,18,44,.24),
    inset 0 1px 0 rgba(255,255,255,.92);
}

:root[data-theme="light"] .verify-v84-commercial-bridge .btn.primary:hover{
  border-color: rgba(224,230,248,.96);
  background: linear-gradient(180deg, #ffffff, rgba(240,245,255,.99));
}

:root[data-theme="light"] .verify-v84-commercial-bridge .btn.ghost{
  color: #eef4ff;
  border-color: rgba(169,182,255,.20);
  background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.05));
}

:root[data-theme="light"] .verify-v84-commercial-bridge .btn.ghost:hover{
  border-color: rgba(186,198,255,.28);
  background: linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.08));
}

:root[data-theme="light"] .verify-v84-commercial-note{
  padding: 1.16rem 1.2rem;
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.05));
  border: 1px solid rgba(170,183,255,.14);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

:root[data-theme="light"] .verify-v84-commercial-note p{
  color: rgba(236,242,255,.90);
  font-size: clamp(1.05rem, 1.05vw, 1.12rem);
  line-height: 1.56;
}

@media (max-width: 1100px){
  :root[data-theme="light"] .verify-v84-commercial-bridge{
    grid-template-columns: 1fr;
  }
}

@media (max-width: 780px){
  :root[data-theme="light"] .verify-v84-commercial-bridge{
    padding: 1.05rem;
    border-radius: 26px;
  }

  :root[data-theme="light"] .verify-v84-commercial-actions{
    display: grid;
    grid-template-columns: 1fr;
  }

  :root[data-theme="light"] .verify-v84-commercial-bridge .btn{
    width: 100%;
    justify-content: center;
  }
}