/* Fijn Kozijn Core V2 - scoped styles (Luxe kaart) */
.fk-core-v2{
  --fk-blue:#142541;
  --fk-ink:#080b14;
  --fk-cta:#e27439;
  --fk-border:#dfe3ec;
  --fk-soft:#f6f8fb;
  font-family: inherit;
  color: var(--fk-ink);
  max-width: 1100px;
  margin: 60px auto;
  padding: 0 18px;
}

.fk-core-v2 .fk-card{
  background:#fff;
  border:1px solid var(--fk-border);
  border-radius:14px;
  padding: 26px;
  margin: 16px 0;
}

.fk-core-v2 .fk-card--hero{
  border: none;
  padding: 0;
  margin: 0 0 12px 0;
  background: transparent;
}

.fk-core-v2 .fk-card--main{
  padding: 34px;
}

.fk-core-v2 .fk-card--soft{
  background: var(--fk-soft);
}

.fk-core-v2 .fk-h2{
  margin: 0 0 6px 0;
  font-size: 34px;
  letter-spacing: -0.3px;
  color: var(--fk-blue);
}

.fk-core-v2 .fk-sub{
  margin: 0 0 18px 0;
  color: #6b7280;
  font-size: 15px;
}

.fk-core-v2 .fk-h3{
  margin: 0 0 12px 0;
  font-size: 18px;
  color: var(--fk-blue);
}

.fk-core-v2 .fk-ul{
  margin:0;
  padding-left: 18px;
  color:#374151;
  font-size: 14px;
  line-height: 1.65;
}

.fk-core-v2 .fk-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px 16px;
}

.fk-core-v2 .fk-field--full{
  grid-column: 1 / -1;
}

.fk-core-v2 .fk-label{
  display:block;
  font-size: 13px;
  color:#5b6475;
  margin-bottom: 6px;
}

.fk-core-v2 .fk-input,
.fk-core-v2 .fk-textarea{
  width: 100%;
  background:#fff;
  border:1px solid var(--fk-border);
  border-radius:10px;
  padding: 12px 14px;
  font-size: 14px;
  color: var(--fk-ink);
  box-shadow:none;
}

.fk-core-v2 .fk-input:focus,
.fk-core-v2 .fk-textarea:focus{
  border-color: var(--fk-blue);
  outline: none;
}

.fk-core-v2 .fk-actions{
  display:flex;
  justify-content: space-between;
  align-items:center;
  gap: 12px;
  margin-top: 18px;
  flex-wrap: wrap;
}

.fk-core-v2 .fk-btn{
  cursor:pointer;
  font-weight: 700;
  border: 1px solid var(--fk-border);
  background:#fff;
  padding: 12px 18px;
  border-radius: 999px;
}

.fk-core-v2 .fk-btn--ghost{
  color: var(--fk-blue);
}

.fk-core-v2 .fk-btn--ghost:hover{
  border-color: var(--fk-blue);
}

.fk-core-v2 .fk-btn--cta{
  background: var(--fk-cta);
  border-color: var(--fk-cta);
  color:#fff;
}

.fk-core-v2 .fk-btn--cta:hover{
  filter: brightness(0.96);
}

.fk-core-v2 .fk-notice{
  margin-top: 14px;
  border:1px solid var(--fk-border);
  background: var(--fk-soft);
  border-radius: 12px;
  padding: 12px 14px;
  font-size: 13px;
}

.fk-core-v2 .fk-items{
  display:grid;
  grid-template-columns: 1fr;
  gap: 12px;
  margin-bottom: 10px;
}

.fk-core-v2 .fk-item{
  border:1px solid var(--fk-border);
  border-radius: 12px;
  padding: 14px;
  background:#fff;
}

.fk-core-v2 .fk-item__top{
  display:flex;
  justify-content: space-between;
  gap: 10px;
  align-items:flex-start;
}

.fk-core-v2 .fk-item__title{
  font-weight: 800;
  color: var(--fk-blue);
  margin: 0;
  font-size: 16px;
  line-height: 1.3;
}

.fk-core-v2 .fk-item__meta{
  margin-top: 8px;
  color: #1f2a44;
  font-size: 13px;
  line-height: 1.6;
}

.fk-core-v2 .fk-item__remove{
  border: 1px solid var(--fk-border);
  background: #fff;
  color: var(--fk-blue);
  border-radius: 999px;
  padding: 6px 10px;
  cursor:pointer;
  font-size: 12px;
  white-space: nowrap;
}

.fk-core-v2 .fk-item__remove:hover{
  border-color: var(--fk-blue);
}

.fk-core-v2 .fk-empty{
  border: 1px dashed var(--fk-border);
  border-radius: 12px;
  padding: 16px;
  background: #fff;
  margin: 10px 0 18px 0;
}

.fk-core-v2 .fk-strong{ font-weight: 800; margin:0 0 6px 0; }
.fk-core-v2 .fk-muted{ color:#6b7280; margin:0; }

@media (max-width: 820px){
  .fk-core-v2{ margin: 28px auto; }
  .fk-core-v2 .fk-card--main{ padding: 22px; }
  .fk-core-v2 .fk-grid{ grid-template-columns: 1fr; }
  .fk-core-v2 .fk-h2{ font-size: 26px; }
  .fk-core-v2 .fk-actions{ flex-direction: column; align-items: stretch; }
}