/* ── Pharma DPDP readiness check (pages/dpdp-readiness-pharma.php) in the dashboard style (.rp-page).
   Loads after readiness.css, which the results dashboard still uses as is. Markup and script hooks are unchanged;
   Yes / Partly / No keep their green / amber / red meaning. ── */
.rp-page .readiness-page {
  --accent: var(--hd-accent-hover);
  --accent-hover: var(--hd-ink);
  width: auto;
  margin: 0;
  padding: 0;
  color: var(--hd-ink);
}

/* Top row: breadcrumbs and colour picker */
.rp-topbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 22px 8px 0; }
.rp-topbar .hd-skins { margin: 0; }
.rp-crumbs { display: flex; flex-wrap: wrap; gap: 8px; color: var(--hd-muted); font-size: 13px; }
.rp-crumbs a { color: #3c3d38; text-decoration: none; }
.rp-crumbs a:hover { color: var(--hd-ink); text-decoration: underline; }
.rp-crumbs b { color: var(--hd-ink); font-weight: 500; }

/* Hero */
.rp-page .readiness-kicker {
  display: inline-block;
  padding: 7px 14px;
  border: 1.5px solid rgba(32,33,31,.3);
  border-radius: 999px;
  color: #3c3d38;
  font-size: 12.5px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
}

.rp-page .readiness-hero { margin: 30px auto 34px; }
.rp-page .readiness-hero h1,
.rp-page .readiness-result-hero h1 { font-weight: 400; letter-spacing: -.04em; }
.rp-page .readiness-hero > p { color: #3c3d38; font-size: 16.5px; }

.rp-page .readiness-penalties div {
  border: 0;
  border-radius: 22px;
  background: rgba(255,255,255,.75);
  transition: transform .15s ease, background .15s ease;
}

.rp-page .readiness-penalties div:hover { transform: translateY(-2px); background: #fff; }
.rp-page .readiness-penalties strong { color: var(--hd-ink); font-weight: 500; }
.rp-page .readiness-penalties div:first-child { background: var(--hd-dark); }
.rp-page .readiness-penalties div:first-child strong { color: var(--hd-accent); }
.rp-page .readiness-penalties div:first-child span { color: rgba(255,255,255,.75); }

.rp-page .readiness-hero-meta span { border: 0; background: rgba(255,255,255,.75); color: var(--hd-ink); font-size: 13px; font-weight: 500; }
.rp-page .readiness-hero-meta span:first-child { background: var(--hd-accent); }

/* Cards */
.rp-page .readiness-form-shell,
.rp-page .readiness-result-hero,
.rp-page .readiness-public-metrics article,
.rp-page .readiness-preview-card {
  border: 1px solid rgba(255,255,255,.78);
  background: rgba(255,255,255,.62);
  -webkit-backdrop-filter: blur(14px) saturate(150%);
  backdrop-filter: blur(14px) saturate(150%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 10px 30px rgba(38,43,50,.05);
}

.rp-page .readiness-form-shell { border-radius: 30px; }

/* Sticky progress header */
.rp-page .readiness-form-head {
  border-bottom: 1px dashed rgba(32,33,31,.16);
  background: rgba(250,249,245,.94);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}

.rp-page .readiness-form-head span { color: var(--hd-muted); font-weight: 500; }
.rp-page .readiness-form-head strong { font-weight: 500; }
.rp-page .readiness-progress-track { height: 8px; background: rgba(32,33,31,.1); }
.rp-page .readiness-progress-track i { background: var(--hd-accent); }

.rp-page .readiness-steps a { border: 0; background: rgba(255,255,255,.8); color: #3c3d38; font-weight: 500; transition: background .15s; }
.rp-page .readiness-steps a:hover { background: var(--hd-accent); color: var(--hd-ink); }

/* Questions */
.rp-page .readiness-category-label span { color: var(--hd-muted); font-weight: 500; letter-spacing: .08em; }
.rp-page .readiness-question { border-bottom: 1px dashed rgba(32,33,31,.14); }
.rp-page .readiness-question:hover { background: rgba(255,255,255,.55); }
.rp-page .readiness-question legend { color: var(--hd-ink); font-weight: 500; }
.rp-page .readiness-question-number { width: 36px; height: 36px; border-radius: 50%; background: #20211f; color: #fff; font-weight: 500; }

.rp-page .readiness-option span {
  min-height: 46px;
  border: 0;
  border-radius: 999px;
  background: #fff;
  color: var(--hd-ink);
  font-weight: 500;
  box-shadow: 0 3px 10px rgba(32,33,31,.06);
}

.rp-page .readiness-option:hover span { transform: translateY(-1px); box-shadow: 0 0 0 2px var(--hd-accent), 0 6px 14px rgba(32,33,31,.08); }
.rp-page .readiness-option input:focus-visible + span { outline: 0; box-shadow: 0 0 0 3px var(--hd-accent); }
.rp-page .readiness-option-yes input:checked + span { box-shadow: 0 0 0 2px #8ec4aa; }
.rp-page .readiness-option-partly input:checked + span { box-shadow: 0 0 0 2px #e1bc7f; }
.rp-page .readiness-option-no input:checked + span { box-shadow: 0 0 0 2px #dd9c98; }

/* Reference panels */
.rp-page .readiness-reference { border: 0; border-radius: 18px; background: rgba(255,255,255,.75); transition: background .15s; }
.rp-page .readiness-reference:hover { background: #fff; }
.rp-page .readiness-reference summary { color: #3c3d38; font-weight: 500; }
.rp-page .readiness-reference summary em { margin-left: 8px; padding: 2px 9px; border-radius: 999px; background: rgba(32,33,31,.07); font-size: 11.5px; font-style: normal; }
.rp-page .readiness-reference-consider { background: rgba(255,255,255,.75); }
.rp-page .readiness-reference-consider summary { color: var(--hd-ink); }
.rp-page .readiness-terms summary { color: var(--hd-ink); }
.rp-page .readiness-term { border: 0; border-radius: 16px; background: #fff; }
.rp-page .readiness-term blockquote { border-left-color: var(--hd-accent-hover); border-radius: 0 10px 10px 0; background: #f6f5f1; }
.rp-page .readiness-term h3 small { color: var(--hd-muted); }

/* Messages */
.rp-page .readiness-error,
.rp-page .readiness-saved { border-radius: 18px; border-left: 5px solid currentColor; background: #fff; }

/* Submit */
.rp-page .readiness-submit-wrap { background: rgba(255,255,255,.55); }

.rp-page .readiness-primary {
  min-height: 48px;
  padding: 0 24px;
  border: 0;
  border-radius: 999px;
  background: #20211f;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}

.rp-page .readiness-primary:hover { background: var(--hd-accent); color: var(--hd-ink); }
.rp-page .readiness-secondary { min-height: 48px; padding: 0 22px; border: 0; border-radius: 999px; background: #fff; font-weight: 500; }
.rp-page .readiness-secondary:hover { background: var(--hd-accent); }

/* Result */
.rp-page .readiness-result-hero { border-radius: 30px; }
.rp-page .readiness-score-ring::before { background: #faf9f5; }
.rp-page .readiness-public-metrics article { border-radius: 24px; transition: transform .15s ease; }
.rp-page .readiness-public-metrics article:hover { transform: translateY(-2px); }
.rp-page .readiness-public-metrics strong { font-weight: 400; letter-spacing: -.03em; }
.rp-page .readiness-preview-card { border-radius: 30px; }
.rp-page .readiness-preview-card h2 { font-weight: 400; }
.rp-page .readiness-preview-card a { color: var(--hd-ink); font-weight: 500; text-decoration-color: var(--hd-accent-hover); text-decoration-thickness: 2px; text-underline-offset: 3px; }
.rp-page .readiness-preview-bars b { background: var(--hd-accent-hover); }

/* Help panel */
.rp-page .readiness-help-cta { border: 0; border-radius: 30px; background: radial-gradient(circle at 100% 100%, var(--hd-glow), transparent 55%), var(--hd-dark); }
.rp-page .readiness-help-copy .readiness-kicker { border-color: rgba(255,255,255,.4); color: rgba(255,255,255,.8); }
.rp-page .readiness-help-copy h2 { color: #fff; font-weight: 400; }

.rp-page .readiness-disclaimer {
  max-width: none;
  margin-top: 18px;
  padding: 14px 20px;
  border-left: 5px solid var(--hd-accent-hover);
  border-radius: 20px;
  background: rgba(255,255,255,.6);
  color: #3c3d38;
  font-size: 13px;
  text-align: left;
}

@media (max-width: 760px) {
  .rp-topbar { flex-direction: column; align-items: flex-start; }
  .rp-page .readiness-form-shell { border-radius: 24px; }
}

/* ── Results dashboard (dpdp-readiness-pharma-results.php) ── */
.rp-page .readiness-dashboard-head { margin: 30px 8px 22px; }
.rp-page .readiness-dashboard-head h1 { font-weight: 400; letter-spacing: -.035em; }
.rp-page .readiness-dashboard-head p { color: #3c3d38; }

.rp-page .readiness-dashboard-card,
.rp-page .readiness-action-card,
.rp-page .readiness-response-table {
  border: 1px solid rgba(255,255,255,.78);
  background: rgba(255,255,255,.62);
  -webkit-backdrop-filter: blur(14px) saturate(150%);
  backdrop-filter: blur(14px) saturate(150%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 10px 30px rgba(38,43,50,.05);
}

.rp-page .readiness-dashboard-card { border-radius: 26px; transition: transform .18s ease, background .18s ease; }
.rp-page .readiness-dashboard-card:hover { transform: translateY(-2px); background: rgba(255,255,255,.85); }
.rp-page .readiness-dashboard-card > span { color: var(--hd-muted); font-weight: 500; }
.rp-page .readiness-dashboard-card > strong { font-weight: 300; font-size: 40px; letter-spacing: -.04em; }

.rp-page .readiness-dashboard-score { border: 0; background: radial-gradient(circle at 100% 100%, var(--hd-glow), transparent 60%), var(--hd-dark); }
.rp-page .readiness-dashboard-score:hover { background: radial-gradient(circle at 100% 100%, var(--hd-glow), transparent 60%), var(--hd-dark); }
.rp-page .readiness-dashboard-score .mini-ring::before { background: var(--hd-dark); }
.rp-page .readiness-dashboard-score strong { font-weight: 400; }

.rp-page .readiness-card-title strong { font-weight: 500; }
.rp-page .readiness-donut::before { background: #faf9f5; }
.rp-page .readiness-donut strong { font-weight: 300; }

.rp-page .readiness-section-head { margin: 34px 8px 14px; }
.rp-page .readiness-section-head h2 { color: var(--hd-ink); font-size: clamp(24px, 2.4vw, 30px); font-weight: 400; letter-spacing: -.025em; }
.rp-page .readiness-section-head p { color: #3c3d38; }

.rp-page .readiness-action-card { border-radius: 26px; transition: background .18s ease, box-shadow .18s ease; }
.rp-page .readiness-action-card:hover { background: rgba(255,255,255,.88); box-shadow: 0 0 0 2px var(--hd-accent), 0 14px 30px rgba(38,43,50,.08); }
.rp-page .readiness-action-main > small { color: var(--hd-muted); font-weight: 500; }
.rp-page .readiness-action-main h3 { font-weight: 500; }
.rp-page .readiness-action-main p.readiness-action-scenario { border-left-color: var(--hd-accent-hover); background: rgba(255,255,255,.7); }
.rp-page .readiness-action-evidence { border-radius: 18px; background: #fff; }

.rp-page .readiness-response-table { border-radius: 26px; }
.rp-page .readiness-response-row { border-bottom: 1px dashed rgba(32,33,31,.12); transition: background .15s; }
.rp-page .readiness-response-row:hover { background: rgba(255,255,255,.7); }
.rp-page .readiness-response-row > span:first-child { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 50%; background: #20211f; color: #fff; font-size: 12px; font-weight: 500; }
.rp-page .readiness-empty-actions { border-radius: 26px; }

/* Print / Save PDF: just the dashboard on plain white */
@media print {
  body:has(.rp-page) { background: #fff !important; }
  .rp-page.dash-page { padding: 0; }
  .rp-page .hd-shell { padding: 0; border: 0; background: #fff; box-shadow: none; }
  .rp-page .platform-nav,
  .rp-page .rp-topbar,
  .rp-page .dash-nav-wrap { display: none !important; }
  .rp-page .readiness-dashboard-card,
  .rp-page .readiness-action-card,
  .rp-page .readiness-response-table { background: #fff; -webkit-backdrop-filter: none; backdrop-filter: none; box-shadow: none; transform: none; }
  .rp-page .readiness-dashboard-score { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}
