:root{
  --analyse-blue: #0b5fb3;
  --analyse-light: #f4f8fc;
  --analyse-radius: 5px;
  --analyse-shadow: 0 8px 24px rgba(0,0,0,.06);
  --analyse-border: rgba(0,0,0,.06);
}

/* ===== basis card / button ===== */
.analyse-card{
  border-radius: var(--analyse-radius);
  padding: 14px;
  background: #fff;
  box-shadow: var(--analyse-shadow);
}

.analyse-button{
  border-radius: var(--analyse-radius);
  padding: 10px 14px;
  font-weight: 700;
  background: var(--analyse-blue);
  color: #fff;
  border: 0;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.analyse-button:hover{
  filter: brightness(.95);
}

/* ===== zorg cards ===== */
.analyse-zorg-card--policy{
  padding: 14px;
}

/* header */
.analyse-zorg-card__top{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.analyse-zorg-card__left{
  display:flex;
  flex-direction: column;
  align-items: flex-start;
  gap:6px;
}

/* hele header klikbaar */
.analyse-zorg-card__left--link{
  text-decoration: none;
  color: inherit;
  border-radius: 12px;
}

.analyse-zorg-card__left--link:hover .analyse-zorg-card__product{
  text-decoration: underline;
}

/* logo */
.analyse-zorg-logo{
  height: 100px;
  background: #fff;
  border-radius: 10px;
  padding: 6px;
  border: 0px solid var(--analyse-border);
  flex: 0 0 auto;
}

.analyse-zorg-logo-fallback{
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: rgba(11,95,179,.08);
  border: 0px solid rgba(11,95,179,.18);
  font-weight: 800;
  flex: 0 0 auto;
}

/* meta */
.analyse-zorg-card__meta{
  text-align: center;
  width: 100%;
}

.analyse-zorg-card__product{
  font-weight: 900;
  line-height: 1.15;
}

.analyse-zorg-card__insurer{
  opacity: .85;
  margin-top: 2px;
}

/* maatschappijnaam als link (als je die variant gebruikt) */
.analyse-zorg-card__insurer a{
  color: inherit;
  text-decoration: none;
  position: relative;
  z-index: 5;
  pointer-events: auto;
  font-weight: 700;
}

.analyse-zorg-card__insurer a:hover{
  text-decoration: underline;
}

/* badges */
.analyse-zorg-badges{
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin-top: 6px;
}

.analyse-badge{
  display: inline-flex;
  align-items: center;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  background: rgba(11,95,179,.08);
  border: 1px solid rgba(11,95,179,.16);
}

/* details grid */
.analyse-zorg-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 14px;
}

.analyse-zorg-kv .k{
  font-size: 12px;
  opacity: .65;
}

.analyse-zorg-kv .v{
  font-size: 14px;
}

.analyse-zorg-kv--wide{
  grid-column: 1 / -1;
}

/* mobile */
@media (max-width: 640px){
  .analyse-zorg-grid{
    grid-template-columns: 1fr;
  }
}

.analyse-zorg-grid{
  display:grid;
  grid-template-columns: 160px 1fr;
  gap:8px 16px;
  margin-top:10px;
}

.analyse-zorg-kv{
  display:contents;
}

.analyse-zorg-kv .k{
  font-size:14px;
  color:#6b7280;
}

.analyse-zorg-kv .v{
  font-size:14px;
  font-weight:400;
}

.analyse-zorg-card--intake{
  padding:16px;
}

.analyse-zorg-intake__title{
  font-weight:900;
  font-size:16px;
  margin-bottom:6px;
}

.analyse-zorg-intake__lead{
  opacity:.8;
  margin-bottom:14px;
}

.analyse-zorg-intake__form{
  display:grid;
  gap:12px;
}

.analyse-zorg-field{
  display:grid;
  gap:6px;
}

.analyse-zorg-label{
  font-size:13px;
  opacity:.7;
}

.analyse-zorg-select,
.analyse-zorg-input{
  width:100%;
  padding:10px 12px;
  border-radius:10px;
  border:1px solid rgba(0,0,0,.12);
  background:#fff;
}

.analyse-zorg-check{
  display:flex;
  align-items:flex-start;
  gap:10px;
}

.analyse-zorg-intake__note{
  font-size:12px;
  opacity:.65;
}