.activationChecklist {
  margin: 0 16px 18px;
  padding: 18px;
  background: linear-gradient(145deg, #0c3159, #125d83 64%, #0e7f78);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 15px;
  box-shadow: 0 18px 42px rgba(15, 55, 91, 0.18);
}
.activationChecklistHeader { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 14px; color: #fff; }
.activationChecklistHeader span { display: block; margin-bottom: 4px; color: #9ed9dd; font-size: 9px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.activationChecklistHeader h4 { margin: 0; font-size: 15px; }
.activationChecklistHeader p { margin: 5px 0 0; color: #c8dce8; font-size: 11px; }
.activationChecklistSummary { flex: 0 0 auto; padding: 7px 10px; color: #ffe0a1; background: rgba(255, 188, 66, .13); border: 1px solid rgba(255, 210, 128, .3); border-radius: 999px; font-size: 10px; font-style: normal; font-weight: 900; }
.activationChecklistSummary.is-ready { color: #bff4df; background: rgba(52, 207, 145, .14); border-color: rgba(144, 241, 199, .34); }
.activationChecklistList { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.activationChecklistItem { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: center; gap: 10px; min-width: 0; padding: 12px; background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .12); border-radius: 11px; }
.activationChecklistItem.is-pending { border-color: rgba(255, 206, 120, .25); }
.activationChecklistItem.is-complete { background: rgba(224, 255, 244, .1); border-color: rgba(151, 235, 201, .28); }
.activationChecklistIcon { display: grid; width: 34px; height: 34px; place-items: center; color: #ffe2a8; background: rgba(255, 194, 83, .15); border-radius: 10px; font-size: 9px; font-weight: 900; }
.activationChecklistItem.is-complete .activationChecklistIcon { color: #0c684f; background: #bdf0d8; }
.activationChecklistItem strong, .activationChecklistItem small { display: block; }
.activationChecklistItem strong { overflow: hidden; color: #fff; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.activationChecklistItem small { margin-top: 3px; color: #bdd1df; font-size: 9px; line-height: 1.4; }
.activationChecklistItem em { color: #b9cddd; font-size: 8px; font-style: normal; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; }
@media (max-width: 760px) {
  .activationChecklist { margin-inline: 12px; padding: 14px; }
  .activationChecklistHeader { align-items: stretch; flex-direction: column; }
  .activationChecklistSummary { align-self: flex-start; }
  .activationChecklistList { grid-template-columns: 1fr; }
  .activationChecklistItem { grid-template-columns: 34px minmax(0, 1fr); }
  .activationChecklistItem em { grid-column: 2; }
}
@media (prefers-reduced-motion: reduce) { .activationChecklist * { scroll-behavior: auto; } }