/* WELOOMA V71: rustige, toegankelijke Hulp-sectie + bestaande MIDI-achtige landenmeter. */
.v71-help-section{background:linear-gradient(115deg,#e9f1e9,#f8f5ec);padding:74px 0 82px;scroll-margin-top:90px}
.v71-help-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(350px,1fr);align-items:center;gap:clamp(28px,6vw,100px)}
.v71-help-intro h2{font-size:clamp(41px,4.5vw,61px);line-height:1.13;letter-spacing:-.04em;margin:14px 0 24px;color:#213d32}
.v71-help-intro h2 em{color:#bd7052;font-style:normal}
.v71-help-intro>p{font-size:17px;line-height:1.7;color:#51645a;max-width:570px}
.v71-help-intro .v71-help-member-note{font-weight:720;color:#254e3b;font-size:15px;margin-top:24px}
.v71-help-member-note span{font-size:10px;color:#b46e48;margin-right:7px;vertical-align:2px}
.v71-help-intro .v71-help-small{font-size:12px;color:#69776e}
.v71-help-card{min-width:0;background:#fffdfa;border:1px solid #cbdcd0;border-radius:22px;box-shadow:0 15px 44px #153f2b17;padding:26px 28px;color:#253e34}
.v71-help-card-head{display:flex;align-items:center;gap:16px;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid #dce9df;margin-bottom:21px}
.v71-help-card-head strong{display:block;font-size:20px;color:#234637}
.v71-help-card-head span:not(.v71-help-pill){display:block;font-size:12px;color:#587265;margin-top:4px}
.v71-help-pill{white-space:nowrap;background:#e5f0e5;border:1px solid #c7dfcd;color:#25543b;padding:5px 9px;border-radius:20px;font-size:11px;font-weight:770}
.v71-help-gate p{font-size:15px;line-height:1.65;margin:0 0 20px;color:#50695b}
.v71-help-primary{border:0;background:#275b47;color:white;min-height:43px;padding:10px 17px;font-size:14px;font-weight:750;border-radius:10px;cursor:pointer}
.v71-help-primary:hover{background:#164532}.v71-help-primary:focus-visible,#v71HelpInput:focus-visible{outline:3px solid #d1a354;outline-offset:3px}
.v71-help-primary:disabled{opacity:.65;cursor:progress}
.v71-help-identity{color:#496655;font-size:12px;margin:0 0 13px}
.v71-help-messages{display:flex;flex-direction:column;gap:10px;min-height:96px;max-height:300px;overflow-y:auto;scrollbar-gutter:stable;padding:13px;background:#f0f5f0;border:1px solid #d4e1d4;border-radius:12px}
.v71-help-message{max-width:94%;padding:10px 12px;background:#fff;border:1px solid #e0e6e0;border-radius:13px 13px 13px 4px;overflow-wrap:anywhere}
.v71-help-own{align-self:flex-end;background:#dbeddf;border-radius:13px 13px 4px 13px;border-color:#b5d6ba}
.v71-help-message-meta{display:flex;gap:9px;flex-wrap:wrap;align-items:center;font-size:11px;color:#527262}
.v71-help-message-meta strong{font-size:12px;color:#23543a}
.v71-help-message-meta small{font-size:10px;color:#738878}
.v71-help-message p{font-size:14px;line-height:1.6;margin:8px 0 0;white-space:pre-wrap}
.v71-help-status{font-size:12px;color:#74553b;min-height:1.3em;margin:11px 0}
#v71HelpForm label{display:block;color:#39584a;font-size:13px;font-weight:750;margin:9px 0}
#v71HelpInput{display:block;width:100%;resize:vertical;min-height:75px;max-height:180px;padding:12px;border:1px solid #a4bbae;border-radius:10px;color:#254137;font:inherit;font-size:14px;line-height:1.55;background:#fff}
.v71-help-compose-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:9px;margin-top:12px}
.v71-help-compose-foot span{font-size:11px;color:#698072}
.v60-country .v71-country-iso{font:800 11px/1.25 ui-monospace,SFMono-Regular,Consolas,monospace;color:#fff;background:#3a6756;border-radius:4px;padding:3px 4px;letter-spacing:.06em}
.v60-visitor-meter .v60-meter-top{margin-bottom:15px}
@media(max-width:900px){.v71-help-grid{grid-template-columns:1fr;gap:26px}.v71-help-section{padding:54px 0}}
@media(max-width:520px){.v71-help-card{padding:18px 15px;border-radius:15px}.v71-help-card-head{gap:8px}.v71-help-pill{font-size:10px}.v71-help-section{padding:40px 0}.v71-help-intro h2{font-size:40px}}
#v71HelpGuest[hidden],#v71HelpMember[hidden]{display:none!important}

/* V71C: gesprekken alleen uitklappen op verzoek, duidelijke AI-voortgang. */
.v71-help-toggle{display:block;width:100%;text-align:center;margin:0;min-height:52px;font-size:15px;box-shadow:0 4px 12px #1c614027}
.v71-help-conversation-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px}
.v71-help-conversation-head .v71-help-identity{margin:0}
.v71-help-close{border:1px solid #b9cfc0;color:#305943;background:#eff5ef;border-radius:8px;cursor:pointer;font:700 12px system-ui,sans-serif;padding:7px 10px;white-space:nowrap}
.v71-help-close:hover{background:#dcebdc}
.v71-help-thinking{display:flex;align-items:center;gap:12px;background:#e1f1e4;border:2px solid #75ab85;border-left:5px solid #217348;border-radius:11px;padding:13px 14px;margin:11px 0;box-shadow:0 3px 12px #163e291f;color:#163d2c}
.v71-help-thinking>div{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0}
.v71-help-thinking strong{display:block;font-size:15px;font-weight:800;line-height:1.3}
.v71-help-thinking div span{display:block;font-size:12px;line-height:1.4;color:#395b47}
.v71-help-elapsed{font-variant-numeric:tabular-nums;font-weight:800;font-size:12px;color:#1d5838;white-space:nowrap}
.v71-help-spinner{display:block;flex:0 0 23px;width:23px;height:23px;border:3px solid #b2d5b9;border-top-color:#146e3d;border-radius:50%;animation:v71-help-spin .9s linear infinite}
@keyframes v71-help-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.v71-help-spinner{animation:none;border-top-color:#146e3d}}
@media(max-width:540px){.v71-help-thinking{gap:9px;padding:11px}.v71-help-elapsed{font-size:11px}}
#v71HelpMember[hidden],#v71HelpToggle[hidden],#v71HelpThinking[hidden]{display:none!important}

/* V71E: zelfde compacte MIDI Manager footer teller opbouw, alleen WELOOMA-huisstijl. */
#v71VisitorMeter.v60-visitor-meter {
  width:calc(100% - 28px);
  max-width:1300px;
  margin:16px auto 12px;
  padding:0!important;
  border:0!important;
  background:transparent;
}
.v71-visitor-line {
  display:flex;
  flex-wrap:wrap;
  gap:4px 10px;
  align-items:center;
  justify-content:center;
  text-align:center;
  width:100%;
  max-width:100%;
  padding:7px 11px;
  border:1px solid rgba(166,188,170,.70);
  border-radius:13px;
  background:rgba(255,253,249,.94);
  box-shadow:none;
  color:#264537;
  font-size:12px;
  line-height:1.22;
}
/* Bij 1 land dezelfde presentatie als bij 40: totaal boven, landen eronder. */
.v71-visitor-total {
  display:block;
  flex:0 0 100%;
  width:100%;
  color:#213d32;
  font-weight:950;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
  text-align:center;
}
.v71-visitor-countries {
  display:inline-flex;
  flex:0 1 auto;
  flex-wrap:wrap;
  gap:3px 8px;
  align-items:center;
  justify-content:center;
  min-width:0;
  color:#275340;
  font-weight:850;
  text-align:center;
}
.v71-visitor-country {
  display:inline-flex;
  align-items:center;
  gap:4px;
  white-space:nowrap;
}
.v71-visitor-country:not(:last-child)::after {
  content:'|';
  margin-left:8px;
  color:rgba(107,130,116,.80);
  font-weight:750;
}
.v71-visitor-country b {
  font-weight:950;
  font-variant-numeric:tabular-nums;
}
@media(max-width:640px) {
  .v71-visitor-line {gap:4px 8px;padding:7px 9px;font-size:11.5px;}
  .v71-visitor-countries {gap:3px 7px;}
  .v71-visitor-country:not(:last-child)::after {margin-left:7px;}
}