.inr-tool *, .inr-tool *::before, .inr-tool *::after {
  box-sizing: border-box !important; font-family: 'Inter', sans-serif !important;
}
.inr-tool button, .inr-tool button:link, .inr-tool button:visited,
.inr-tool button:hover, .inr-tool button:focus, .inr-tool button:active {
  -webkit-appearance: none !important; appearance: none !important;
  text-decoration: none !important; outline: none !important; box-shadow: none !important;
}
.inr-tool {
  --bl: #007BFF !important; --bk: #000 !important; --g50: #F9FAFB !important; --g100: #F3F4F6 !important;
  --g200: #E5E7EB !important; --g400: #9CA3AF !important; --g500: #6B7280 !important; --wh: #FFF !important;
  background: #FFF !important; color: #000 !important;
  -webkit-font-smoothing: antialiased !important;
}

/* ── LAYOUT ── */
.inr-questions-wrap {
  max-width: 720px !important;
  margin: 0 auto !important;
  padding: 40px 32px 48px !important;
}

/* ── KAART ANIMATIE ── */
.inr-card { animation: ci .3s cubic-bezier(.4,0,.2,1) !important; }
@keyframes ci { from{opacity:0 !important;transform:translateY(10px)} to{opacity:1 !important;transform:translateY(0)} }

/* ── INTRO ── */
.inr-intro-brand { font-weight:600 !important; font-size:12px !important; letter-spacing:.12em !important; text-transform:uppercase !important; color:#007BFF !important; margin-bottom:32px !important; }
.inr-intro-title { font-weight:600 !important; font-size:40px !important; line-height:1.15 !important; color:#000 !important; margin-bottom:20px !important; }
.inr-intro-lead  { font-weight:300 !important; font-size:20px !important; line-height:1.7 !important; color:#374151 !important; margin-bottom:28px !important; }
.inr-intro-body  { font-weight:300 !important; font-size:17px !important; line-height:1.75 !important; color:#6B7280 !important; margin-bottom:36px !important; }
.inr-intro-meta  { display:flex !important; gap:12px !important; margin-bottom:40px !important; flex-wrap:wrap !important; }
.inr-intro-pill  { display:inline-flex !important; align-items:center !important; gap:8px !important; background:#F3F4F6 !important; border-radius:100px !important; padding:8px 14px !important; font-weight:600 !important; font-size:13px !important; color:#374151 !important; }
.inr-start-btn {
  display:inline-flex !important; align-items:center !important; gap:10px !important;
  background:#007BFF !important; background-color:#007BFF !important;
  color:#FFF !important; border:none !important; border-radius:6px !important;
  padding:16px 28px !important; font-weight:600 !important; font-size:17px !important;
  cursor:pointer !important; transition:opacity .15s !important; width:auto !important;
}
.inr-start-btn:hover,.inr-start-btn:focus { opacity:.88 !important; background:#007BFF !important; background-color:#007BFF !important; color:#FFF !important; }
.inr-intro-footer { margin-top:48px !important; padding-top:24px !important; border-top:1px solid #E5E7EB !important; font-weight:300 !important; font-size:14px !important; color:#9CA3AF !important; }

/* ── TERUG ── */
.inr-nav-row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 28px !important;
}
.inr-back-btn {
  display: flex !important;
  width: fit-content !important;
  align-items: center !important;
  gap: 8px !important;
  background: rgba(0,0,0,0.04) !important;
  background-color: rgba(0,0,0,0.04) !important;
  color: #6B7280 !important;
  border: 1px solid rgba(0,0,0,0.08) !important;
  border-radius: 100px !important;
  padding: 10px 18px !important;
  height: 40px !important;
  cursor: pointer !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  line-height: 1 !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  transition: background-color 0.15s, border-color 0.15s, color 0.15s !important;
}
.inr-back-btn:hover, .inr-back-btn:focus {
  background: rgba(0,123,255,0.06) !important;
  background-color: rgba(0,123,255,0.06) !important;
  border-color: rgba(0,123,255,0.18) !important;
  color: #007BFF !important;
}

/* ── NODE HEADER ── */
.inr-node-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  height: 40px !important;
  background: rgba(0,123,255,0.06) !important;
  border: 1px solid rgba(0,123,255,0.14) !important;
  border-radius: 100px !important;
  padding: 0 16px !important;
  margin-bottom: 20px !important;
}
.inr-node-type  { font-weight:600 !important; font-size:10px !important; letter-spacing:.14em !important; text-transform:uppercase !important; color:#007BFF !important; }
.inr-node-dot   { width:3px !important; height:3px !important; border-radius:50% !important; background:rgba(0,123,255,0.35) !important; display:inline-block !important; }
.inr-node-num   { font-weight:600 !important; font-size:10px !important; letter-spacing:.08em !important; color:rgba(0,123,255,0.6) !important; }
.inr-node-titel { font-weight:600 !important; font-size:15px !important; color:#6B7280 !important; margin-bottom:24px !important; margin-top:4px !important; }
.inr-context    { font-weight:300 !important; font-size:17px !important; line-height:1.7 !important; color:#6B7280 !important; font-style:italic !important; margin-bottom:24px !important; padding-left:16px !important; border-left:2px solid #E5E7EB !important; }
.inr-question   { font-weight:600 !important; font-size:24px !important; line-height:29px !important; color:#000 !important; margin-bottom:32px !important; margin-top:0 !important; }

/* ── ANTWOORD KNOPPEN ── */
.inr-answers { display:flex !important; flex-direction:column !important; gap:9px !important; }
.inr-ans {
  display:flex !important; align-items:center !important; padding:0 !important;
  border:1.5px solid #E5E7EB !important; border-radius:6px !important;
  background:#FFF !important; background-color:#FFF !important; color:#000 !important;
  cursor:pointer !important; text-align:left !important; width:100% !important;
  transition:border-color .14s,background-color .14s !important;
  overflow:hidden !important; position:relative !important;
}
.inr-ans:hover,.inr-ans:focus { border-color:#007BFF !important; background:#F0F7FF !important; background-color:#F0F7FF !important; color:#000 !important; }
.inr-ans:active { background-color:#E0EEFF !important; }
.inr-ans-accent { width:3px !important; min-width:3px !important; align-self:stretch !important; background:transparent !important; transition:background .14s !important; flex-shrink:0 !important; }
.inr-ans:hover .inr-ans-accent,.inr-ans:focus .inr-ans-accent { background:#007BFF !important; }
.inr-ans-inner  { display:flex !important; align-items:flex-start !important; justify-content:space-between !important; gap:12px !important; padding:16px 18px !important; width:100% !important; min-width:0 !important; white-space:normal !important; }
.inr-ans-left   { display:flex !important; align-items:flex-start !important; gap:12px !important; flex:1 1 auto !important; min-width:0 !important; white-space:normal !important; }
.inr-ans-key    { font-weight:600 !important; font-size:12px !important; color:#007BFF !important; min-width:18px !important; padding-top:2px !important; flex-shrink:0 !important; }
.inr-ans-text   { display:block !important; flex:1 1 auto !important; font-weight:300 !important; font-size:17px !important; line-height:1.5 !important; color:#000 !important; min-width:0 !important; white-space:normal !important; overflow-wrap:break-word !important; word-break:break-word !important; }
.inr-jump       { font-weight:600 !important; font-size:11px !important; color:#9CA3AF !important; white-space:nowrap !important; flex-shrink:0 !important; padding-top:3px !important; letter-spacing:.04em !important; transition:color .14s !important; }
.inr-jump-ph    { color:#D1D5DB !important; font-size:10px !important; }
.inr-ans:hover .inr-jump,.inr-ans:focus .inr-jump { color:#007BFF !important; }

/* ── HERKENNINGSPUNT ── */
.inr-hp-header  { background:#007BFF !important; background-color:#007BFF !important; border-radius:6px 6px 0 0 !important; padding:28px 32px 24px !important; }
.inr-hp-type    { font-weight:600 !important; font-size:11px !important; letter-spacing:.14em !important; text-transform:uppercase !important; color:rgba(255,255,255,.6) !important; margin-bottom:8px !important; }
.inr-hp-num     { color:rgba(255,255,255,.4) !important; margin-left:6px !important; }
.inr-hp-title   { font-weight:600 !important; font-size:29px !important; line-height:35px !important; color:#FFF !important; margin-bottom:24px !important; }
.inr-align-track { display:flex !important; align-items:flex-start !important; }
.inr-align-node  { display:flex !important; flex-direction:column !important; align-items:center !important; gap:5px !important; flex:1 !important; }
.inr-align-circ  { width:28px !important; height:28px !important; border-radius:50% !important; border:2px solid rgba(255,255,255,.25) !important; background:rgba(255,255,255,.1) !important; display:flex !important; align-items:center !important; justify-content:center !important; font-weight:600 !important; font-size:11px !important; color:rgba(255,255,255,.4) !important; }
.inr-align-circ.active { border-color:#FFF !important; background:#FFF !important; color:#007BFF !important; }
.inr-align-lbl   { font-weight:300 !important; font-size:10px !important; color:rgba(255,255,255,.35) !important; letter-spacing:.05em !important; text-transform:uppercase !important; white-space:nowrap !important; }
.inr-align-lbl.active { color:rgba(255,255,255,.9) !important; font-weight:600 !important; }
.inr-align-line  { flex:1 !important; height:1px !important; background:rgba(255,255,255,.2) !important; margin:0 3px !important; margin-bottom:17px !important; }
.inr-laag-ctx { background:rgba(255,255,255,.12) !important; border-radius:6px !important; padding:18px 20px !important; margin-top:20px !important; }
.inr-laag-kort  { font-weight:600 !important; font-size:13px !important; color:rgba(255,255,255,.8) !important; margin-bottom:12px !important; }
.inr-laag-row   { margin-bottom:8px !important; }
.inr-laag-row:last-child { margin-bottom:0 !important; }
.inr-laag-label { font-weight:600 !important; font-size:11px !important; letter-spacing:.1em !important; text-transform:uppercase !important; color:rgba(255,255,255,.45) !important; margin-bottom:3px !important; }
.inr-laag-val   { font-weight:300 !important; font-size:14px !important; line-height:1.6 !important; color:rgba(255,255,255,.8) !important; }
.inr-hp-body    { border:1.5px solid #E5E7EB !important; border-top:none !important; border-radius:0 0 6px 6px !important; padding:32px !important; }
.inr-hp-para    { font-weight:300 !important; font-size:17px !important; line-height:1.75 !important; color:#000 !important; margin-bottom:20px !important; }
.inr-hp-para:last-child { margin-bottom:0 !important; }
.inr-hp-para strong { font-weight:600 !important; }
.inr-divider    { border:none !important; border-top:1px solid #E5E7EB !important; margin:28px 0 !important; }
.inr-hist       { background:#F9FAFB !important; border-radius:6px !important; padding:20px 22px !important; }
.inr-hist-title { font-weight:600 !important; font-size:13px !important; letter-spacing:.06em !important; text-transform:uppercase !important; color:#6B7280 !important; margin-bottom:14px !important; }
.inr-hist-item  { display:flex !important; gap:12px !important; margin-bottom:10px !important; }
.inr-hist-item:last-child { margin-bottom:0 !important; }
.inr-hist-step  { font-weight:600 !important; font-size:12px !important; color:#007BFF !important; min-width:20px !important; padding-top:2px !important; flex-shrink:0 !important; }
.inr-hist-q     { font-weight:600 !important; font-size:13px !important; color:#374151 !important; margin-bottom:2px !important; }
.inr-hist-a     { font-weight:300 !important; font-size:14px !important; color:#6B7280 !important; line-height:1.5 !important; }
.inr-spanning   { background:#FFF7ED !important; border:1.5px solid #FED7AA !important; border-radius:6px !important; padding:20px 22px !important; }
.inr-sp-title   { font-weight:600 !important; font-size:14px !important; color:#92400E !important; margin-bottom:8px !important; }
.inr-sp-label   { font-weight:600 !important; font-size:13px !important; color:#B45309 !important; margin-bottom:6px !important; }
.inr-sp-desc    { font-weight:300 !important; font-size:14px !important; line-height:1.65 !important; color:#92400E !important; }
.inr-sp-item    { margin-bottom:14px !important; }
.inr-sp-item:last-child { margin-bottom:0 !important; }
.inr-cta        { background:#EFF6FF !important; border-radius:6px !important; border:1.5px solid #BFDBFE !important; padding:24px 26px !important; }
.inr-cta-title  { font-weight:600 !important; font-size:18px !important; color:#000 !important; margin-bottom:8px !important; }
.inr-cta-desc   { font-weight:300 !important; font-size:15px !important; line-height:1.65 !important; color:#374151 !important; margin-bottom:20px !important; }
.inr-mail-btn   {
  display:inline-flex !important; align-items:center !important; gap:8px !important;
  background:#007BFF !important; background-color:#007BFF !important;
  color:#FFF !important; border:none !important; border-radius:6px !important;
  padding:13px 22px !important; font-weight:600 !important; font-size:15px !important;
  cursor:pointer !important; transition:opacity .15s !important; width:auto !important;
}
.inr-mail-btn:hover,.inr-mail-btn:focus { opacity:.88 !important; background:#007BFF !important; background-color:#007BFF !important; color:#FFF !important; }
.inr-restart-btn {
  display:inline-flex !important; align-items:center !important; gap:8px !important;
  background:transparent !important; background-color:transparent !important;
  color:#6B7280 !important; border:1.5px solid #E5E7EB !important;
  border-radius:6px !important; padding:11px 20px !important;
  font-weight:600 !important; font-size:14px !important;
  cursor:pointer !important; margin-top:16px !important;
  transition:border-color .15s,color .15s !important; width:auto !important;
}
.inr-restart-btn:hover,.inr-restart-btn:focus { border-color:#007BFF !important; color:#007BFF !important; background:transparent !important; background-color:transparent !important; }
.inr-pdf-btn {
  display:inline-flex !important; align-items:center !important; gap:8px !important;
  background:transparent !important; background-color:transparent !important;
  color:#007BFF !important; border:1.5px solid rgba(0,123,255,0.35) !important;
  border-radius:6px !important; padding:13px 22px !important;
  font-weight:600 !important; font-size:15px !important;
  cursor:pointer !important; margin-top:12px !important;
  transition:background-color .15s, border-color .15s !important; width:auto !important;
}
.inr-pdf-btn:hover,.inr-pdf-btn:focus {
  background:rgba(0,123,255,0.05) !important; background-color:rgba(0,123,255,0.05) !important;
  border-color:#007BFF !important; color:#007BFF !important;
}
.inr-cta-buttons { display:flex !important; gap:12px !important; flex-wrap:wrap !important; align-items:center !important; }
.inr-coach-btn {
  display:inline-flex !important; align-items:center !important; gap:0 !important;
  background:rgba(0,0,0,0.03) !important; background-color:rgba(0,0,0,0.03) !important;
  color:#9CA3AF !important; border:1px solid rgba(0,0,0,0.08) !important;
  border-radius:100px !important; padding:9px 16px !important;
  font-weight:600 !important; font-size:11px !important; letter-spacing:0.08em !important;
  text-transform:uppercase !important; cursor:pointer !important;
  transition:background-color .15s, color .15s, border-color .15s !important; width:auto !important;
}
.inr-coach-btn:hover,.inr-coach-btn:focus {
  background:rgba(0,0,0,0.06) !important; background-color:rgba(0,0,0,0.06) !important;
  color:#374151 !important; border-color:rgba(0,0,0,0.14) !important;
}
.inr-ph { padding:44px 32px !important; background:#F9FAFB !important; border-radius:6px !important; border:1.5px solid #E5E7EB !important; text-align:center !important; }
.inr-ph-t { font-weight:600 !important; font-size:17px !important; color:#000 !important; margin-bottom:8px !important; }
.inr-ph-s { font-weight:300 !important; font-size:17px !important; color:#6B7280 !important; line-height:1.6 !important; }

/* ── MOBIEL ── */
@media(max-width:640px){
  .inr-questions-wrap { padding:28px 16px 40px !important; }
  /* Elementor-bescherming: de container eromheen kan padding:0 of een full-width
     stretch opleggen, waardoor de antwoorden tegen of buiten de rand vallen. De
     tool beschermt zichzelf: eigen veilige zijruimte, border-box geforceerd, geen
     enkel kind breder dan het scherm, en lange woorden mogen breken. */
  .inr-tool, .inr-tool * { box-sizing:border-box !important; }
  .inr-tool { max-width:100% !important; overflow-x:hidden !important; }
  .inr-questions-wrap { width:100% !important; max-width:100% !important; margin-left:0 !important; margin-right:0 !important; }
  .inr-answers { width:100% !important; max-width:100% !important; }
  .inr-ans { max-width:100% !important; }
  .inr-ans-inner { max-width:100% !important; }
  .inr-ans-text { overflow-wrap:break-word !important; word-break:break-word !important; min-width:0 !important; }
  .inr-ans-left { min-width:0 !important; }
  .inr-question { font-size:20px !important; line-height:1.35 !important; }
  .inr-context  { font-size:15px !important; }
  .inr-ans-text { font-size:15px !important; }
  .inr-ans-inner{ padding:14px !important; }
  .inr-hp-title { font-size:22px !important; line-height:1.3 !important; }
  .inr-hp-header{ padding:22px 20px 20px !important; }
  .inr-hp-body  { padding:22px 20px !important; }
  .inr-hp-para  { font-size:15px !important; }
  .inr-jump     { display:none !important; }
  .inr-intro-title { font-size:28px !important; }
  .inr-intro-lead  { font-size:17px !important; }
}

/* ── INTAKE ── */
.inr-intake-card { background:#FFF !important; background-color:#FFF !important; border-radius:12px !important; box-shadow:0 2px 14px rgba(0,0,0,.06) !important; padding:48px 56px !important; max-width:760px !important; margin:0 auto !important; font-family:"Inter",-apple-system,BlinkMacSystemFont,sans-serif !important; }
.inr-intake-eyebrow { font-weight:600 !important; font-size:11px !important; letter-spacing:.14em !important; text-transform:uppercase !important; color:#007BFF !important; margin:0 0 14px 0 !important; font-family:"Inter",-apple-system,BlinkMacSystemFont,sans-serif !important; line-height:1.4 !important; }
.inr-intake-title { font-weight:700 !important; font-size:32px !important; line-height:1.2 !important; color:#000 !important; margin:0 0 14px 0 !important; font-family:"Inter",-apple-system,BlinkMacSystemFont,sans-serif !important; }
.inr-intake-lead { font-weight:300 !important; font-size:17px !important; line-height:1.65 !important; color:#374151 !important; margin:0 0 30px 0 !important; font-family:"Inter",-apple-system,BlinkMacSystemFont,sans-serif !important; }
.inr-intake-progress { display:flex !important; gap:8px !important; margin:0 0 36px 0 !important; padding:0 !important; }
.inr-intake-dot { flex:1 !important; height:4px !important; border-radius:2px !important; background:#E5E7EB !important; background-color:#E5E7EB !important; transition:background .25s !important; }
.inr-intake-dot.done { background:#007BFF !important; background-color:#007BFF !important; }
.inr-intake-dot.active { background:#007BFF !important; background-color:#007BFF !important; }
.inr-intake-qstep { font-weight:600 !important; font-size:12px !important; letter-spacing:.08em !important; text-transform:uppercase !important; color:#6B7280 !important; margin:0 0 10px 0 !important; font-family:"Inter",-apple-system,BlinkMacSystemFont,sans-serif !important; }
.inr-intake-q { font-weight:600 !important; font-size:21px !important; line-height:1.4 !important; color:#000 !important; margin:0 0 8px 0 !important; font-family:"Inter",-apple-system,BlinkMacSystemFont,sans-serif !important; }
.inr-intake-help { font-weight:300 !important; font-size:14px !important; color:#6B7280 !important; margin:0 0 24px 0 !important; line-height:1.5 !important; font-family:"Inter",-apple-system,BlinkMacSystemFont,sans-serif !important; }
.inr-intake-opts { display:flex !important; flex-direction:column !important; gap:10px !important; margin:0 0 30px 0 !important; padding:0 !important; list-style:none !important; }
.inr-intake-opt { display:flex !important; align-items:flex-start !important; gap:12px !important; padding:16px 20px !important; border:1.5px solid #E5E7EB !important; border-radius:8px !important; background:#FFF !important; background-color:#FFF !important; cursor:pointer !important; transition:all .15s !important; text-align:left !important; font-family:"Inter",-apple-system,BlinkMacSystemFont,sans-serif !important; font-size:15px !important; font-weight:400 !important; color:#000 !important; width:100% !important; max-width:100% !important; min-width:0 !important; box-sizing:border-box !important; line-height:1.45 !important; box-shadow:none !important; text-transform:none !important; letter-spacing:normal !important; }
.inr-intake-opt > span:last-child { display:block !important; min-width:0 !important; flex:1 1 auto !important; white-space:normal !important; overflow-wrap:break-word !important; word-break:break-word !important; }
.inr-intake-opt:hover,.inr-intake-opt:focus { border-color:#93C5FD !important; background:#F9FAFB !important; background-color:#F9FAFB !important; color:#000 !important; }
.inr-intake-opt.selected { border-color:#007BFF !important; background:#EFF6FF !important; background-color:#EFF6FF !important; }
.inr-intake-opt.selected:hover,.inr-intake-opt.selected:focus { border-color:#007BFF !important; background:#EFF6FF !important; background-color:#EFF6FF !important; }
.inr-intake-opt-marker { width:18px !important; height:18px !important; border-radius:50% !important; border:2px solid #D1D5DB !important; flex-shrink:0 !important; position:relative !important; transition:all .15s !important; background:transparent !important; background-color:transparent !important; margin-top:1px !important; }
.inr-intake-opt.selected .inr-intake-opt-marker { border-color:#007BFF !important; background:#007BFF !important; background-color:#007BFF !important; }
.inr-intake-opt.selected .inr-intake-opt-marker:after { content:'' !important; position:absolute !important; top:3px !important; left:3px !important; width:8px !important; height:8px !important; border-radius:50% !important; background:#FFF !important; background-color:#FFF !important; }
.inr-intake-actions { display:flex !important; justify-content:space-between !important; align-items:center !important; margin:20px 0 0 0 !important; padding:0 !important; gap:8px !important; }
.inr-intake-back { background:transparent !important; background-color:transparent !important; color:#6B7280 !important; border:none !important; padding:10px 0 !important; font-weight:600 !important; font-size:14px !important; cursor:pointer !important; }
.inr-intake-back:hover { color:#007BFF !important; background:transparent !important; background-color:transparent !important; }
.inr-intake-back[disabled] { visibility:hidden !important; }
.inr-intake-next {
  display:inline-flex !important; align-items:center !important; gap:8px !important;
  background:#007BFF !important; background-color:#007BFF !important;
  color:#FFF !important; border:none !important; border-radius:6px !important;
  padding:13px 26px !important; font-weight:600 !important; font-size:15px !important;
  cursor:pointer !important; transition:opacity .15s !important; width:auto !important;
}
.inr-intake-next:hover,.inr-intake-next:focus { opacity:.88 !important; background:#007BFF !important; background-color:#007BFF !important; color:#FFF !important; }
.inr-intake-next[disabled] { opacity:.4 !important; cursor:not-allowed !important; }
.inr-intake-skip { background:transparent !important; background-color:transparent !important; color:#6B7280 !important; border:1.5px solid #E5E7EB !important; padding:11px 20px !important; font-weight:600 !important; font-size:14px !important; cursor:pointer !important; border-radius:6px !important; margin-right:8px !important; }
.inr-intake-skip:hover { color:#007BFF !important; border-color:#007BFF !important; background:transparent !important; background-color:transparent !important; }

/* ── ARCHETYPE SECTION ── */
.inr-archetype { margin-top:28px !important; padding:24px 26px !important; background:#F8FAFC !important; border-radius:8px !important; border:1.5px solid #E2E8F0 !important; }
.inr-archetype-eyebrow { font-weight:600 !important; font-size:11px !important; letter-spacing:.14em !important; text-transform:uppercase !important; color:#475569 !important; margin-bottom:8px !important; }
.inr-archetype-title { font-weight:600 !important; font-size:19px !important; color:#0F172A !important; margin-bottom:16px !important; }
.inr-archetype-body { font-weight:300 !important; font-size:15px !important; line-height:1.7 !important; color:#1E293B !important; }
.inr-archetype-body p { margin-bottom:14px !important; }
.inr-archetype-body p:last-child { margin-bottom:0 !important; }
.inr-archetype-pill { display:inline-block !important; background:#FFF !important; border:1px solid #CBD5E1 !important; border-radius:999px !important; padding:3px 10px !important; font-weight:600 !important; font-size:11px !important; letter-spacing:.04em !important; color:#475569 !important; margin-bottom:14px !important; }
.inr-archetype-multi { display:flex !important; flex-direction:column !important; gap:18px !important; }
.inr-archetype-multi-block { padding:18px 20px !important; background:#FFF !important; border-radius:6px !important; border:1px solid #E2E8F0 !important; }
.inr-archetype-multi-block .inr-archetype-pill { margin-bottom:10px !important; }
.inr-archetype-multi-block .inr-archetype-body { font-size:14px !important; }


/* ════════════════════════════════════════════════════════════════
   DASHBOARD FRAME (milestone 1) — Apple style glass
   ════════════════════════════════════════════════════════════════ */

.inrd-root, .inrd-root * { box-sizing:border-box !important; }
.inrd-root { position:relative !important; min-height:100vh !important; font-family:"Inter",-apple-system,BlinkMacSystemFont,sans-serif !important; color:#0F172A !important; max-width:100% !important; overflow-x:hidden !important; box-sizing:border-box !important; }
.inrd-root button { font-family:inherit !important; }

/* ── Background canvas with subtle gradient & glass blobs ── */
.inrd-bg { position:absolute !important; inset:0 !important; z-index:0 !important; pointer-events:none !important; overflow:hidden !important; border-radius:18px !important;
  background:
    radial-gradient(900px 600px at 12% -10%, rgba(0,123,255,.08), transparent 60%),
    radial-gradient(700px 500px at 95% 10%, rgba(99,102,241,.06), transparent 65%),
    radial-gradient(600px 500px at 50% 110%, rgba(56,189,248,.05), transparent 65%),
    linear-gradient(180deg, #F8FAFC 0%, #FFFFFF 30%, #F9FBFD 100%) !important;
}
.inrd-bg-blob { position:absolute !important; border-radius:50% !important; filter:blur(60px) !important; opacity:.4 !important; }
.inrd-bg-blob.b1 { width:340px !important; height:340px !important; top:-80px !important; right:18% !important; background:radial-gradient(circle, rgba(0,123,255,.5), transparent 70%) !important; }
.inrd-bg-blob.b2 { width:280px !important; height:280px !important; bottom:8% !important; left:32% !important; background:radial-gradient(circle, rgba(56,189,248,.35), transparent 70%) !important; }

/* ── Layout grid ── */
.inrd-shell { position:relative !important; z-index:1 !important; display:grid !important; grid-template-columns:264px 1fr !important; grid-template-rows:auto 1fr !important; min-height:100vh !important; gap:0 !important; padding:18px !important; }
.inrd-sidebar { grid-row:1 / span 2 !important; }
.inrd-topbar  { grid-column:2 !important; }
.inrd-canvas  { grid-column:2 !important; }

/* ── Sidebar glass ── */
.inrd-sidebar { background:rgba(255,255,255,.62) !important; backdrop-filter:blur(28px) saturate(180%) !important; -webkit-backdrop-filter:blur(28px) saturate(180%) !important; border:1px solid rgba(255,255,255,.85) !important; border-radius:16px !important; padding:22px 16px !important; display:flex !important; flex-direction:column !important; box-shadow:0 1px 2px rgba(15,23,42,.04), 0 12px 32px rgba(15,23,42,.06) !important; margin-right:18px !important; min-height:auto !important; }
.inrd-brand { display:flex !important; align-items:center !important; gap:10px !important; padding:4px 8px 22px 8px !important; margin-bottom:10px !important; border-bottom:1px solid rgba(15,23,42,.06) !important; }
/* Brand mark — gradient+text default, image swap on successful load */
.inrd-brand-mark { width:40px !important; height:40px !important; border-radius:10px !important; background:linear-gradient(135deg, #007BFF, #0EA5E9) !important; background-color:#007BFF !important; display:flex !important; align-items:center !important; justify-content:center !important; box-shadow:0 4px 12px rgba(0,123,255,.28) !important; border:none !important; flex-shrink:0 !important; padding:0 !important; overflow:hidden !important; position:relative !important; }
.inrd-brand-mark-text { color:#FFF !important; font-weight:700 !important; font-size:11px !important; letter-spacing:.04em !important; line-height:1 !important; font-family:"Inter",-apple-system,BlinkMacSystemFont,sans-serif !important; }
.inrd-brand-mark.has-logo { background:#FFF !important; background-color:#FFF !important; box-shadow:0 2px 8px rgba(15,23,42,.08) !important; border:1px solid rgba(15,23,42,.06) !important; padding:5px !important; }
.inrd-brand-mark.has-logo .inrd-brand-mark-text { display:none !important; }
.inrd-brand-mark img { display:block !important; width:100% !important; height:100% !important; object-fit:contain !important; }
.inrd-brand-text { display:flex !important; flex-direction:column !important; gap:1px !important; }
.inrd-brand-name { font-weight:700 !important; font-size:14px !important; color:#0F172A !important; letter-spacing:-0.01em !important; line-height:1.15 !important; }
.inrd-brand-sub  { font-weight:500 !important; font-size:11px !important; color:#64748B !important; line-height:1.2 !important; }

.inrd-nav-label { font-weight:600 !important; font-size:10px !important; letter-spacing:.14em !important; text-transform:uppercase !important; color:#94A3B8 !important; padding:0 8px !important; margin:14px 0 8px !important; }
.inrd-nav { display:flex !important; flex-direction:column !important; gap:2px !important; padding:0 !important; margin:0 !important; }
.inrd-nav-item { display:flex !important; align-items:center !important; gap:12px !important; width:100% !important; padding:10px 12px !important; border:none !important; background:transparent !important; background-color:transparent !important; border-radius:10px !important; cursor:pointer !important; text-align:left !important; font-size:14px !important; font-weight:500 !important; color:#334155 !important; transition:all .18s ease !important; position:relative !important; line-height:1.3 !important; }
.inrd-nav-item:hover { background:rgba(15,23,42,.04) !important; color:#0F172A !important; }
.inrd-nav-item.active { background:linear-gradient(135deg, rgba(0,123,255,.10), rgba(14,165,233,.08)) !important; color:#007BFF !important; font-weight:600 !important; box-shadow:inset 0 0 0 1px rgba(0,123,255,.10) !important; }
.inrd-nav-item.disabled { color:#94A3B8 !important; cursor:not-allowed !important; }
.inrd-nav-item.disabled:hover { background:transparent !important; background-color:transparent !important; color:#94A3B8 !important; }
.inrd-nav-icon { width:18px !important; height:18px !important; flex-shrink:0 !important; opacity:.85 !important; }
.inrd-nav-pill { margin-left:auto !important; font-size:9px !important; font-weight:700 !important; letter-spacing:.06em !important; text-transform:uppercase !important; color:#94A3B8 !important; background:rgba(15,23,42,.05) !important; padding:2px 7px !important; border-radius:99px !important; }
.inrd-sidebar-spacer { flex:1 !important; min-height:30px !important; }
.inrd-sidebar-foot { padding:14px 12px 4px !important; border-top:1px solid rgba(15,23,42,.06) !important; font-size:11px !important; color:#94A3B8 !important; font-weight:500 !important; line-height:1.5 !important; }
.inrd-sidebar-foot strong { color:#475569 !important; font-weight:600 !important; }

/* ── Topbar glass ── */
.inrd-topbar { background:rgba(255,255,255,.55) !important; backdrop-filter:blur(28px) saturate(180%) !important; -webkit-backdrop-filter:blur(28px) saturate(180%) !important; border:1px solid rgba(255,255,255,.8) !important; border-radius:14px !important; padding:14px 22px !important; display:flex !important; align-items:center !important; justify-content:space-between !important; box-shadow:0 1px 2px rgba(15,23,42,.04), 0 8px 22px rgba(15,23,42,.05) !important; margin-bottom:18px !important; min-height:64px !important; }
.inrd-topbar-left { display:flex !important; flex-direction:column !important; gap:2px !important; }
.inrd-eyebrow { font-weight:600 !important; font-size:10px !important; letter-spacing:.14em !important; text-transform:uppercase !important; color:#94A3B8 !important; }
.inrd-topbar-title { font-weight:700 !important; font-size:17px !important; color:#0F172A !important; letter-spacing:-.01em !important; line-height:1.25 !important; }
.inrd-topbar-right { display:flex !important; align-items:center !important; gap:8px !important; }
.inrd-chip { display:inline-flex !important; align-items:center !important; gap:6px !important; padding:6px 10px !important; background:rgba(15,23,42,.04) !important; border:1px solid rgba(15,23,42,.06) !important; border-radius:99px !important; font-size:11px !important; font-weight:600 !important; color:#64748B !important; }
.inrd-chip-dot { width:6px !important; height:6px !important; border-radius:50% !important; background:#94A3B8 !important; }

/* ── Canvas card glass ── */
.inrd-canvas { background:rgba(255,255,255,.68) !important; backdrop-filter:blur(24px) saturate(180%) !important; -webkit-backdrop-filter:blur(24px) saturate(180%) !important; border:1px solid rgba(255,255,255,.85) !important; border-radius:16px !important; padding:0 !important; box-shadow:0 1px 2px rgba(15,23,42,.04), 0 18px 44px rgba(15,23,42,.07) !important; min-height:auto !important; overflow:hidden !important; }
.inrd-view { padding:0 !important; }
.inrd-view-pad { padding:38px 44px 44px !important; }

/* ── Welkom view ── */
.inrd-hero { padding:48px 44px 36px !important; }
.inrd-hero-eyebrow { font-weight:600 !important; font-size:11px !important; letter-spacing:.18em !important; text-transform:uppercase !important; color:#007BFF !important; margin:0 0 14px 0 !important; }
.inrd-hero-h1 { font-weight:700 !important; font-size:44px !important; line-height:1.08 !important; color:#0F172A !important; letter-spacing:-.025em !important; margin:0 0 18px 0 !important; max-width:720px !important; }
.inrd-hero-lead { font-weight:400 !important; font-size:18px !important; line-height:1.55 !important; color:#475569 !important; margin:0 0 30px 0 !important; max-width:680px !important; }
.inrd-cta-row { display:flex !important; align-items:center !important; gap:14px !important; flex-wrap:wrap !important; }
.inrd-btn-primary {
  display:inline-flex !important; align-items:center !important; gap:10px !important;
  background:linear-gradient(135deg, #007BFF, #0EA5E9) !important; background-color:#007BFF !important;
  color:#FFF !important; border:none !important; border-radius:99px !important;
  padding:14px 26px !important; font-weight:600 !important; font-size:15px !important;
  cursor:pointer !important; box-shadow:0 6px 18px rgba(0,123,255,.28), inset 0 1px 0 rgba(255,255,255,.2) !important;
  transition:transform .15s ease, box-shadow .2s ease !important; letter-spacing:-.005em !important;
}
.inrd-btn-primary:hover { transform:translateY(-1px) !important; box-shadow:0 10px 24px rgba(0,123,255,.32) !important; background:linear-gradient(135deg, #007BFF, #0EA5E9) !important; color:#FFF !important; }
.inrd-btn-ghost {
  display:inline-flex !important; align-items:center !important; gap:8px !important;
  background:transparent !important; background-color:transparent !important;
  color:#475569 !important; border:1.5px solid rgba(15,23,42,.10) !important;
  border-radius:99px !important; padding:13px 22px !important;
  font-weight:600 !important; font-size:14px !important; cursor:pointer !important;
  transition:all .15s ease !important;
}
.inrd-btn-ghost:hover { border-color:#007BFF !important; color:#007BFF !important; background:rgba(0,123,255,.04) !important; }

.inrd-divider-soft { border:none !important; border-top:1px solid rgba(15,23,42,.06) !important; margin:8px 44px !important; }

.inrd-lagen-strip { padding:30px 44px 36px !important; }
.inrd-section-eyebrow { font-weight:600 !important; font-size:10px !important; letter-spacing:.18em !important; text-transform:uppercase !important; color:#94A3B8 !important; margin:0 0 8px 0 !important; }
.inrd-section-h2 { font-weight:700 !important; font-size:22px !important; line-height:1.25 !important; color:#0F172A !important; letter-spacing:-.018em !important; margin:0 0 22px 0 !important; }
.inrd-laag-grid { display:grid !important; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)) !important; gap:12px !important; }
.inrd-laag-card { background:rgba(255,255,255,.85) !important; border:1px solid rgba(15,23,42,.06) !important; border-radius:12px !important; padding:18px 16px !important; box-sizing:border-box !important; min-width:0 !important; white-space:normal !important; overflow-wrap:break-word !important; transition:all .2s ease !important; cursor:default !important; }
.inrd-laag-jump { border:1px solid rgba(15,23,42,.06) !important; cursor:pointer !important; text-align:left !important; font-family:inherit !important; }
.inrd-laag-jump:hover { transform:translateY(-2px) !important; box-shadow:0 12px 28px rgba(15,23,42,.08) !important; border-color:rgba(0,123,255,.18) !important; }
.inrd-laag-card:hover { transform:translateY(-2px) !important; box-shadow:0 12px 28px rgba(15,23,42,.08) !important; border-color:rgba(0,123,255,.18) !important; }
.inrd-laag-letter { width:36px !important; height:36px !important; border-radius:10px !important; display:flex !important; align-items:center !important; justify-content:center !important; color:#FFF !important; font-weight:700 !important; font-size:16px !important; margin-bottom:12px !important; box-shadow:0 4px 10px rgba(15,23,42,.10) !important; }
.inrd-laag-A { background:#FD7634 !important; background-color:#FD7634 !important; }
.inrd-laag-L { background:#7448FD !important; background-color:#7448FD !important; }
.inrd-laag-I { background:#292558 !important; background-color:#292558 !important; }
.inrd-laag-G { background:#2875FB !important; background-color:#2875FB !important; }
.inrd-laag-N { background:#5AC380 !important; background-color:#5AC380 !important; }
.inrd-laag-name { font-weight:700 !important; font-size:14px !important; color:#0F172A !important; margin:0 0 4px 0 !important; letter-spacing:-.005em !important; white-space:normal !important; overflow-wrap:break-word !important; }
.inrd-laag-tagline { font-weight:400 !important; font-size:12px !important; line-height:1.5 !important; color:#64748B !important; margin:0 !important; white-space:normal !important; overflow-wrap:break-word !important; }

.inrd-modules-strip { padding:30px 44px 48px !important; }
.inrd-module-grid { display:grid !important; grid-template-columns:repeat(2, 1fr) !important; gap:14px !important; }
.inrd-module-card { background:rgba(255,255,255,.7) !important; border:1px solid rgba(15,23,42,.07) !important; border-radius:14px !important; padding:22px 24px !important; transition:all .2s ease !important; position:relative !important; overflow:hidden !important; }
.inrd-module-card.clickable { cursor:pointer !important; }
.inrd-module-card.clickable:hover { transform:translateY(-2px) !important; box-shadow:0 12px 28px rgba(15,23,42,.08) !important; border-color:rgba(0,123,255,.20) !important; background:rgba(255,255,255,.85) !important; }
.inrd-module-card.soon { background:rgba(248,250,252,.7) !important; }
.inrd-module-soon-pill { position:absolute !important; top:18px !important; right:20px !important; font-size:9px !important; font-weight:700 !important; letter-spacing:.08em !important; text-transform:uppercase !important; color:#0EA5E9 !important; background:rgba(14,165,233,.10) !important; padding:3px 9px !important; border-radius:99px !important; border:1px solid rgba(14,165,233,.18) !important; }
.inrd-module-title { font-weight:700 !important; font-size:15px !important; color:#0F172A !important; margin:0 0 6px 0 !important; padding-right:80px !important; letter-spacing:-.005em !important; }
.inrd-module-desc { font-weight:400 !important; font-size:13px !important; line-height:1.55 !important; color:#64748B !important; margin:0 !important; }

/* ── Over INR view ── */
.inrd-prose { padding:38px 44px 48px !important; max-width:780px !important; }
.inrd-prose p { font-weight:400 !important; font-size:16px !important; line-height:1.75 !important; color:#334155 !important; margin:0 0 18px 0 !important; }
.inrd-prose h3 { font-weight:700 !important; font-size:20px !important; color:#0F172A !important; margin:32px 0 12px 0 !important; letter-spacing:-.015em !important; }
.inrd-prose strong { font-weight:600 !important; color:#0F172A !important; }

/* ── Matrix module embedded in canvas ── */
/* Gutter op de BUITENSTE laag (matrix-wrap), niet op de binnenliggende wraps.
   Elementor kan padding op een binnenliggende wrap wegdrukken; de buitenste
   container respecteert het wel. De binnenliggende wraps krijgen daarom
   horizontaal padding 0 (verticaal behouden ze hun ruimte), zodat niets dubbel
   optelt en de inhoud nooit tegen de rand plakt. */
.inrd-matrix-wrap { padding:0 44px !important; box-sizing:border-box !important; max-width:100% !important; overflow-x:hidden !important; }
.inrd-matrix-wrap .inr-tool { max-width:none !important; padding:0 !important; margin:0 !important; }
.inrd-matrix-wrap .inr-questions-wrap { padding:18px 0 30px !important; max-width:none !important; }

/* ── Hide things until ready ── */
.inrd-hidden { display:none !important; }


/* ════════════════════════════════════════════════════════════════
   LAGEN VERKENNEN MODULE (milestone 2)
   Per-laag brand colors, NOT for the dashboard chrome
   ════════════════════════════════════════════════════════════════ */

.inrl-view { padding:0 !important; }

/* Tab strip at top */
.inrl-tabstrip { padding:32px 40px 22px !important; border-bottom:1px solid rgba(15,23,42,.06) !important; }
.inrl-tabs-eyebrow { font-weight:600 !important; font-size:10px !important; letter-spacing:.18em !important; text-transform:uppercase !important; color:#94A3B8 !important; margin:0 0 12px 0 !important; }
.inrl-tabs { display:grid !important; grid-template-columns:repeat(5, 1fr) !important; gap:10px !important; }
.inrl-tab { display:flex !important; flex-direction:column !important; align-items:flex-start !important; padding:14px 16px !important; border:1.5px solid rgba(15,23,42,.08) !important; border-radius:12px !important; background:#FFF !important; background-color:#FFF !important; cursor:pointer !important; transition:all .2s ease !important; text-align:left !important; font-family:inherit !important; }
.inrl-tab:hover { transform:translateY(-1px) !important; box-shadow:0 8px 20px rgba(15,23,42,.06) !important; }
.inrl-tab-letter { width:34px !important; height:34px !important; border-radius:9px !important; display:flex !important; align-items:center !important; justify-content:center !important; color:#FFF !important; font-weight:700 !important; font-size:15px !important; margin-bottom:10px !important; transition:transform .2s ease !important; }
.inrl-tab-name { font-weight:700 !important; font-size:14px !important; color:#0F172A !important; line-height:1.2 !important; margin-bottom:3px !important; letter-spacing:-.005em !important; }
.inrl-tab-tagline { font-weight:500 !important; font-size:11px !important; color:#64748B !important; line-height:1.3 !important; }
.inrl-tab.active { border-width:2px !important; padding:12.5px 14.5px !important; box-shadow:0 8px 24px rgba(15,23,42,.10) !important; transform:translateY(-1px) !important; }

/* Content container — volledige breedte van het middenpaneel benutten,
   net als de matrix en de andere views (voorheen beperkt tot 880px, wat op
   brede schermen ruimte liet liggen en extra scrollen veroorzaakte). */
.inrl-content { padding:36px 44px 56px !important; max-width:none !important; }

.inrl-hero { margin-bottom:34px !important; }
.inrl-hero-pill { display:inline-flex !important; align-items:center !important; gap:8px !important; padding:5px 12px 5px 8px !important; border-radius:99px !important; margin-bottom:14px !important; font-size:11px !important; font-weight:600 !important; letter-spacing:.06em !important; text-transform:uppercase !important; }
.inrl-hero-pill-dot { width:18px !important; height:18px !important; border-radius:6px !important; display:flex !important; align-items:center !important; justify-content:center !important; color:#FFF !important; font-weight:700 !important; font-size:11px !important; }
.inrl-hero-title { font-weight:700 !important; font-size:38px !important; line-height:1.1 !important; color:#0F172A !important; letter-spacing:-.025em !important; margin:0 0 12px 0 !important; }
.inrl-hero-subtitle { font-weight:400 !important; font-size:18px !important; line-height:1.5 !important; color:#475569 !important; margin:0 0 22px 0 !important; }
.inrl-hero-intro { font-weight:400 !important; font-size:17px !important; line-height:1.7 !important; color:#334155 !important; margin:0 !important; padding:20px 24px !important; border-radius:12px !important; }

/* Section blocks */
.inrl-section { margin-top:42px !important; }
.inrl-section-eyebrow { font-weight:600 !important; font-size:10px !important; letter-spacing:.18em !important; text-transform:uppercase !important; margin:0 0 10px 0 !important; display:flex !important; align-items:center !important; gap:10px !important; }
.inrl-section-eyebrow-line { flex:1 !important; height:1px !important; }
.inrl-section-title { font-weight:700 !important; font-size:24px !important; line-height:1.25 !important; color:#0F172A !important; letter-spacing:-.018em !important; margin:0 0 18px 0 !important; }
.inrl-prose p { font-weight:400 !important; font-size:16px !important; line-height:1.75 !important; color:#334155 !important; margin:0 0 16px 0 !important; }
.inrl-prose p:last-child { margin-bottom:0 !important; }

/* Inner Needs cards */
.inrl-needs-grid { display:grid !important; grid-template-columns:repeat(3, 1fr) !important; gap:14px !important; }
.inrl-need-card { padding:22px 22px 24px !important; border-radius:14px !important; border:1px solid rgba(15,23,42,.06) !important; background:#FFF !important; background-color:#FFF !important; position:relative !important; }
.inrl-need-card-bar { position:absolute !important; top:0 !important; left:18px !important; right:18px !important; height:3px !important; border-radius:0 0 4px 4px !important; }
.inrl-need-label { font-weight:700 !important; font-size:11px !important; letter-spacing:.12em !important; text-transform:uppercase !important; margin:0 0 10px 0 !important; }
.inrl-need-body { font-weight:400 !important; font-size:14px !important; line-height:1.65 !important; color:#475569 !important; margin:0 !important; }

/* Narratief block */
.inrl-narratief-intro { font-weight:400 !important; font-size:16px !important; line-height:1.7 !important; color:#475569 !important; margin:0 0 16px 0 !important; }
.inrl-narratief-quotes { padding:24px 28px !important; border-radius:12px !important; border-left:3px solid !important; }
.inrl-narratief-quote { font-weight:400 !important; font-style:italic !important; font-size:17px !important; line-height:1.6 !important; color:#1E293B !important; margin:0 0 14px 0 !important; }
.inrl-narratief-quote:last-child { margin-bottom:0 !important; }
.inrl-narratief-outro { font-weight:400 !important; font-size:16px !important; line-height:1.75 !important; color:#334155 !important; margin:18px 0 0 0 !important; }

/* Reaction patterns */
.inrl-reactions-grid { display:grid !important; grid-template-columns:1fr !important; gap:12px !important; }
.inrl-reaction-card { padding:20px 22px !important; border-radius:12px !important; background:#FFF !important; background-color:#FFF !important; border:1px solid rgba(15,23,42,.06) !important; border-left:3px solid !important; }
.inrl-reaction-name { font-weight:700 !important; font-size:15px !important; color:#0F172A !important; margin:0 0 8px 0 !important; letter-spacing:-.005em !important; }
.inrl-reaction-body { font-weight:400 !important; font-size:14.5px !important; line-height:1.65 !important; color:#475569 !important; margin:0 !important; }

/* Signalen list */
.inrl-signalen-intro { font-weight:500 !important; font-size:14px !important; color:#64748B !important; margin:0 0 12px 0 !important; }
.inrl-signalen-list { list-style:none !important; padding:0 !important; margin:0 !important; display:flex !important; flex-direction:column !important; gap:10px !important; }
.inrl-signalen-item { display:flex !important; gap:12px !important; align-items:flex-start !important; padding:12px 16px !important; border-radius:10px !important; background:#FFF !important; background-color:#FFF !important; border:1px solid rgba(15,23,42,.05) !important; }
.inrl-signalen-dot { width:6px !important; height:6px !important; border-radius:50% !important; flex-shrink:0 !important; margin-top:9px !important; }
.inrl-signalen-text { font-weight:400 !important; font-size:14.5px !important; line-height:1.55 !important; color:#334155 !important; margin:0 !important; }

/* Archetype accordions */
.inrl-archetypes { display:flex !important; flex-direction:column !important; gap:8px !important; }
.inrl-archetype-card { border-radius:12px !important; border:1px solid rgba(15,23,42,.08) !important; background:#FFF !important; background-color:#FFF !important; overflow:hidden !important; }
.inrl-archetype-head { display:flex !important; align-items:center !important; gap:14px !important; padding:16px 20px !important; background:transparent !important; background-color:transparent !important; border:none !important; cursor:pointer !important; width:100% !important; text-align:left !important; font-family:inherit !important; transition:background .15s ease !important; }
.inrl-archetype-head:hover { background:rgba(15,23,42,.025) !important; background-color:rgba(15,23,42,.025) !important; }
.inrl-archetype-head-marker { width:24px !important; height:24px !important; border-radius:8px !important; display:flex !important; align-items:center !important; justify-content:center !important; color:#FFF !important; flex-shrink:0 !important; font-weight:700 !important; font-size:14px !important; }
.inrl-archetype-head-title { flex:1 !important; font-weight:600 !important; font-size:15px !important; color:#0F172A !important; letter-spacing:-.005em !important; line-height:1.3 !important; }
.inrl-archetype-head-chevron { width:18px !important; height:18px !important; color:#94A3B8 !important; transition:transform .25s ease !important; flex-shrink:0 !important; }
.inrl-archetype-card.open .inrl-archetype-head-chevron { transform:rotate(180deg) !important; }
.inrl-archetype-body { display:none !important; padding:4px 22px 22px 58px !important; }
.inrl-archetype-card.open .inrl-archetype-body { display:block !important; }
.inrl-archetype-body p { font-weight:400 !important; font-size:14.5px !important; line-height:1.7 !important; color:#475569 !important; margin:0 0 12px 0 !important; }
.inrl-archetype-body p:last-child { margin-bottom:0 !important; }


/* ════════════════════════════════════════════════════════════════
   STORAGE & SESSIONS (milestone 3)
   ════════════════════════════════════════════════════════════════ */

/* ── Hervat banner on Welkom ── */
.inrs-hervat-banner { display:flex !important; align-items:center !important; gap:14px !important; margin:24px 44px 0 !important; padding:14px 18px !important; background:linear-gradient(135deg, rgba(0,123,255,.06), rgba(14,165,233,.05)) !important; border:1px solid rgba(0,123,255,.18) !important; border-radius:12px !important; }
.inrs-hervat-icon { width:36px !important; height:36px !important; border-radius:10px !important; background:#FFF !important; display:flex !important; align-items:center !important; justify-content:center !important; color:#007BFF !important; flex-shrink:0 !important; box-shadow:0 2px 6px rgba(0,123,255,.12) !important; }
.inrs-hervat-text { flex:1 !important; }
.inrs-hervat-title { font-weight:700 !important; font-size:14px !important; color:#0F172A !important; margin:0 0 2px 0 !important; letter-spacing:-.005em !important; }
.inrs-hervat-sub { font-weight:400 !important; font-size:13px !important; color:#475569 !important; margin:0 !important; line-height:1.4 !important; }
.inrs-hervat-actions { display:flex !important; gap:8px !important; flex-shrink:0 !important; }
.inrs-hervat-btn { display:inline-flex !important; align-items:center !important; gap:6px !important; padding:8px 14px !important; border-radius:8px !important; font-family:inherit !important; font-weight:600 !important; font-size:13px !important; cursor:pointer !important; transition:all .15s ease !important; border:none !important; }
.inrs-hervat-btn-primary { background:#007BFF !important; background-color:#007BFF !important; color:#FFF !important; }
.inrs-hervat-btn-primary:hover { background:#0066D9 !important; background-color:#0066D9 !important; color:#FFF !important; }
.inrs-hervat-btn-ghost { background:transparent !important; background-color:transparent !important; color:#64748B !important; border:1px solid rgba(15,23,42,.10) !important; }
.inrs-hervat-btn-ghost:hover { color:#0F172A !important; border-color:rgba(15,23,42,.20) !important; background:rgba(15,23,42,.03) !important; }

/* ── Save button & modal ── */
.inrs-save-row { display:flex !important; gap:10px !important; align-items:center !important; flex-wrap:wrap !important; margin-top:16px !important; }
.inrs-save-btn { display:inline-flex !important; align-items:center !important; gap:8px !important; padding:11px 20px !important; border-radius:8px !important; background:#FFF !important; background-color:#FFF !important; color:#0F172A !important; border:1.5px solid rgba(15,23,42,.12) !important; font-family:inherit !important; font-weight:600 !important; font-size:14px !important; cursor:pointer !important; transition:all .15s ease !important; }
.inrs-save-btn:hover { border-color:#007BFF !important; color:#007BFF !important; background:rgba(0,123,255,.04) !important; background-color:rgba(0,123,255,.04) !important; }
.inrs-save-btn.saved { color:#059669 !important; border-color:rgba(5,150,105,.30) !important; background:rgba(5,150,105,.06) !important; background-color:rgba(5,150,105,.06) !important; cursor:default !important; }

.inrs-modal-overlay { position:fixed !important; inset:0 !important; background:rgba(15,23,42,.45) !important; backdrop-filter:blur(8px) !important; -webkit-backdrop-filter:blur(8px) !important; z-index:9999 !important; display:flex !important; align-items:center !important; justify-content:center !important; padding:20px !important; opacity:0 !important; transition:opacity .2s ease !important; pointer-events:none !important; }
.inrs-modal-overlay.open { opacity:1 !important; pointer-events:auto !important; }
.inrs-modal { background:#FFF !important; background-color:#FFF !important; border-radius:16px !important; padding:32px 30px 28px !important; max-width:440px !important; width:100% !important; box-shadow:0 25px 60px rgba(15,23,42,.30), 0 0 0 1px rgba(255,255,255,.5) !important; transform:translateY(8px) scale(.98) !important; transition:transform .2s ease !important; font-family:"Inter",-apple-system,BlinkMacSystemFont,sans-serif !important; }
.inrs-modal-overlay.open .inrs-modal { transform:translateY(0) scale(1) !important; }
.inrs-modal-eyebrow { font-weight:600 !important; font-size:10px !important; letter-spacing:.16em !important; text-transform:uppercase !important; color:#007BFF !important; margin:0 0 10px 0 !important; }
.inrs-modal-title { font-weight:700 !important; font-size:22px !important; line-height:1.25 !important; color:#0F172A !important; margin:0 0 8px 0 !important; letter-spacing:-.018em !important; }
.inrs-modal-help { font-weight:400 !important; font-size:14px !important; line-height:1.55 !important; color:#475569 !important; margin:0 0 20px 0 !important; }
.inrs-modal-input { width:100% !important; padding:13px 14px !important; font-family:inherit !important; font-size:15px !important; font-weight:400 !important; border:1.5px solid rgba(15,23,42,.14) !important; border-radius:10px !important; color:#0F172A !important; background:#FFF !important; background-color:#FFF !important; outline:none !important; transition:border-color .15s ease, box-shadow .15s ease !important; }
.inrs-modal-input:focus { border-color:#007BFF !important; box-shadow:0 0 0 3px rgba(0,123,255,.10) !important; }
.inrs-modal-actions { display:flex !important; justify-content:flex-end !important; gap:8px !important; margin-top:22px !important; }
.inrs-modal-btn { padding:10px 18px !important; border-radius:8px !important; font-family:inherit !important; font-weight:600 !important; font-size:14px !important; cursor:pointer !important; transition:all .15s ease !important; border:none !important; }
.inrs-modal-btn-primary { background:#007BFF !important; background-color:#007BFF !important; color:#FFF !important; }
.inrs-modal-btn-primary:hover { background:#0066D9 !important; background-color:#0066D9 !important; color:#FFF !important; }
.inrs-modal-btn-ghost { background:transparent !important; background-color:transparent !important; color:#64748B !important; border:1px solid rgba(15,23,42,.10) !important; }
.inrs-modal-btn-ghost:hover { color:#0F172A !important; border-color:rgba(15,23,42,.20) !important; }

/* ── Toast ── */
.inrs-toast { position:fixed !important; bottom:24px !important; left:50% !important; transform:translateX(-50%) translateY(20px) !important; background:#0F172A !important; background-color:#0F172A !important; color:#FFF !important; padding:12px 20px !important; border-radius:99px !important; font-family:"Inter",-apple-system,BlinkMacSystemFont,sans-serif !important; font-weight:600 !important; font-size:13px !important; letter-spacing:-.005em !important; box-shadow:0 12px 32px rgba(15,23,42,.30) !important; z-index:9998 !important; opacity:0 !important; transition:all .25s ease !important; pointer-events:none !important; display:flex !important; align-items:center !important; gap:8px !important; }
.inrs-toast.show { opacity:1 !important; transform:translateX(-50%) translateY(0) !important; }

/* ── Mijn diagnoses view ── */
.inrs-diag-wrap { padding:38px 44px 56px !important; }
.inrs-diag-header { margin-bottom:28px !important; display:flex !important; align-items:flex-start !important; justify-content:space-between !important; gap:20px !important; flex-wrap:wrap !important; }
.inrs-diag-header-left { flex:1 !important; min-width:280px !important; }
.inrs-diag-eyebrow { font-weight:600 !important; font-size:11px !important; letter-spacing:.18em !important; text-transform:uppercase !important; color:#007BFF !important; margin:0 0 10px 0 !important; }
.inrs-diag-title { font-weight:700 !important; font-size:30px !important; line-height:1.15 !important; color:#0F172A !important; letter-spacing:-.022em !important; margin:0 0 10px 0 !important; }
.inrs-diag-lead { font-weight:400 !important; font-size:15px !important; line-height:1.6 !important; color:#475569 !important; margin:0 !important; max-width:640px !important; }
.inrs-diag-grid { display:grid !important; grid-template-columns:repeat(auto-fill, minmax(280px, 1fr)) !important; gap:14px !important; }
.inrs-diag-card { position:relative !important; background:#FFF !important; background-color:#FFF !important; border:1px solid rgba(15,23,42,.08) !important; border-radius:14px !important; padding:20px 22px 18px !important; cursor:pointer !important; transition:all .2s ease !important; text-align:left !important; font-family:inherit !important; display:flex !important; flex-direction:column !important; gap:12px !important; }
.inrs-diag-card:hover { transform:translateY(-2px) !important; box-shadow:0 14px 32px rgba(15,23,42,.08) !important; border-color:rgba(0,123,255,.18) !important; }
.inrs-diag-card-head { display:flex !important; align-items:flex-start !important; gap:12px !important; }
.inrs-diag-card-laag { width:36px !important; height:36px !important; border-radius:10px !important; display:flex !important; align-items:center !important; justify-content:center !important; color:#FFF !important; font-weight:700 !important; font-size:14px !important; flex-shrink:0 !important; }
.inrs-diag-card-meta { flex:1 !important; min-width:0 !important; }
.inrs-diag-card-name { font-weight:700 !important; font-size:15px !important; color:#0F172A !important; margin:0 0 2px 0 !important; line-height:1.3 !important; letter-spacing:-.005em !important; word-break:break-word !important; }
.inrs-diag-card-date { font-weight:500 !important; font-size:12px !important; color:#64748B !important; margin:0 !important; }
.inrs-diag-card-hp { font-weight:400 !important; font-size:13.5px !important; line-height:1.5 !important; color:#334155 !important; margin:0 !important; padding-top:8px !important; border-top:1px solid rgba(15,23,42,.06) !important; }
.inrs-diag-card-hp strong { font-weight:600 !important; color:#0F172A !important; }
.inrs-diag-card-tags { display:flex !important; gap:6px !important; flex-wrap:wrap !important; }
.inrs-diag-card-tag { display:inline-flex !important; padding:3px 9px !important; background:rgba(15,23,42,.05) !important; border-radius:99px !important; font-weight:600 !important; font-size:10px !important; letter-spacing:.04em !important; color:#475569 !important; }
.inrs-diag-card-menu { position:absolute !important; top:14px !important; right:14px !important; opacity:0 !important; transition:opacity .15s ease !important; }
.inrs-diag-card:hover .inrs-diag-card-menu { opacity:1 !important; }
.inrs-diag-menu-btn { background:#FFF !important; background-color:#FFF !important; border:1px solid rgba(15,23,42,.08) !important; border-radius:8px !important; padding:6px !important; cursor:pointer !important; color:#64748B !important; transition:all .15s ease !important; }
.inrs-diag-menu-btn:hover { color:#0F172A !important; border-color:rgba(15,23,42,.20) !important; }
.inrs-diag-menu-dropdown { position:absolute !important; top:42px !important; right:0 !important; background:#FFF !important; background-color:#FFF !important; border:1px solid rgba(15,23,42,.08) !important; border-radius:10px !important; padding:6px !important; box-shadow:0 12px 32px rgba(15,23,42,.12) !important; min-width:160px !important; z-index:10 !important; display:none !important; }
.inrs-diag-menu-dropdown.open { display:block !important; }
.inrs-diag-menu-item { display:block !important; width:100% !important; padding:8px 12px !important; background:transparent !important; background-color:transparent !important; border:none !important; border-radius:6px !important; text-align:left !important; font-family:inherit !important; font-weight:500 !important; font-size:13px !important; color:#334155 !important; cursor:pointer !important; transition:background .12s ease !important; }
.inrs-diag-menu-item:hover { background:rgba(15,23,42,.05) !important; background-color:rgba(15,23,42,.05) !important; color:#0F172A !important; }
.inrs-diag-menu-item.danger { color:#DC2626 !important; }
.inrs-diag-menu-item.danger:hover { background:rgba(220,38,38,.06) !important; background-color:rgba(220,38,38,.06) !important; color:#B91C1C !important; }

/* Empty state */
.inrs-diag-empty { padding:60px 30px !important; text-align:center !important; background:rgba(255,255,255,.5) !important; border:2px dashed rgba(15,23,42,.10) !important; border-radius:16px !important; }
.inrs-diag-empty-icon { width:54px !important; height:54px !important; border-radius:14px !important; background:linear-gradient(135deg, rgba(0,123,255,.10), rgba(14,165,233,.06)) !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; color:#007BFF !important; margin-bottom:16px !important; }
.inrs-diag-empty-title { font-weight:700 !important; font-size:18px !important; color:#0F172A !important; margin:0 0 8px 0 !important; letter-spacing:-.012em !important; }
.inrs-diag-empty-desc { font-weight:400 !important; font-size:14px !important; line-height:1.55 !important; color:#64748B !important; margin:0 0 18px 0 !important; max-width:400px !important; margin-left:auto !important; margin-right:auto !important; }

.inrs-diag-footer { margin-top:30px !important; padding-top:20px !important; border-top:1px solid rgba(15,23,42,.06) !important; display:flex !important; justify-content:space-between !important; align-items:center !important; flex-wrap:wrap !important; gap:10px !important; }
.inrs-diag-foot-text { font-weight:400 !important; font-size:12px !important; color:#94A3B8 !important; margin:0 !important; line-height:1.5 !important; }
.inrs-diag-wipe { background:transparent !important; background-color:transparent !important; border:none !important; color:#94A3B8 !important; font-family:inherit !important; font-size:12px !important; font-weight:600 !important; cursor:pointer !important; padding:6px 10px !important; border-radius:6px !important; transition:all .15s ease !important; }
.inrs-diag-wipe:hover { color:#DC2626 !important; background:rgba(220,38,38,.06) !important; background-color:rgba(220,38,38,.06) !important; }

/* ── Viewing saved diagnose banner ── */
.inrs-view-banner { display:flex !important; align-items:center !important; gap:14px !important; padding:14px 28px !important; background:linear-gradient(135deg, rgba(0,123,255,.06), rgba(14,165,233,.04)) !important; border-bottom:1px solid rgba(0,123,255,.15) !important; }
.inrs-view-banner-icon { width:32px !important; height:32px !important; border-radius:9px !important; background:#FFF !important; display:flex !important; align-items:center !important; justify-content:center !important; color:#007BFF !important; flex-shrink:0 !important; box-shadow:0 2px 6px rgba(0,123,255,.12) !important; }
.inrs-view-banner-text { flex:1 !important; }
.inrs-view-banner-eyebrow { font-weight:600 !important; font-size:10px !important; letter-spacing:.12em !important; text-transform:uppercase !important; color:#007BFF !important; margin:0 0 2px 0 !important; }
.inrs-view-banner-name { font-weight:700 !important; font-size:14px !important; color:#0F172A !important; margin:0 !important; letter-spacing:-.005em !important; }
.inrs-view-banner-close { background:transparent !important; background-color:transparent !important; border:1px solid rgba(15,23,42,.12) !important; border-radius:8px !important; padding:7px 14px !important; font-family:inherit !important; font-weight:600 !important; font-size:13px !important; color:#475569 !important; cursor:pointer !important; transition:all .15s ease !important; flex-shrink:0 !important; }
.inrs-view-banner-close:hover { color:#0F172A !important; border-color:rgba(15,23,42,.25) !important; background:rgba(15,23,42,.04) !important; background-color:rgba(15,23,42,.04) !important; }


/* ════════════════════════════════════════════════════════════════
   SHARE & COMPARE (milestone 4)
   ════════════════════════════════════════════════════════════════ */

/* ── Selected answer highlight (bug fix) ── */
.inr-ans.inr-ans-prev { border-color:rgba(0,123,255,.45) !important; background:rgba(0,123,255,.04) !important; background-color:rgba(0,123,255,.04) !important; }
.inr-ans.inr-ans-prev .inr-ans-key { background:#007BFF !important; background-color:#007BFF !important; color:#FFF !important; border-color:#007BFF !important; }
.inr-ans.inr-ans-prev .inrh-prev-pill { display:inline-flex !important; }
.inrh-prev-pill { display:none !important; align-items:center !important; gap:5px !important; padding:3px 9px !important; background:#007BFF !important; background-color:#007BFF !important; color:#FFF !important; border-radius:99px !important; font-size:9.5px !important; font-weight:700 !important; letter-spacing:.05em !important; text-transform:uppercase !important; margin-left:8px !important; flex-shrink:0 !important; }

/* ── Shared diagnose welcome banner ── */
.inrsh-shared-banner { display:flex !important; align-items:center !important; gap:14px !important; margin:24px 44px 0 !important; padding:16px 20px !important; background:linear-gradient(135deg, rgba(116,72,253,.08), rgba(99,102,241,.04)) !important; border:1px solid rgba(116,72,253,.22) !important; border-radius:12px !important; }
.inrsh-shared-icon { width:38px !important; height:38px !important; border-radius:10px !important; background:#FFF !important; display:flex !important; align-items:center !important; justify-content:center !important; color:#7448FD !important; flex-shrink:0 !important; box-shadow:0 2px 6px rgba(116,72,253,.15) !important; }
.inrsh-shared-text { flex:1 !important; }
.inrsh-shared-title { font-weight:700 !important; font-size:14px !important; color:#0F172A !important; margin:0 0 2px 0 !important; letter-spacing:-.005em !important; }
.inrsh-shared-sub { font-weight:400 !important; font-size:13px !important; color:#475569 !important; margin:0 !important; line-height:1.4 !important; }
.inrsh-shared-actions { display:flex !important; gap:8px !important; flex-shrink:0 !important; }
.inrsh-shared-btn { display:inline-flex !important; align-items:center !important; gap:6px !important; padding:9px 16px !important; border-radius:8px !important; font-family:inherit !important; font-weight:600 !important; font-size:13px !important; cursor:pointer !important; transition:all .15s ease !important; border:none !important; }
.inrsh-shared-btn-primary { background:#7448FD !important; background-color:#7448FD !important; color:#FFF !important; }
.inrsh-shared-btn-primary:hover { background:#5F35E0 !important; background-color:#5F35E0 !important; color:#FFF !important; }
.inrsh-shared-btn-ghost { background:transparent !important; background-color:transparent !important; color:#64748B !important; border:1px solid rgba(15,23,42,.10) !important; }
.inrsh-shared-btn-ghost:hover { color:#0F172A !important; border-color:rgba(15,23,42,.20) !important; background:rgba(15,23,42,.03) !important; background-color:rgba(15,23,42,.03) !important; }

/* ── Share button + modal ── */
.inrs-share-btn { display:inline-flex !important; align-items:center !important; gap:8px !important; padding:11px 20px !important; border-radius:8px !important; background:#FFF !important; background-color:#FFF !important; color:#0F172A !important; border:1.5px solid rgba(15,23,42,.12) !important; font-family:inherit !important; font-weight:600 !important; font-size:14px !important; cursor:pointer !important; transition:all .15s ease !important; }
.inrs-share-btn:hover { border-color:#7448FD !important; color:#7448FD !important; background:rgba(116,72,253,.04) !important; background-color:rgba(116,72,253,.04) !important; }

.inrsh-share-modal-link-row { display:flex !important; gap:8px !important; align-items:stretch !important; margin-bottom:14px !important; }
.inrsh-share-modal-link { flex:1 !important; padding:11px 13px !important; font-family:"SF Mono", Monaco, Consolas, monospace !important; font-size:12.5px !important; border:1.5px solid rgba(15,23,42,.14) !important; border-radius:8px !important; background:#F8FAFC !important; background-color:#F8FAFC !important; color:#334155 !important; outline:none !important; }
.inrsh-share-modal-link:focus { border-color:#7448FD !important; }
.inrsh-share-modal-copy { padding:0 16px !important; background:#7448FD !important; background-color:#7448FD !important; color:#FFF !important; border:none !important; border-radius:8px !important; font-family:inherit !important; font-weight:600 !important; font-size:13px !important; cursor:pointer !important; transition:background .15s ease !important; min-width:90px !important; }
.inrsh-share-modal-copy:hover { background:#5F35E0 !important; background-color:#5F35E0 !important; color:#FFF !important; }
.inrsh-share-modal-copy.copied { background:#059669 !important; background-color:#059669 !important; }
.inrsh-share-modal-note { font-weight:400 !important; font-size:12.5px !important; line-height:1.55 !important; color:#64748B !important; margin:0 !important; padding:12px 14px !important; background:rgba(116,72,253,.05) !important; border-left:3px solid #7448FD !important; border-radius:6px !important; }

/* ── Compare module ── */
.inrsh-cmp-wrap { padding:38px 44px 56px !important; }
.inrsh-cmp-header { margin-bottom:28px !important; }
.inrsh-cmp-eyebrow { font-weight:600 !important; font-size:11px !important; letter-spacing:.18em !important; text-transform:uppercase !important; color:#007BFF !important; margin:0 0 10px 0 !important; }
.inrsh-cmp-title { font-weight:700 !important; font-size:30px !important; line-height:1.15 !important; color:#0F172A !important; letter-spacing:-.022em !important; margin:0 0 10px 0 !important; }
.inrsh-cmp-lead { font-weight:400 !important; font-size:15px !important; line-height:1.6 !important; color:#475569 !important; margin:0 !important; max-width:640px !important; }

.inrsh-cmp-setup { display:grid !important; grid-template-columns:1fr 1fr !important; gap:14px !important; margin-bottom:24px !important; }
.inrsh-cmp-panel { background:#FFF !important; background-color:#FFF !important; border:1.5px solid rgba(15,23,42,.08) !important; border-radius:14px !important; padding:22px 24px !important; }
.inrsh-cmp-panel.filled { border-color:rgba(0,123,255,.30) !important; background:rgba(0,123,255,.02) !important; background-color:rgba(0,123,255,.02) !important; }
.inrsh-cmp-panel-eyebrow { font-weight:600 !important; font-size:10px !important; letter-spacing:.14em !important; text-transform:uppercase !important; color:#94A3B8 !important; margin:0 0 8px 0 !important; }
.inrsh-cmp-panel-title { font-weight:700 !important; font-size:17px !important; color:#0F172A !important; margin:0 0 14px 0 !important; letter-spacing:-.012em !important; }
.inrsh-cmp-select { width:100% !important; padding:11px 14px !important; font-family:inherit !important; font-size:14px !important; font-weight:500 !important; color:#0F172A !important; background:#FFF !important; background-color:#FFF !important; border:1.5px solid rgba(15,23,42,.12) !important; border-radius:8px !important; cursor:pointer !important; appearance:none !important; -webkit-appearance:none !important; background-image:url('data:image/svg+xml !important;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="8" viewBox="0 0 12 8" fill="none"><path d="M1 1l5 5 5-5" stroke="%2364748B" stroke-width="2"/></svg>') !important; background-repeat:no-repeat !important; background-position:right 14px center !important; padding-right:36px !important; }
.inrsh-cmp-select:focus { outline:none !important; border-color:#007BFF !important; }
.inrsh-cmp-input { width:100% !important; padding:11px 14px !important; font-family:"SF Mono", Monaco, Consolas, monospace !important; font-size:12px !important; color:#334155 !important; background:#FFF !important; background-color:#FFF !important; border:1.5px solid rgba(15,23,42,.12) !important; border-radius:8px !important; outline:none !important; }
.inrsh-cmp-input:focus { border-color:#007BFF !important; }
.inrsh-cmp-input.invalid { border-color:#DC2626 !important; }
.inrsh-cmp-status { font-weight:500 !important; font-size:12.5px !important; line-height:1.5 !important; margin:10px 0 0 0 !important; }
.inrsh-cmp-status.ok { color:#059669 !important; }
.inrsh-cmp-status.err { color:#DC2626 !important; }
.inrsh-cmp-status.muted { color:#94A3B8 !important; }
.inrsh-cmp-action { display:flex !important; justify-content:center !important; }
.inrsh-cmp-btn { display:inline-flex !important; align-items:center !important; gap:10px !important; padding:14px 28px !important; background:linear-gradient(135deg, #007BFF, #0EA5E9) !important; background-color:#007BFF !important; color:#FFF !important; border:none !important; border-radius:99px !important; font-family:inherit !important; font-weight:600 !important; font-size:15px !important; cursor:pointer !important; box-shadow:0 6px 18px rgba(0,123,255,.28) !important; transition:transform .15s ease, box-shadow .2s ease !important; }
.inrsh-cmp-btn:hover { transform:translateY(-1px) !important; box-shadow:0 10px 24px rgba(0,123,255,.32) !important; }
.inrsh-cmp-btn[disabled] { opacity:.4 !important; cursor:not-allowed !important; transform:none !important; box-shadow:0 6px 18px rgba(0,123,255,.18) !important; }

/* Comparison results */
.inrsh-cmp-results { margin-top:24px !important; }
.inrsh-cmp-result-summary { background:#FFF !important; background-color:#FFF !important; border:1.5px solid rgba(15,23,42,.08) !important; border-radius:14px !important; padding:24px 26px !important; margin-bottom:18px !important; }
.inrsh-cmp-result-heads { display:grid !important; grid-template-columns:1fr 1fr !important; gap:18px !important; margin-bottom:18px !important; }
.inrsh-cmp-head { padding:16px 18px !important; border-radius:12px !important; background:#F8FAFC !important; background-color:#F8FAFC !important; border:1px solid rgba(15,23,42,.06) !important; }
.inrsh-cmp-head-label { font-weight:600 !important; font-size:10px !important; letter-spacing:.14em !important; text-transform:uppercase !important; color:#64748B !important; margin:0 0 6px 0 !important; }
.inrsh-cmp-head-name { font-weight:700 !important; font-size:15px !important; color:#0F172A !important; margin:0 0 10px 0 !important; line-height:1.3 !important; letter-spacing:-.005em !important; }
.inrsh-cmp-head-hp { display:flex !important; gap:8px !important; align-items:flex-start !important; }
.inrsh-cmp-head-laag { width:28px !important; height:28px !important; border-radius:8px !important; display:flex !important; align-items:center !important; justify-content:center !important; color:#FFF !important; font-weight:700 !important; font-size:12px !important; flex-shrink:0 !important; }
.inrsh-cmp-head-hpinfo { flex:1 !important; min-width:0 !important; }
.inrsh-cmp-head-hpid { font-weight:600 !important; font-size:10.5px !important; color:#64748B !important; letter-spacing:.06em !important; }
.inrsh-cmp-head-hptitle { font-weight:600 !important; font-size:13.5px !important; color:#0F172A !important; line-height:1.35 !important; letter-spacing:-.005em !important; }
.inrsh-cmp-head-tags { display:flex !important; gap:6px !important; flex-wrap:wrap !important; margin-top:10px !important; }
.inrsh-cmp-head-tag { padding:3px 9px !important; border-radius:99px !important; font-weight:600 !important; font-size:10px !important; letter-spacing:.04em !important; color:#475569 !important; background:rgba(15,23,42,.05) !important; }
.inrsh-cmp-conclusion { padding:14px 18px !important; border-radius:10px !important; font-weight:500 !important; font-size:14px !important; line-height:1.55 !important; color:#0F172A !important; }
.inrsh-cmp-conclusion.match { background:rgba(5,150,105,.08) !important; border:1px solid rgba(5,150,105,.20) !important; color:#065F46 !important; }
.inrsh-cmp-conclusion.diff { background:rgba(245,158,11,.08) !important; border:1px solid rgba(245,158,11,.22) !important; color:#92400E !important; }
.inrsh-cmp-conclusion strong { font-weight:700 !important; }

.inrsh-cmp-path-section { background:#FFF !important; background-color:#FFF !important; border:1.5px solid rgba(15,23,42,.08) !important; border-radius:14px !important; padding:22px 24px !important; margin-bottom:18px !important; }
.inrsh-cmp-section-h { font-weight:700 !important; font-size:14px !important; color:#0F172A !important; margin:0 0 6px 0 !important; letter-spacing:-.008em !important; }
.inrsh-cmp-section-sub { font-weight:400 !important; font-size:12.5px !important; color:#64748B !important; margin:0 0 16px 0 !important; line-height:1.5 !important; }
.inrsh-cmp-step { display:grid !important; grid-template-columns:30px 1fr 1fr !important; gap:14px !important; padding:12px 0 !important; border-top:1px solid rgba(15,23,42,.06) !important; align-items:flex-start !important; }
.inrsh-cmp-step:first-of-type { border-top:none !important; }
.inrsh-cmp-step-num { font-weight:700 !important; font-size:12px !important; color:#94A3B8 !important; padding-top:2px !important; }
.inrsh-cmp-step-side { padding:8px 12px !important; border-radius:8px !important; }
.inrsh-cmp-step-side.same { background:rgba(15,23,42,.025) !important; }
.inrsh-cmp-step-side.diff { background:rgba(245,158,11,.06) !important; border:1px solid rgba(245,158,11,.18) !important; }
.inrsh-cmp-step-side.only { background:rgba(15,23,42,.025) !important; opacity:.55 !important; font-style:italic !important; }
.inrsh-cmp-step-q { font-weight:600 !important; font-size:12px !important; color:#0F172A !important; margin:0 0 3px 0 !important; line-height:1.3 !important; }
.inrsh-cmp-step-a { font-weight:400 !important; font-size:13px !important; color:#475569 !important; margin:0 !important; line-height:1.45 !important; }
.inrsh-cmp-step-meta { font-weight:600 !important; font-size:10px !important; letter-spacing:.06em !important; text-transform:uppercase !important; color:#94A3B8 !important; margin:0 0 4px 0 !important; }
.inrsh-cmp-step-diff-tag { display:inline-block !important; padding:2px 7px !important; background:#F59E0B !important; background-color:#F59E0B !important; color:#FFF !important; border-radius:99px !important; font-weight:700 !important; font-size:9px !important; letter-spacing:.06em !important; text-transform:uppercase !important; margin-left:6px !important; }

.inrsh-cmp-reset { margin-top:20px !important; }
.inrsh-cmp-reset-btn { background:transparent !important; background-color:transparent !important; border:1.5px solid rgba(15,23,42,.12) !important; color:#475569 !important; font-family:inherit !important; font-weight:600 !important; font-size:13px !important; padding:9px 18px !important; border-radius:8px !important; cursor:pointer !important; transition:all .15s ease !important; }
.inrsh-cmp-reset-btn:hover { color:#0F172A !important; border-color:rgba(15,23,42,.22) !important; }


/* ════════════════════════════════════════════════════════════════
   PATH STORY + INNER NEEDS RADAR (milestone 5)
   ════════════════════════════════════════════════════════════════ */

/* ── Pad als verhaal block ── */
.inrx-story { margin:24px 0 !important; padding:24px 28px !important; border-radius:14px !important; background:linear-gradient(135deg, rgba(15,23,42,.025), rgba(15,23,42,.01)) !important; border:1px solid rgba(15,23,42,.06) !important; }
.inrx-story-eyebrow { display:flex !important; align-items:center !important; gap:8px !important; font-weight:600 !important; font-size:10.5px !important; letter-spacing:.16em !important; text-transform:uppercase !important; color:#94A3B8 !important; margin:0 0 10px 0 !important; }
.inrx-story-eyebrow-dot { width:6px !important; height:6px !important; border-radius:50% !important; background:#94A3B8 !important; }
.inrx-story-title { font-weight:700 !important; font-size:16px !important; color:#0F172A !important; margin:0 0 14px 0 !important; letter-spacing:-.012em !important; }
.inrx-story-paras p { font-weight:400 !important; font-size:15px !important; line-height:1.7 !important; color:#334155 !important; margin:0 0 12px 0 !important; }
.inrx-story-paras p:last-child { margin-bottom:0 !important; }
.inrx-story-paras p.lead { font-weight:500 !important; color:#1E293B !important; font-size:15.5px !important; }

/* ── Inner Needs radar block ── */
.inrx-radar-wrap { margin:24px 0 !important; padding:28px 28px 30px !important; border-radius:14px !important; background:#FFF !important; background-color:#FFF !important; border:1px solid rgba(15,23,42,.06) !important; }
.inrx-radar-head { display:flex !important; align-items:center !important; justify-content:space-between !important; gap:14px !important; margin-bottom:6px !important; flex-wrap:wrap !important; }
.inrx-radar-eyebrow { display:flex !important; align-items:center !important; gap:8px !important; font-weight:600 !important; font-size:10.5px !important; letter-spacing:.16em !important; text-transform:uppercase !important; color:#94A3B8 !important; margin:0 !important; }
.inrx-radar-eyebrow-dot { width:6px !important; height:6px !important; border-radius:50% !important; }
.inrx-radar-pill { display:inline-flex !important; align-items:center !important; gap:6px !important; padding:4px 10px 4px 8px !important; border-radius:99px !important; font-weight:600 !important; font-size:11px !important; }
.inrx-radar-pill-dot { width:14px !important; height:14px !important; border-radius:5px !important; color:#FFF !important; font-weight:700 !important; font-size:9px !important; display:flex !important; align-items:center !important; justify-content:center !important; }
.inrx-radar-title { font-weight:700 !important; font-size:18px !important; color:#0F172A !important; margin:8px 0 6px 0 !important; letter-spacing:-.015em !important; }
.inrx-radar-lead { font-weight:400 !important; font-size:14px !important; line-height:1.55 !important; color:#475569 !important; margin:0 0 14px 0 !important; }
.inrx-radar-content { display:grid !important; grid-template-columns:1fr 1.1fr !important; gap:24px !important; align-items:center !important; }
.inrx-radar-svg { width:100% !important; max-width:340px !important; height:auto !important; display:block !important; margin:0 auto !important; }
.inrx-radar-axes { display:flex !important; flex-direction:column !important; gap:10px !important; }
.inrx-radar-axis { padding:11px 14px !important; border-radius:10px !important; background:#F8FAFC !important; background-color:#F8FAFC !important; border:1px solid rgba(15,23,42,.05) !important; }
.inrx-radar-axis-head { display:flex !important; align-items:center !important; justify-content:space-between !important; margin-bottom:4px !important; gap:8px !important; }
.inrx-radar-axis-name { font-weight:700 !important; font-size:13px !important; color:#0F172A !important; letter-spacing:-.005em !important; }
.inrx-radar-axis-level { font-weight:700 !important; font-size:10px !important; letter-spacing:.06em !important; text-transform:uppercase !important; padding:2px 8px !important; border-radius:99px !important; color:#FFF !important; }
.inrx-radar-axis-desc { font-weight:400 !important; font-size:12.5px !important; line-height:1.5 !important; color:#64748B !important; margin:0 !important; }
.inrx-radar-summary { margin-top:18px !important; padding:14px 16px !important; border-radius:10px !important; font-weight:400 !important; font-size:13.5px !important; line-height:1.6 !important; }
.inrx-radar-summary strong { font-weight:700 !important; }

@media (max-width: 720px) {
  .inrx-radar-content { grid-template-columns:1fr !important; }
}


/* ════════════════════════════════════════════════════════════════
   MOBILE RESPONSIVE LAYOUT (v15)
   Sidebar collapses to off-canvas overlay, modules stack vertically
   ════════════════════════════════════════════════════════════════ */

/* Hamburger toggle button — hidden on desktop, shown on mobile */
.inrd-menu-toggle { display:none !important; }
.inrd-menu-toggle-bars { display:flex !important; flex-direction:column !important; gap:4px !important; width:18px !important; }
.inrd-menu-toggle-bars span { display:block !important; height:2px !important; background:#0F172A !important; border-radius:2px !important; transition:transform .25s ease, opacity .2s ease !important; }
.inrd-root.menu-open .inrd-menu-toggle-bars span:nth-child(1) { transform:translateY(6px) rotate(45deg) !important; }
.inrd-root.menu-open .inrd-menu-toggle-bars span:nth-child(2) { opacity:0 !important; }
.inrd-root.menu-open .inrd-menu-toggle-bars span:nth-child(3) { transform:translateY(-6px) rotate(-45deg) !important; }

/* Backdrop behind sidebar — only visible when menu is open on mobile */
.inrd-menu-backdrop { display:none !important; }

/* ═════════ MOBILE (≤ 768px) ═════════ */
@media (max-width: 768px) {

  /* Root + layout reset */
  .inrd-root { min-height:auto !important; }
  /* CRITICAL: remove shell stacking context on mobile so the sidebar (z-index 1001)
     escapes the shell context and stacks above .inrd-menu-backdrop (z-index 1000) */
  .inrd-shell { display:block !important; padding:10px !important; padding-right:10px !important; padding-left:10px !important; z-index:auto !important; }
  .inrd-bg { border-radius:12px !important; }

  /* Sidebar: off-canvas overlay, slides from left */
  .inrd-sidebar {
    position:fixed !important;
    top:0 !important; left:0 !important; bottom:0 !important;
    width:280px !important; max-width:85vw !important;
    margin:0 !important;
    border-radius:0 18px 18px 0 !important;
    transform:translateX(-105%) !important;
    transition:transform .3s cubic-bezier(.4,0,.2,1) !important;
    z-index:1001 !important;
    box-shadow:0 25px 60px rgba(15,23,42,.30) !important;
    background:rgba(255,255,255,.95) !important;
    backdrop-filter:blur(28px) saturate(180%) !important;
    -webkit-backdrop-filter:blur(28px) saturate(180%) !important;
    min-height:auto !important;
    overflow-y:auto !important;
  }
  .inrd-root.menu-open .inrd-sidebar { transform:translateX(0) !important; }

  /* Backdrop */
  .inrd-menu-backdrop {
    display:block !important;
    position:fixed !important;
    top:0 !important; left:0 !important; right:0 !important; bottom:0 !important;
    background:rgba(15,23,42,.32) !important;
    z-index:1000 !important;
    opacity:0 !important;
    pointer-events:none !important;
    transition:opacity .25s ease !important;
  }
  .inrd-root.menu-open .inrd-menu-backdrop { opacity:1 !important; pointer-events:auto !important; }

  /* Hamburger button visible */
  .inrd-menu-toggle {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:42px !important; height:42px !important;
    border-radius:11px !important;
    background:transparent !important; background-color:transparent !important;
    border:1px solid rgba(15,23,42,.10) !important;
    cursor:pointer !important;
    margin-right:12px !important;
    flex-shrink:0 !important;
    padding:0 !important;
    transition:background .15s ease !important;
  }
  .inrd-menu-toggle:hover { background:rgba(15,23,42,.04) !important; background-color:rgba(15,23,42,.04) !important; }

  /* Topbar */
  .inrd-topbar {
    padding:10px 14px !important;
    min-height:60px !important;
    margin-bottom:10px !important;
    border-radius:13px !important;
    gap:8px !important;
  }
  .inrd-topbar-left { min-width:0 !important; flex:1 !important; }
  .inrd-eyebrow { font-size:9px !important; letter-spacing:.12em !important; }
  .inrd-topbar-title { font-size:15px !important; line-height:1.2 !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; }
  .inrd-topbar-right .inrd-chip { display:none !important; }

  /* Canvas */
  .inrd-canvas {
    border-radius:13px !important;
    min-height:auto !important;
  }

  /* ── Welkom view ── */
  .inrd-hero { padding:30px 20px 24px !important; }
  .inrd-hero-eyebrow { font-size:10px !important; }
  .inrd-hero-h1 { font-size:28px !important; line-height:1.12 !important; margin-bottom:14px !important; }
  .inrd-hero-lead { font-size:15px !important; margin-bottom:22px !important; }
  .inrd-cta-row { gap:10px !important; }
  .inrd-btn-primary, .inrd-btn-ghost { width:100% !important; justify-content:center !important; padding:13px 20px !important; font-size:14px !important; }
  .inrd-divider-soft { margin:4px 20px !important; }

  .inrd-lagen-strip { padding:24px 20px 26px !important; }
  .inrd-section-eyebrow { font-size:9.5px !important; }
  .inrd-section-h2 { font-size:19px !important; margin-bottom:18px !important; }
  .inrd-laag-grid { gap:10px !important; }
  .inrd-laag-card { padding:14px 13px !important; }
  .inrd-laag-letter { width:32px !important; height:32px !important; font-size:14px !important; margin-bottom:10px !important; }
  .inrd-laag-name { font-size:13px !important; }
  .inrd-laag-tagline { font-size:11.5px !important; }

  .inrd-modules-strip { padding:22px 20px 34px !important; }
  .inrd-module-grid { grid-template-columns:1fr !important; gap:10px !important; }
  .inrd-module-card { padding:18px 20px !important; }
  .inrd-module-title { font-size:14.5px !important; padding-right:60px !important; }
  .inrd-module-desc { font-size:12.5px !important; }

  /* Hervat banner */
  .inrs-hervat-banner { margin:16px 20px 0 !important; flex-direction:column !important; align-items:stretch !important; gap:12px !important; padding:14px 16px !important; }
  .inrs-hervat-actions { width:100% !important; }
  .inrs-hervat-btn { flex:1 !important; justify-content:center !important; padding:10px 14px !important; }

  /* Shared banner */
  .inrsh-shared-banner { margin:16px 20px 0 !important; flex-direction:column !important; align-items:stretch !important; gap:12px !important; padding:16px !important; }
  .inrsh-shared-actions { width:100% !important; }
  .inrsh-shared-btn { flex:1 !important; justify-content:center !important; padding:10px 14px !important; }

  /* ── Lagen verkennen ── */
  .inrl-tabstrip { padding:22px 0 16px !important; border-bottom:1px solid rgba(15,23,42,.06) !important; }
  .inrl-tabs-eyebrow { padding:0 20px !important; margin-bottom:10px !important; font-size:9.5px !important; }
  .inrl-tabs {
    grid-template-columns:none !important;
    display:flex !important;
    overflow-x:auto !important;
    scroll-snap-type:x mandatory !important;
    -webkit-overflow-scrolling:touch !important;
    padding:0 20px 4px !important;
    gap:8px !important;
    scrollbar-width:none !important;
  }
  .inrl-tabs::-webkit-scrollbar { display:none !important; }
  .inrl-tab { flex:0 0 138px !important; scroll-snap-align:start !important; padding:12px 14px !important; }
  .inrl-tab.active { padding:10.5px 12.5px !important; }
  .inrl-tab-letter { width:30px !important; height:30px !important; font-size:13px !important; margin-bottom:8px !important; }
  .inrl-tab-name { font-size:13px !important; }
  .inrl-tab-tagline { font-size:10.5px !important; }

  .inrl-content { padding:28px 20px 40px !important; max-width:none !important; }
  .inrl-hero { margin-bottom:28px !important; }
  .inrl-hero-pill { font-size:10px !important; padding:4px 11px 4px 7px !important; }
  .inrl-hero-title { font-size:28px !important; }
  .inrl-hero-subtitle { font-size:15px !important; margin-bottom:18px !important; }
  .inrl-hero-intro { font-size:15px !important; padding:16px 18px !important; line-height:1.6 !important; }
  .inrl-section { margin-top:32px !important; }
  .inrl-section-title { font-size:19px !important; margin-bottom:14px !important; }
  .inrl-prose p { font-size:14.5px !important; line-height:1.7 !important; }
  .inrl-needs-grid { grid-template-columns:1fr !important; }
  .inrl-need-card { padding:18px 18px 20px !important; }
  .inrl-narratief-quotes { padding:18px 20px !important; }
  .inrl-narratief-quote { font-size:15px !important; }
  .inrl-reaction-card { padding:16px 18px !important; }
  .inrl-signalen-item { padding:11px 14px !important; }
  .inrl-archetype-head { padding:14px 16px !important; }
  .inrl-archetype-head-title { font-size:14px !important; }
  .inrl-archetype-body { padding:4px 18px 18px 50px !important; }

  /* ── Mijn diagnoses ── */
  .inrs-diag-wrap { padding:28px 20px 40px !important; }
  .inrs-diag-eyebrow { font-size:10px !important; }
  .inrs-diag-title { font-size:24px !important; }
  .inrs-diag-lead { font-size:14px !important; }
  .inrs-diag-grid { grid-template-columns:1fr !important; gap:10px !important; }
  .inrs-diag-card { padding:18px 18px 16px !important; }
  .inrs-diag-card-menu { opacity:1 !important; }
  .inrs-diag-empty { padding:36px 20px !important; }
  .inrs-diag-footer { flex-direction:column !important; align-items:flex-start !important; gap:8px !important; }

  /* ── Vergelijken ── */
  .inrsh-cmp-wrap { padding:28px 20px 40px !important; }
  .inrsh-cmp-title { font-size:22px !important; }
  .inrsh-cmp-lead { font-size:14px !important; }
  .inrsh-cmp-setup { grid-template-columns:1fr !important; gap:12px !important; }
  .inrsh-cmp-panel { padding:18px 20px !important; }
  .inrsh-cmp-panel-title { font-size:16px !important; }
  .inrsh-cmp-result-heads { grid-template-columns:1fr !important; gap:12px !important; }
  .inrsh-cmp-head { padding:14px 16px !important; }
  .inrsh-cmp-result-summary { padding:18px 20px !important; }
  .inrsh-cmp-path-section { padding:18px 18px !important; }
  .inrsh-cmp-step { grid-template-columns:24px 1fr !important; gap:8px !important; padding:10px 0 !important; }
  .inrsh-cmp-step-side { grid-column:2 !important; }
  .inrsh-cmp-step-num { padding-top:6px !important; }

  /* ── Over INR ── */
  .inrd-prose { padding:28px 20px 40px !important; max-width:none !important; }
  .inrd-prose p { font-size:15px !important; line-height:1.7 !important; }
  .inrd-prose h3 { font-size:18px !important; }

  /* ── Path story + Radar ── */
  .inrx-story { padding:20px 20px !important; margin:18px 0 !important; }
  .inrx-story-title { font-size:15px !important; }
  .inrx-story-paras p { font-size:14.5px !important; line-height:1.7 !important; }
  .inrx-radar-wrap { padding:22px 20px 24px !important; margin:18px 0 !important; }
  .inrx-radar-title { font-size:17px !important; }
  .inrx-radar-lead { font-size:13.5px !important; }
  .inrx-radar-content { grid-template-columns:1fr !important; gap:18px !important; }
  .inrx-radar-svg { max-width:280px !important; }
  .inrx-radar-summary { font-size:13px !important; padding:13px 14px !important; }

  /* ── Matrix view padding ── */
  /* Mobiel: gutter op de buitenste matrix-wrap (20px), binnenliggende wraps
     horizontaal op 0. Zo plakt de inhoud nooit tegen de rand, ook niet als
     Elementor de padding van een binnenliggende wrap wegdrukt. */
  .inrd-matrix-wrap { padding-left:20px !important; padding-right:20px !important; }
  .inrd-matrix-wrap .inr-questions-wrap { padding:10px 0 24px !important; max-width:none !important; }
  /* Intake card: drastically reduce internal padding on mobile */
  .inrd-matrix-wrap .inr-intake-card { padding:24px 20px !important; border-radius:14px !important; max-width:none !important; box-shadow:0 1px 8px rgba(0,0,0,.05) !important; }
  .inrd-matrix-wrap .inr-intake-title { font-size:21px !important; line-height:1.25 !important; }
  .inrd-matrix-wrap .inr-intake-lead { font-size:14.5px !important; margin-bottom:20px !important; }
  .inrd-matrix-wrap .inr-intake-q { font-size:18px !important; line-height:1.3 !important; }
  .inrd-matrix-wrap .inr-intake-help { font-size:13.5px !important; margin-bottom:18px !important; }
  .inrd-matrix-wrap .inr-intake-opt { padding:13px 14px !important; font-size:14.5px !important; }
  .inrd-matrix-wrap .inr-intake-progress { margin-bottom:24px !important; }
  .inrd-matrix-wrap .inr-intake-eyebrow { font-size:10px !important; margin-bottom:10px !important; }
  .inrd-matrix-wrap .inr-intake-actions { flex-direction:column-reverse !important; gap:10px !important; }
  .inrd-matrix-wrap .inr-intake-actions button { width:100% !important; }
  /* HP card padding tighter on mobile */
  .inrd-matrix-wrap .inr-hp-header { padding:22px 18px 20px !important; }
  .inrd-matrix-wrap .inr-hp-body { padding:22px 18px 24px !important; }

  /* ── View banner (saved diagnose view mode) ── */
  .inrs-view-banner { padding:12px 18px !important; flex-direction:column !important; align-items:flex-start !important; gap:10px !important; }
  .inrs-view-banner-close { align-self:stretch !important; text-align:center !important; }

  /* ── Modal ── */
  .inrs-modal { padding:24px 22px 22px !important; max-width:calc(100vw - 30px) !important; border-radius:14px !important; }
  .inrs-modal-title { font-size:19px !important; }
  .inrs-modal-help { font-size:13px !important; }
  .inrsh-share-modal-link-row { flex-direction:column !important; gap:10px !important; }
  .inrsh-share-modal-copy { padding:11px 16px !important; }

  /* ── HP save/share row stacks on mobile ── */
  .inrs-save-row { flex-direction:column !important; align-items:stretch !important; gap:8px !important; }
  .inrs-save-btn, .inrs-share-btn { width:100% !important; justify-content:center !important; }

  /* ── Align track (HP laag-letters) ── */
  /* Hide text labels under the circles; just show A L I G N */
  .inr-align-lbl { display:none !important; }
  .inr-align-track { gap:0 !important; padding:0 !important; }
  .inr-align-node { gap:0 !important; }
  .inr-align-circ { width:26px !important; height:26px !important; font-size:11px !important; }
  .inr-align-line { margin-top:13px !important; }
}

/* ═════════ NARROW MOBILE (≤ 400px) — extra tightening ═════════ */
@media (max-width: 400px) {
  .inrd-hero-h1 { font-size:25px !important; }
  .inrl-hero-title { font-size:24px !important; }
  .inrs-diag-title { font-size:22px !important; }
  .inrsh-cmp-title { font-size:20px !important; }
}


/* ════════════════════════════════════════════════════════════════
   TRAINERSMODUS (cross-tab handboek viewer)
   ════════════════════════════════════════════════════════════════ */

/* Subtle "Trainersmodus" link in sidebar footer */
.inrt-launch-link { display:inline-flex !important; align-items:center !important; gap:6px !important; margin-top:8px !important; padding:5px 0 !important; background:transparent !important; background-color:transparent !important; border:none !important; cursor:pointer !important; font-family:inherit !important; font-size:10.5px !important; font-weight:600 !important; color:#94A3B8 !important; letter-spacing:.04em !important; transition:color .15s ease !important; }
.inrt-launch-link:hover { color:#007BFF !important; }
.inrt-launch-link svg { width:11px !important; height:11px !important; }

/* Trainer mode root — hides ALL other dashboard content via JS toggle */
.inrt-mode .inrd-shell { display:none !important; }
.inrt-mode .inrd-bg { display:none !important; }
.inrt-mode .inrd-menu-backdrop { display:none !important; }

/* Trainer container */
.inrt-app { display:none !important; }
.inrt-mode .inrt-app { display:block !important; position:relative !important; min-height:100vh !important; background:linear-gradient(180deg, #FAFBFC 0%, #F5F7FA 100%) !important; font-family:"Inter",-apple-system,BlinkMacSystemFont,sans-serif !important; color:#0F172A !important; }

.inrt-header { background:#FFF !important; background-color:#FFF !important; border-bottom:1px solid rgba(15,23,42,.06) !important; padding:16px 32px !important; display:flex !important; justify-content:space-between !important; align-items:center !important; position:sticky !important; top:0 !important; z-index:10 !important; }
.inrt-header-left { display:flex !important; align-items:center !important; gap:14px !important; }
.inrt-header-mark { width:40px !important; height:40px !important; padding:0 !important; border-radius:10px !important; background:linear-gradient(135deg, #007BFF, #0EA5E9) !important; box-shadow:0 4px 12px rgba(0,123,255,.28) !important; border:none !important; display:flex !important; align-items:center !important; justify-content:center !important; overflow:hidden !important; flex-shrink:0 !important; }
.inrt-header-mark.has-logo { background:#FFF !important; box-shadow:0 2px 8px rgba(15,23,42,.08) !important; border:1px solid rgba(15,23,42,.06) !important; padding:5px !important; }
.inrt-header-mark.has-logo .inrd-brand-mark-text { display:none !important; }
.inrt-header-mark img { display:block !important; width:100% !important; height:100% !important; object-fit:contain !important; }
.inrt-header-titles { display:flex !important; flex-direction:column !important; }
.inrt-header-eyebrow { font-weight:600 !important; font-size:10px !important; letter-spacing:.16em !important; text-transform:uppercase !important; color:#007BFF !important; line-height:1.2 !important; }
.inrt-header-title { font-weight:700 !important; font-size:15px !important; color:#0F172A !important; letter-spacing:-.005em !important; line-height:1.25 !important; }
.inrt-header-right { display:flex !important; align-items:center !important; gap:10px !important; }
.inrt-status-chip { display:inline-flex !important; align-items:center !important; gap:7px !important; padding:6px 12px !important; border-radius:99px !important; font-weight:600 !important; font-size:11px !important; letter-spacing:.02em !important; }
.inrt-status-dot { width:7px !important; height:7px !important; border-radius:50% !important; }
.inrt-status-chip.connected { background:rgba(5,150,105,.08) !important; color:#065F46 !important; }
.inrt-status-chip.connected .inrt-status-dot { background:#10B981 !important; animation:inrt-pulse 2s ease-in-out infinite !important; }
.inrt-status-chip.idle { background:rgba(15,23,42,.05) !important; color:#64748B !important; }
.inrt-status-chip.idle .inrt-status-dot { background:#94A3B8 !important; }

@keyframes inrt-pulse {
  0%, 100% { opacity:1 !important; transform:scale(1) !important; }
  50% { opacity:.5 !important; transform:scale(.85) !important; }
}

/* Body content */
.inrt-body { padding:32px !important; max-width:880px !important; margin:0 auto !important; }

/* Standby panel */
.inrt-standby { padding:48px 40px !important; background:#FFF !important; background-color:#FFF !important; border-radius:16px !important; border:1px solid rgba(15,23,42,.06) !important; box-shadow:0 1px 2px rgba(15,23,42,.04), 0 8px 24px rgba(15,23,42,.04) !important; text-align:center !important; }
.inrt-standby-icon { width:60px !important; height:60px !important; border-radius:14px !important; background:linear-gradient(135deg, rgba(0,123,255,.10), rgba(14,165,233,.06)) !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; color:#007BFF !important; margin:0 auto 18px !important; }
.inrt-standby-eyebrow { font-weight:600 !important; font-size:10.5px !important; letter-spacing:.16em !important; text-transform:uppercase !important; color:#94A3B8 !important; margin:0 0 8px 0 !important; }
.inrt-standby-title { font-weight:700 !important; font-size:22px !important; color:#0F172A !important; letter-spacing:-.018em !important; margin:0 0 10px 0 !important; }
.inrt-standby-desc { font-weight:400 !important; font-size:15px !important; line-height:1.6 !important; color:#475569 !important; margin:0 auto !important; max-width:520px !important; }
.inrt-standby-progress { margin-top:24px !important; padding:18px 22px !important; background:rgba(0,123,255,.04) !important; border-radius:10px !important; border:1px solid rgba(0,123,255,.10) !important; text-align:left !important; max-width:520px !important; margin-left:auto !important; margin-right:auto !important; }
.inrt-standby-prog-eyebrow { font-weight:600 !important; font-size:9.5px !important; letter-spacing:.14em !important; text-transform:uppercase !important; color:#007BFF !important; margin:0 0 5px 0 !important; }
.inrt-standby-prog-text { font-weight:500 !important; font-size:14px !important; color:#0F172A !important; line-height:1.45 !important; }

/* HP content panel — when herkenningspunt is reached */
.inrt-hp-hero { padding:32px 36px !important; border-radius:16px !important; color:#FFF !important; margin-bottom:20px !important; box-shadow:0 4px 20px rgba(15,23,42,.10) !important; }
.inrt-hp-hero-eyebrow { font-weight:600 !important; font-size:10.5px !important; letter-spacing:.18em !important; text-transform:uppercase !important; opacity:.85 !important; margin:0 0 10px 0 !important; }
.inrt-hp-hero-laag { display:flex !important; align-items:center !important; gap:14px !important; margin-bottom:14px !important; }
.inrt-hp-hero-letter { width:48px !important; height:48px !important; border-radius:14px !important; background:rgba(255,255,255,.20) !important; display:flex !important; align-items:center !important; justify-content:center !important; font-weight:700 !important; font-size:22px !important; flex-shrink:0 !important; }
.inrt-hp-hero-laagname { font-weight:700 !important; font-size:26px !important; letter-spacing:-.018em !important; line-height:1.1 !important; }
.inrt-hp-hero-tagline { font-weight:400 !important; font-size:14px !important; line-height:1.45 !important; opacity:.92 !important; margin-top:3px !important; }
.inrt-hp-hero-hp { padding-top:14px !important; margin-top:14px !important; border-top:1px solid rgba(255,255,255,.20) !important; }
.inrt-hp-hero-hpid { font-weight:600 !important; font-size:11px !important; letter-spacing:.06em !important; opacity:.85 !important; margin-bottom:3px !important; }
.inrt-hp-hero-hptitle { font-weight:600 !important; font-size:17px !important; line-height:1.3 !important; letter-spacing:-.008em !important; }

/* Section card */
.inrt-section { background:#FFF !important; background-color:#FFF !important; border-radius:14px !important; padding:26px 30px !important; margin-bottom:14px !important; border:1px solid rgba(15,23,42,.06) !important; box-shadow:0 1px 2px rgba(15,23,42,.03) !important; }
.inrt-section-eyebrow { display:flex !important; align-items:center !important; gap:8px !important; font-weight:600 !important; font-size:10.5px !important; letter-spacing:.16em !important; text-transform:uppercase !important; margin:0 0 10px 0 !important; }
.inrt-section-eyebrow-num { width:22px !important; height:22px !important; border-radius:6px !important; color:#FFF !important; display:flex !important; align-items:center !important; justify-content:center !important; font-size:11px !important; font-weight:700 !important; letter-spacing:0 !important; }
.inrt-section-title { font-weight:700 !important; font-size:19px !important; color:#0F172A !important; letter-spacing:-.015em !important; margin:0 0 16px 0 !important; line-height:1.25 !important; }
.inrt-section p { font-weight:400 !important; font-size:15px !important; line-height:1.7 !important; color:#334155 !important; margin:0 0 13px 0 !important; }
.inrt-section p:last-child { margin-bottom:0 !important; }

.inrt-inner-grid { display:grid !important; grid-template-columns:repeat(3, 1fr) !important; gap:14px !important; }
.inrt-inner-cell { padding:14px 16px !important; background:#F8FAFC !important; background-color:#F8FAFC !important; border-radius:10px !important; border:1px solid rgba(15,23,42,.05) !important; }
.inrt-inner-cell-head { font-weight:700 !important; font-size:10.5px !important; letter-spacing:.14em !important; text-transform:uppercase !important; margin:0 0 8px 0 !important; }
.inrt-inner-cell-body { font-weight:400 !important; font-size:13px !important; line-height:1.55 !important; color:#475569 !important; margin:0 !important; }

.inrt-tip { padding:16px 18px !important; margin-top:14px !important; border-radius:10px !important; font-style:italic !important; font-weight:400 !important; font-size:14px !important; line-height:1.6 !important; }
.inrt-tip strong { font-weight:700 !important; font-style:normal !important; text-transform:uppercase !important; font-size:10px !important; letter-spacing:.14em !important; display:block !important; margin-bottom:5px !important; font-style:normal !important; }

.inrt-questions { display:flex !important; flex-direction:column !important; gap:10px !important; }
.inrt-q { display:flex !important; gap:14px !important; align-items:flex-start !important; padding:14px 16px !important; background:#F8FAFC !important; background-color:#F8FAFC !important; border-radius:10px !important; border:1px solid rgba(15,23,42,.05) !important; }
.inrt-q-num { font-weight:700 !important; font-size:13px !important; min-width:24px !important; flex-shrink:0 !important; padding-top:1px !important; }
.inrt-q-text { font-weight:400 !important; font-size:14.5px !important; font-style:italic !important; line-height:1.55 !important; color:#0F172A !important; margin:0 !important; }

.inrt-key-sentence { padding:20px 24px !important; border-radius:12px !important; margin-top:14px !important; font-weight:600 !important; font-size:17px !important; line-height:1.45 !important; font-style:italic !important; letter-spacing:-.008em !important; }
.inrt-key-eyebrow { font-style:normal !important; font-size:9.5px !important; font-weight:700 !important; letter-spacing:.14em !important; text-transform:uppercase !important; margin-bottom:6px !important; opacity:.7 !important; }

.inrt-valkuilen { display:flex !important; flex-direction:column !important; gap:10px !important; }
.inrt-valkuil { padding:14px 16px 14px 18px !important; background:#FEF3F2 !important; background-color:#FEF3F2 !important; border-radius:10px !important; border-left:3px solid #F87171 !important; }
.inrt-valkuil-num { display:inline-flex !important; align-items:center !important; justify-content:center !important; width:20px !important; height:20px !important; background:#F87171 !important; color:#FFF !important; border-radius:50% !important; font-weight:700 !important; font-size:11px !important; margin-right:8px !important; vertical-align:1px !important; }
.inrt-valkuil-body { font-weight:400 !important; font-size:13.5px !important; line-height:1.55 !important; color:#7F1D1D !important; display:inline !important; }

.inrt-ethiek { padding:18px 20px !important; margin-top:14px !important; background:rgba(15,23,42,.04) !important; border-radius:10px !important; border-left:3px solid #0F172A !important; }
.inrt-ethiek-head { font-weight:700 !important; font-size:10px !important; letter-spacing:.14em !important; text-transform:uppercase !important; color:#0F172A !important; margin:0 0 6px 0 !important; }
.inrt-ethiek-body { font-weight:400 !important; font-style:italic !important; font-size:13.5px !important; line-height:1.6 !important; color:#1E293B !important; margin:0 !important; }

@media (max-width: 768px) {
  .inrt-header { padding:12px 16px !important; }
  .inrt-body { padding:18px 16px !important; }
  .inrt-hp-hero { padding:22px 22px !important; }
  .inrt-hp-hero-laagname { font-size:22px !important; }
  .inrt-section { padding:20px 22px !important; }
  .inrt-section-title { font-size:17px !important; }
  .inrt-inner-grid { grid-template-columns:1fr !important; }
}



/* ════════════════════════════════════════════════════════════════
   INTERACTIVE TOUR / RONDLEIDING
   ════════════════════════════════════════════════════════════════ */

/* Tutorial button in topbar */
.inrd-tutorial-btn { display:inline-flex !important; align-items:center !important; gap:7px !important; padding:7px 13px !important; background:rgba(0,123,255,.06) !important; border:1px solid rgba(0,123,255,.16) !important; border-radius:99px !important; cursor:pointer !important; font-family:inherit !important; font-size:12px !important; font-weight:600 !important; color:#007BFF !important; transition:all .16s ease !important; white-space:nowrap !important; }
.inrd-tutorial-btn:hover { background:rgba(0,123,255,.10) !important; border-color:rgba(0,123,255,.28) !important; }
.inrd-tutorial-btn svg { width:14px !important; height:14px !important; flex-shrink:0 !important; }

/* Overlay-rondleiding (binnen de tool-root, robuust in ingebedde context) */
.inr-tour-overlay { position:absolute !important; inset:0 !important; z-index:9000 !important; display:none !important; align-items:center !important; justify-content:center !important; padding:20px !important; background:rgba(15,23,42,.55) !important; backdrop-filter:blur(4px) !important; -webkit-backdrop-filter:blur(4px) !important; }
.inr-tour-overlay.active { display:flex !important; }
.inr-tour-card { position:relative !important; width:420px !important; max-width:calc(100% - 24px) !important; background:#FFF !important; background-color:#FFF !important; border-radius:18px !important; box-shadow:0 24px 60px rgba(15,23,42,.30) !important; padding:30px 30px 22px !important; font-family:"Inter",-apple-system,BlinkMacSystemFont,sans-serif !important; }
.inr-tour-skip { position:absolute !important; top:16px !important; right:18px !important; background:transparent !important; background-color:transparent !important; border:none !important; cursor:pointer !important; font-family:inherit !important; font-size:12px !important; font-weight:500 !important; color:#94A3B8 !important; padding:4px !important; transition:color .15s ease !important; }
.inr-tour-skip:hover { color:#64748B !important; }
.inr-tour-step { font-weight:600 !important; font-size:10px !important; letter-spacing:.14em !important; text-transform:uppercase !important; color:#007BFF !important; margin:0 0 8px 0 !important; }
.inr-tour-title { font-weight:700 !important; font-size:20px !important; color:#0F172A !important; letter-spacing:-.015em !important; margin:0 0 10px 0 !important; line-height:1.25 !important; }
.inr-tour-body { font-weight:400 !important; font-size:14px !important; line-height:1.6 !important; color:#475569 !important; margin:0 0 20px 0 !important; }
.inr-tour-foot { display:flex !important; align-items:center !important; justify-content:space-between !important; gap:12px !important; }
.inr-tour-dots { display:flex !important; gap:5px !important; align-items:center !important; flex-wrap:wrap !important; }
.inr-tour-dot { width:6px !important; height:6px !important; border-radius:50% !important; background:rgba(15,23,42,.16) !important; transition:all .2s ease !important; }
.inr-tour-dot.on { background:#007BFF !important; width:18px !important; border-radius:3px !important; }
.inr-tour-btns { display:flex !important; gap:8px !important; align-items:center !important; flex-shrink:0 !important; }
.inr-tour-btn { padding:9px 18px !important; border-radius:9px !important; font-family:inherit !important; font-size:13px !important; font-weight:600 !important; cursor:pointer !important; transition:all .15s ease !important; border:none !important; }
.inr-tour-btn-prev { background:transparent !important; background-color:transparent !important; color:#64748B !important; padding:9px 12px !important; }
.inr-tour-btn-prev:hover { color:#0F172A !important; }
.inr-tour-btn-next { background:linear-gradient(135deg, #007BFF, #0EA5E9) !important; color:#FFF !important; box-shadow:0 3px 10px rgba(0,123,255,.26) !important; }
.inr-tour-btn-next:hover { transform:translateY(-1px) !important; box-shadow:0 5px 14px rgba(0,123,255,.32) !important; }
@media (max-width: 768px) {
  .inr-tour-card { padding:24px 22px 18px !important; }
  .inr-tour-title { font-size:18px !important; }
}

/* Lagen swipe hint (mobile) — shown purely via CSS, no JS gate */
.inrl-tabstrip { position:relative !important; }
.inrl-swipe-hint { display:none !important; }
@keyframes inrl-swipe-pulse { 0%,100% { transform:translateX(0) !important; opacity:.92 !important; } 50% { transform:translateX(6px) !important; opacity:1 !important; } }
@media (max-width: 768px) {
  /* Right-edge fade suggesting more content */
  .inrl-tabstrip::after {
    content:'' !important; position:absolute !important; top:42px !important; bottom:16px !important; right:0 !important;
    width:56px !important; pointer-events:none !important; z-index:5 !important;
    background:linear-gradient(to right, rgba(250,251,252,0), rgba(250,251,252,.97)) !important;
    transition:opacity .3s ease !important;
  }
  .inrl-tabstrip.swiped::after { opacity:0 !important; }
  /* The swipe pill — visible on mobile whenever the lagen view is shown */
  .inrl-tabstrip .inrl-swipe-hint {
    display:inline-flex !important; align-items:center !important; gap:4px !important;
    position:absolute !important; right:12px !important; top:74px !important;
    background:rgba(0,123,255,.96) !important; color:#fff !important;
    font-size:10px !important; font-weight:700 !important; letter-spacing:.05em !important; text-transform:uppercase !important;
    padding:6px 11px !important; border-radius:99px !important;
    pointer-events:none !important; z-index:6 !important;
    box-shadow:0 4px 14px rgba(0,123,255,.42) !important;
    animation:inrl-swipe-pulse 1.5s ease-in-out infinite !important;
  }
  .inrl-tabstrip.swiped .inrl-swipe-hint { display:none !important; }
  .inrl-swipe-hint svg { width:12px !important; height:12px !important; }
}


/* ════════════════════════════════════════════════════════════════
   TRAINER LOCK (drempel — hashed code, client-side)
   ════════════════════════════════════════════════════════════════ */
.inr-tlock { position:fixed !important; inset:0 !important; z-index:10000 !important; display:none !important; align-items:center !important; justify-content:center !important; background:rgba(15,23,42,.55) !important; backdrop-filter:blur(6px) !important; -webkit-backdrop-filter:blur(6px) !important; padding:20px !important; }
.inr-tlock.active { display:flex !important; }
.inr-tlock-card { background:#fff !important; background-color:#fff !important; border-radius:18px !important; box-shadow:0 24px 60px rgba(15,23,42,.30) !important; padding:32px 30px 26px !important; width:380px !important; max-width:100% !important; text-align:center !important; font-family:"Inter",-apple-system,BlinkMacSystemFont,sans-serif !important; }
.inr-tlock-icon { width:54px !important; height:54px !important; border-radius:15px !important; background:linear-gradient(135deg, #007BFF, #0EA5E9) !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; color:#fff !important; margin-bottom:16px !important; box-shadow:0 6px 16px rgba(0,123,255,.30) !important; }
.inr-tlock-title { font-weight:700 !important; font-size:20px !important; color:#0F172A !important; letter-spacing:-.015em !important; margin:0 0 8px 0 !important; }
.inr-tlock-desc { font-weight:400 !important; font-size:14px !important; line-height:1.55 !important; color:#64748B !important; margin:0 0 20px 0 !important; }
.inr-tlock-input { width:100% !important; padding:13px 16px !important; border:1.5px solid rgba(15,23,42,.14) !important; border-radius:11px !important; font-size:15px !important; font-family:inherit !important; outline:none !important; transition:border-color .15s ease !important; box-sizing:border-box !important; text-align:center !important; letter-spacing:.03em !important; color:#0F172A !important; background:#fff !important; }
.inr-tlock-input:focus { border-color:#007BFF !important; box-shadow:0 0 0 3px rgba(0,123,255,.12) !important; }
.inr-tlock-error { min-height:18px !important; font-size:13px !important; font-weight:500 !important; color:#DC2626 !important; margin:9px 0 0 0 !important; }
.inr-tlock-btns { display:flex !important; gap:10px !important; margin-top:14px !important; }
.inr-tlock-btn { flex:1 !important; padding:12px !important; border-radius:11px !important; font-size:14px !important; font-weight:600 !important; cursor:pointer !important; border:none !important; font-family:inherit !important; transition:all .15s ease !important; }
.inr-tlock-cancel { background:rgba(15,23,42,.05) !important; background-color:rgba(15,23,42,.05) !important; color:#475569 !important; }
.inr-tlock-cancel:hover { background:rgba(15,23,42,.09) !important; }
.inr-tlock-submit { background:linear-gradient(135deg, #007BFF, #0EA5E9) !important; color:#fff !important; box-shadow:0 3px 12px rgba(0,123,255,.30) !important; }
.inr-tlock-submit:hover { transform:translateY(-1px) !important; box-shadow:0 5px 16px rgba(0,123,255,.38) !important; }





/* ===== INBEDDING (embed-overrides, los bestand v0.81) ===== */

			/* Inbedding — de juiste aanpak: de tool zit AL in de dashboard-canvas
			   (.inr-db-canvas), die zelf de zwevende witte kaart met rand/schaduw is.
			   De tool tekende daarbinnen NOG een eigen canvas-kaart — een kaart in een
			   kaart, die op smal scherm platgedrukt werd. We laten de tool zich daarom
			   gedragen als een gewoon dashboard-onderdeel: geen eigen kaart meer, maar
			   gewoon inhoud met dezelfde royale sectie-marges als de rest van het
			   dashboard (44px op desktop, 20px op mobiel). De navigatie-chrome van de
			   tool blijft verborgen (die zit in het linkerpaneel). */
			.inr-tool-embed { position:relative !important; width:100% !important; }
			.inr-db-panel[data-panel="tools"] { padding:0 !important; }
			.inr-tool-embed .inrd-root { min-height:0 !important; background:transparent !important; }
			.inr-tool-embed .inrd-bg { display:none !important; }
			.inr-tool-embed .inrd-topbar,
			.inr-tool-embed .inrd-sidebar,
			.inr-tool-embed .inrd-menu-toggle,
			.inr-tool-embed .inrd-menu-backdrop { display:none !important; }
			/* Shell zonder eigen ruimte; de inhoud krijgt de marge, niet de shell. */
			.inr-tool-embed .inrd-shell { display:block !important; min-height:0 !important; padding:0 !important; }
			/* De tweede kaart weghalen: tool-canvas wordt transparant, geen rand,
			   geen schaduw, geen ronding — hij smelt op in de dashboard-canvas. */
			.inr-tool-embed .inrd-canvas {
				width:100% !important; max-width:100% !important; min-width:0 !important; background:transparent !important;
				backdrop-filter:none !important; -webkit-backdrop-filter:none !important;
				border:none !important; border-radius:0 !important; box-shadow:none !important;
				overflow:visible !important;
			}
			/* De canvas staat op overflow:visible (nodig zodat sticky/menu werken),
			   dus de breedtebegrenzing moet via de keten zelf: elk niveau van shell
			   tot de antwoord-knop mag niet breder worden dan de beschikbare ruimte.
			   min-width:0 is hierbij essentieel: grid- en flex-kinderen weigeren
			   anders te krimpen onder hun inhoudsbreedte, waardoor lange antwoorden
			   de hele kolom (en de pagina) naar buiten duwen. */
			.inr-tool-embed .inrd-shell,
			.inr-tool-embed .inrd-canvas,
			.inr-tool-embed .inrd-view,
			.inr-tool-embed .inrd-matrix-wrap,
			.inr-tool-embed .inrd-matrix-wrap .inr-tool,
			.inr-tool-embed .inr-questions-wrap,
			.inr-tool-embed #mc,
			.inr-tool-embed .inr-card,
			.inr-tool-embed .inr-answers,
			.inr-tool-embed .inr-ans,
			.inr-tool-embed .inr-ans-inner,
			.inr-tool-embed .inr-ans-left,
			.inr-tool-embed .inr-ans-text,
			.inr-tool-embed .inr-intake-opt,
			.inr-tool-embed .inr-intake-opt > span:last-child {
				min-width:0 !important; max-width:100% !important; box-sizing:border-box !important; white-space:normal !important;
			}
			/* Hoge specificiteit om een geerfde of opgelegde white-space:nowrap
			   vanuit de omliggende omgeving (bv. .elementor button span) te
			   verslaan. !important alleen is niet genoeg als die regel een
			   specifiekere selector heeft; daarom hier de knop-context expliciet
			   in de selector zelf meenemen. */
			.inr-tool-embed .inr-ans .inr-ans-inner,
			.inr-tool-embed .inr-ans .inr-ans-left,
			.inr-tool-embed .inr-ans .inr-ans-text,
			.inr-tool-embed .inr-intake-opt > span:last-child,
			.inr-tool-embed button.inr-intake-opt > span:last-child {
				white-space:normal !important; overflow-wrap:break-word !important; word-break:break-word !important;
			}
			
/* ===== Diagnoses gegroepeerd per klant (super admin / trainer) v0.82 ===== */
.inrs-diag-groep { margin-bottom: 30px !important; }
.inrs-diag-groep-kop { display: flex !important; align-items: center !important; gap: 10px !important; margin: 0 0 14px !important; padding-bottom: 10px !important; border-bottom: 1px solid rgba(15,23,42,.10) !important; }
.inrs-diag-groep-naam { font-size: 15px !important; font-weight: 700 !important; color: #0F172A !important; letter-spacing: -.01em !important; }
.inrs-diag-groep-aantal { font-size: 12px !important; font-weight: 600 !important; color: #64748B !important; background: #F1F5F9 !important; border-radius: 999px !important; padding: 2px 9px !important; }
.inrs-diag-card-invuller { display: inline-flex !important; align-items: center !important; gap: 5px !important; font-size: 12px !important; font-weight: 500 !important; color: #64748B !important; margin: 2px 0 8px !important; }
.inrs-diag-card-invuller svg { opacity: .7 !important; }

/* ===== Deel-modal: collega-keuze (v0.83) ===== */
.inrs-share-modal { position:relative !important; max-width:420px !important; }
.inrs-share-sluit { position:absolute !important; top:16px !important; right:16px !important; width:32px !important; height:32px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; border:none !important; background:rgba(15,23,42,.05) !important; border-radius:8px !important; color:#64748B !important; cursor:pointer !important; transition:background .15s ease !important; }
.inrs-share-sluit:hover { background:rgba(15,23,42,.10) !important; color:#0F172A !important; }
.inrs-share-eyebrow { font-weight:600 !important; font-size:10px !important; letter-spacing:.16em !important; text-transform:uppercase !important; color:#007BFF !important; margin:0 0 10px 0 !important; }
.inrs-share-title { font-weight:700 !important; font-size:20px !important; line-height:1.25 !important; color:#0F172A !important; margin:0 0 8px 0 !important; letter-spacing:-.018em !important; padding-right:30px !important; }
.inrs-share-lead { font-weight:400 !important; font-size:14px !important; line-height:1.55 !important; color:#475569 !important; margin:0 0 20px 0 !important; }
.inrs-share-lijst { display:flex !important; flex-direction:column !important; gap:8px !important; }
.inrs-share-collega { display:flex !important; align-items:center !important; gap:12px !important; width:100% !important; padding:12px 14px !important; border:1.5px solid rgba(15,23,42,.10) !important; background:#FFF !important; border-radius:11px !important; cursor:pointer !important; text-align:left !important; font-family:inherit !important; transition:border-color .15s ease, background .15s ease !important; }
.inrs-share-collega:hover { border-color:#007BFF !important; background:rgba(0,123,255,.03) !important; }
.inrs-share-collega.bezig { opacity:.5 !important; pointer-events:none !important; }
.inrs-share-avatar { width:34px !important; height:34px !important; flex-shrink:0 !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; background:rgba(0,123,255,.10) !important; color:#007BFF !important; border-radius:9px !important; }
.inrs-share-collega-naam { flex:1 !important; font-size:14px !important; font-weight:600 !important; color:#0F172A !important; }
.inrs-share-collega-pijl { color:#94A3B8 !important; display:inline-flex !important; }
.inrs-share-collega:hover .inrs-share-collega-pijl { color:#007BFF !important; }