/* Vaikuntha CRM — Tokens wie im WWOOFer-Portal: Vereinsgruen #27500A, Zeile #eef5e4,
   Karte #fff/#dfe7d5, Text #1a1a1a, sekundaer #5c6156, Radius 14px. */
.vk-crm { max-width: 760px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; }
.vk-crm h3 { color: #27500A; margin: 0 0 8px; }
.vk-crm .vk-crm-sub { color: #5c6156; font-size: 14px; }
.vk-crm-btn { background: #27500A; color: #fff; border: 1px solid #27500A; border-radius: 999px;
  padding: 12px 26px; font-weight: 700; font-size: 15px; font-family: inherit; cursor: pointer; }
.vk-crm-btn:hover { background: #1c3a07; }

/* Verteiler-Auswahl */
.vk-crm-zeile { display: flex; gap: 12px; align-items: flex-start; background: #fff;
  border: 1px solid #dfe7d5; border-radius: 12px; padding: 14px 16px; margin-bottom: 8px; cursor: pointer; }
.vk-crm-zeile:hover { border-color: #27500A; }
.vk-crm-zeile input { margin-top: 4px; flex: 0 0 auto; }
.vk-crm-herkunft { margin-top: 18px; font-size: 14px; }
.vk-crm-herkunft summary { cursor: pointer; color: #27500A; font-weight: 600; }
.vk-crm-herkunft ul { margin: 8px 0 0; padding-left: 18px; }

/* Check-in */
.vk-crm-dim { background: #fff; border: 1px solid #dfe7d5; border-radius: 12px; padding: 14px 16px; margin-bottom: 10px; }
.vk-crm-dim b { display: block; color: #27500A; }
.vk-crm-dim .vk-crm-sub { display: block; margin-bottom: 8px; }
.vk-crm-skala { display: flex; gap: 8px; }
.vk-crm-skala label, .vk-crm-chips label { cursor: pointer; }
.vk-crm-skala input, .vk-crm-chips input { position: absolute; opacity: 0; width: 0; height: 0; }
.vk-crm-skala span { display: inline-flex; align-items: center; justify-content: center;
  width: 44px; height: 44px; border: 1px solid #cfe4b4; border-radius: 50%; background: #fff; font-weight: 700; }
.vk-crm-skala input:checked + span { background: #27500A; color: #fff; border-color: #27500A; }
.vk-crm-skala input:focus-visible + span, .vk-crm-chips input:focus-visible + span { outline: 2px solid #27500A; outline-offset: 2px; }
.vk-crm-chips { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 14px; }
.vk-crm-chips span { display: inline-block; border: 1px solid #cfe4b4; border-radius: 999px; padding: 8px 16px; background: #fff; }
.vk-crm-chips input:checked + span { background: #27500A; color: #fff; border-color: #27500A; }
.vk-crm textarea { width: 100%; box-sizing: border-box; border: 1px solid #dfe7d5; border-radius: 10px;
  padding: 10px 12px; font-family: inherit; font-size: 15px; }

/* Die vier Wege danach */
.vk-crm-ctas { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 12px; margin-top: 20px; }
.vk-crm-cta { display: block; background: #eef5e4; border-radius: 12px; padding: 16px 18px;
  text-decoration: none; color: #1a1a1a; border: 1px solid #dfe7d5; }
.vk-crm-cta:hover { border-color: #27500A; }
.vk-crm-cta-ic { font-size: 24px; display: block; }
.vk-crm-cta b { display: block; margin: 6px 0 4px; color: #27500A; }