/* NOOR-PORTAL-RESTORE v4 — EXACT COPY FROM aether-v2.css */
/* Zero deviation from source — all values verified */

/* ===== PORTAL CARD ===== */
body a.portal-card,
body .portal-card {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 26px !important;
  padding: 20px 22px !important;
  background: radial-gradient(circle at top left,#1d4ed8,#0b1120 45%,#020617 100%) !important;
  box-shadow:
    0 26px 60px rgba(15,23,42,0.95),
    0 0 0 1px rgba(30,64,175,0.7) !important;
  border: 1px solid rgba(15,23,42,0.8) !important;
}

/* ===== GOLD OVERLAY ===== */
body a.portal-card::before,
body .portal-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: radial-gradient(circle at 120% 0,#facc15 0,transparent 55%) !important;
  letter-spacing: .26em !important;
  text-transform: uppercase !important;
  color: #d1d5db !important;
  position: relative !important;
  z-index: 1 !important;
}

/* ===== PORTAL BADGE PILL ===== */
body .portal-badge {
  font-size: 10px !important;
  padding: 5px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(148,163,184,0.6) !important;
  background: rgba(15,23,42,0.85) !important;
  text-transform: uppercase !important;
  letter-spacing: .14em !important;
  color: #e5e7eb !important;
  position: relative !important;
  z-index: 1 !important;
}

/* ===== PORTAL TITLE (#facc15 — exact --accent) ===== */
body .portal-title {
  position: relative !important;
  z-index: 1 !important;
  margin-top: 8px !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #facc15 !important;
}

/* ===== PORTAL SUBTITLE ===== */
body .portal-subtitle {
  position: relative !important;
  z-index: 1 !important;
  margin-top: 4px !important;
  font-size: 13px !important;
  color: #e5e7eb !important;
}

/* ===== PORTAL BODY TEXT ===== */
body .portal-body {
  position: relative !important;
  z-index: 1 !important;
  margin-top: 12px !important;
  font-size: 13px !important;
  color: #e5e7eb !important;
  max-width: 560px !important;
}

/* ===== CTA ROW ===== */
body .portal-cta-row {
  position: relative !important;
  z-index: 1 !important;
  margin-top: 16px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 10px !important;
}

/* ===== CTA BUTTON ===== */
body .portal-cta {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 9px 16px 9px 14px !important;
  border-radius: 999px !important;
  font-size: 13px !important;
  background: rgba(15,23,42,0.88) !important;
  border: 1px solid rgba(250,204,21,0.15) !important;
  color: #fefce8 !important;
}

/* ===== CTA LABEL ===== */
body .portal-cta-label {
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
}

/* ===== AMBER DOT (#f59e0b exact) ===== */
body .portal-cta-dot {
  width: 8px !important;
  height: 8px !important;
  border-radius: 999px !important;
  background: #f59e0b !important;
}

/* ===== GREEN SIGNAL (11px, #22c55e, ring shadow) ===== */
body .portal-signal {
  width: 11px !important;
  height: 11px !important;
  border-radius: 999px !important;
  background: #22c55e !important;
  box-shadow: 0 0 0 4px rgba(34,197,94,0.25) !important;
  flex-shrink: 0 !important;
}

/* ===== COUNTER PILL ===== */
body .counter-pill {
  background: linear-gradient(90deg, #0f172a 0%, #1e3a8a 100%) !important;
  border-radius: 18px !important;
  padding: 8px 18px !important;
  display: inline-flex !important;
  align-items: center !important;
}

body .counter-pill .num {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #facc15 !important;
  letter-spacing: .04em !important;
}