/* ============================================================================
 * GDPR Map — DPIA Self-Screening styles
 * Brand colour #0e204b / accent #0055aa (matches main.css). Reuses Bootstrap 5
 * utility and button classes; only adds what the screening tool needs.
 * The branching wizard has its own stylesheet (dpia-wizard.css).
 * ==========================================================================*/

:root {
  --dpia-brand: #0e204b;
  --dpia-accent: #0055aa;
}

#dpia-app { max-width: 920px; }

/* --- Page header -------------------------------------------------------- */
.dpia-h1 { color: var(--dpia-brand); margin-bottom: 1rem; }
.dpia-lead { font-size: 1rem; color: #4a5568; }

.dpia-privacy-note {
  background: #eef3fb;
  border-left: 4px solid var(--dpia-accent);
  padding: 10px 14px;
  border-radius: 4px;
  font-size: 0.92rem;
  color: #25324d;
}

/* Up-front legal disclaimer (top of the page). */
.dpia-top-disclaimer {
  background: #fff8e6;
  border: 1px solid #f1d9a0;
  border-left: 4px solid #e0a800;
  border-radius: 6px;
  padding: 10px 14px;
  margin: 0 0 1rem;
  font-size: 0.92rem;
  color: #6b5b2e;
}
.dpia-top-disclaimer a { color: inherit; text-decoration: underline; font-weight: 700; }

/* --- Hidden engine rows -------------------------------------------------- */
/* The question rows live in #dpia-raw, which is hidden: the wizard reads them
   and drives the UI. These styles only apply if #dpia-raw is unhidden for
   debugging. */
.dpia-row {
  display: grid;
  grid-template-columns: 1fr minmax(250px, max-content);
  gap: 1rem;
  align-items: center;
  padding: 0.65rem 0.85rem;
  background: #f8f9fa;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 6px;
}
.dpia-q-text { display: block; font-weight: 500; color: #25324d; }
.dpia-q-example { display: block; font-size: 0.82rem; color: #6b7280; margin-top: 2px; }
.dpia-choices { display: flex; gap: 1.1rem; flex-wrap: wrap; }
.dpia-choice {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  cursor: pointer;
  font-size: 0.95rem;
  color: #25324d;
  user-select: none;
}
.dpia-radio {
  width: 1.05rem;
  height: 1.05rem;
  cursor: pointer;
  accent-color: var(--dpia-brand);
  margin: 0;
}

/* --- Result -------------------------------------------------------------- */
.dpia-result-card {
  margin-top: 2rem;
  padding: 1.25rem 1.5rem;
  background: white;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06);
}
.dpia-result-card > h2 { color: var(--dpia-brand); font-size: 1.3rem; }

.dpia-verdict {
  border-radius: 8px;
  padding: 1rem 1.25rem;
  margin: 0.5rem 0 1rem;
}
.dpia-verdict h3 { font-size: 1.15rem; margin: 0 0 0.4rem; }
.dpia-verdict p { margin: 0; }
.dpia-verdict a.dpia-advisor-link { color: inherit; text-decoration: underline; font-weight: 700; }
.dpia-v-required { background: #fdecec; border: 1px solid #f5b5b5; }
.dpia-v-required h3 { color: #a31212; }
.dpia-v-could { background: #fff7e6; border: 1px solid #f4d28a; }
.dpia-v-could h3 { color: #9a6a00; }
.dpia-v-not { background: #eafaf1; border: 1px solid #a9e2c1; }
.dpia-v-not h3 { color: #1a7a44; }
.dpia-v-info { background: #eef3fb; border: 1px solid #c2d4f0; }
.dpia-v-info h3 { color: var(--dpia-brand); }
.dpia-v-clarify { background: #eef3fb; border: 1px solid #c2d4f0; }
.dpia-v-clarify h3 { color: var(--dpia-accent); }

.dpia-cta { margin-top: 1rem; display: flex; gap: 0.75rem; flex-wrap: wrap; align-items: center; }
.dpia-cta .btn-outline-primary {
  border-color: var(--dpia-brand);
  color: var(--dpia-brand);
  border-radius: 999px;
  font-weight: 600;
}
.dpia-cta .btn-outline-primary:hover { background: var(--dpia-brand); color: #fff; }
/* Prominent primary CTA (colour comes from Bootstrap .btn-primary; this only
   adds size/prominence). */
.dpia-cta-primary {
  border-radius: 8px;
  font-weight: 700;
  font-size: 1.05rem;
  padding: 0.75rem 1.5rem;
}

/* --- Actions / disclaimer ------------------------------------------------ */
.dpia-actions { margin-top: 1.25rem; display: flex; gap: 0.5rem; flex-wrap: wrap; }
.dpia-disclaimer {
  margin-top: 1.5rem;
  font-size: 0.82rem;
  color: #6b7280;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  padding-top: 0.75rem;
}

/* Print layout lives in tool-print.css (shared with the DPA tool). */