/* v22 level-aware shell */
.level-pending-panel {
  margin: 22px 0;
  padding: 34px;
  border-radius: 28px;
  background: linear-gradient(135deg, rgba(8,108,255,.10), rgba(124,58,237,.08)), #fff;
  border: 1px solid rgba(8,108,255,.16);
  box-shadow: 0 18px 50px rgba(31,41,55,.08);
}
.level-pending-card { max-width: 760px; }
.level-pending-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 11px;
  border-radius: 999px;
  background: rgba(8,108,255,.10);
  color: #0756c9;
  font-size: 13px;
  font-weight: 800;
}
.level-pending-panel h2 {
  margin: 18px 0 10px;
  font-size: clamp(28px, 5vw, 46px);
  letter-spacing: -.04em;
}
.level-pending-panel p {
  margin: 0 0 18px;
  color: var(--muted, #64748b);
  line-height: 1.8;
}
.level-pending-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 20px; }
.level-pending-actions a,
.level-pending-actions button {
  border: 0;
  border-radius: 16px;
  padding: 13px 18px;
  font-weight: 900;
  text-decoration: none;
  cursor: pointer;
}
.level-pending-actions a { background: #086cff; color: #fff; }
.level-pending-actions button { background: #eef4ff; color: #0756c9; }
body.level-pending .question-card,
body.level-pending .right-rail,
body.level-pending #collectionsBar { display: none !important; }
@media (max-width: 720px) {
  .level-pending-panel { margin: 14px 0 80px; padding: 24px 20px; border-radius: 22px; }
  .level-pending-actions { flex-direction: column; }
  .level-pending-actions a,
  .level-pending-actions button { width: 100%; text-align: center; }
}