/* email_reading.php — shares starfield + cards via view_psychic.css */

/* Email reading page */
.er-notice {
  background:#fff7d6;
  border:1px solid #ffe8a0;
  padding:12px 14px;
  border-radius:10px;
  margin:0 0 16px 0;
}

.er-grid {
  display:flex;
  gap:16px;
  flex-wrap:wrap;
}

.er-card {
  flex:1 1 220px;
  border:1px solid #eaeaea;
  border-radius:14px;
  padding:18px;
  background:#fff;
  box-shadow: 0 8px 22px rgba(34, 22, 84, 0.06);
}

.er-title {
  font-size:18pt;
  font-weight:800;
  color:#2b178c;
  margin-bottom:6px;
}

.er-price {
  font-size:14pt;
  margin-bottom:10px;
}

.er-feature {
  font-size:10.5pt;
  color:#666;
  margin-bottom:6px;
}

.er-help-box {
  margin-top: 18px;
  padding: 16px;
  border: 1px solid #ece8f7;
  border-radius: 14px;
  background: #faf8ff;
}

.er-help-title {
  font-weight: 700;
  color: #25185f;
  margin-bottom: 8px;
}

.smallmuted { color:#000000; font-size:12pt; }

.btn-purp-gradient {
  background: #4616a6;
  color: #fff;
  background: linear-gradient(186deg, rgb(68 27 171) 0%, rgb(118 80 255) 100%);
}
.btn-purp-gradient:hover { color:#fff; box-shadow:1px 1px 8px #696969; }

/* Modal */
.modal-backdrop { display:none; position:fixed; inset:0; background:rgba(0,0,0,.65); z-index:9998; }
.modal-box {
  display:none; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%);
  width:min(680px, 92vw); background:#fff; border-radius:14px; z-index:9999;
  box-shadow:0 10px 40px rgba(0,0,0,.35); overflow:hidden;
}
.modal-header { padding:16px 18px; background:#f5f5ff; border-bottom:1px solid #ececff; }
.modal-header h3 { margin:0; font-size:18px; color:#2b178c; }
.modal-body { padding:18px; font-size:12.5pt; color:#222; }
.modal-footer { padding:14px 18px; border-top:1px solid #eee; display:flex; gap:10px; justify-content:flex-end; }
.btn-basic { border:0; padding:10px 14px; border-radius:10px; cursor:pointer; font-weight:600; }
.btn-cancel { background:#e9e9e9; }
.btn-accept { background:#2e93d3; color:#fff; }
.btn-accept:disabled { opacity:.55; cursor:not-allowed; }

.paypal-wrap { margin-top: 18px; display:none; }
.er-pay-box {
  border:1px solid #eaeaea;
  border-radius:14px;
  background:#fff;
  padding:18px;
}

.er-advisor-mini {
  display:flex;
  align-items:center;
  gap:12px;
  margin: 10px 0 18px 0;
}
.er-advisor-mini img {
  width:58px;
  height:58px;
  object-fit:cover;
  border-radius:50%;
  border:1px solid rgba(0,0,0,0.08);
}