.iwolf-iq{font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;line-height:1.45}
.iwolf-iq__card{border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#0f1116;box-shadow:0 10px 35px rgba(0,0,0,.35);overflow:hidden}
.iwolf-iq__header{padding:10px 22px 10px}
.iwolf-iq__badge{display:inline-block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#AC9B52}
.iwolf-iq__title{margin:10px 0 6px;font-size:28px;line-height:1.15;color:#fff}
.iwolf-iq__subtitle{margin:0;color:rgba(255,255,255,.75)}
.iwolf-iq__grid{display:grid;grid-template-columns:1.6fr .9fr;gap:0}
@media (max-width: 980px){.iwolf-iq__grid{grid-template-columns:1fr}}
.iwolf-iq__main{padding:22px 22px 26px;background:#10131a}
.iwolf-iq__aside{padding:22px;background:#0b0c10;color:#fff;border-left:1px solid rgba(255,255,255,.06)}
@media (max-width: 980px){.iwolf-iq__aside{border-left:0;border-top:1px solid rgba(255,255,255,.06)}}
.iwolf-iq__priceCard{position:sticky;top:16px;border:1px solid rgba(255,255,255,.10);border-radius:16px;padding:16px;background:rgba(255,255,255,.03)}
.iwolf-iq__priceLine{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed rgba(255,255,255,.12);color:rgba(255,255,255,.86)}
.iwolf-iq__priceTotal{display:flex;justify-content:space-between;padding:12px 0 4px;font-size:18px;color:#fff}
.iwolf-iq__small{margin-top:12px;font-size:12px;color:rgba(255,255,255,.70)}
.iwolf-iq__items{display:flex;flex-direction:column;gap:12px}
.iwolf-iq__item{display:flex;gap:14px;background:#0f1116;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:14px}
.iwolf-iq__thumb{width:88px;height:66px;border-radius:12px;overflow:hidden;background:#0b0c10;border:1px solid rgba(255,255,255,.10);flex:0 0 auto}
.iwolf-iq__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.iwolf-iq__itemBody{flex:1;min-width:0}
.iwolf-iq__itemTop{display:flex;gap:12px;justify-content:space-between}
.iwolf-iq__itemName{font-weight:800;font-size:15px;color:#fff}
.iwolf-iq__itemDesc{color:rgba(255,255,255,.65);font-size:13px;margin-top:6px}
.iwolf-iq__itemPrice{text-align:right;white-space:nowrap}
.iwolf-iq__unit{font-weight:800;color:#AC9B52}
.iwolf-iq__qty{font-size:12px;color:rgba(255,255,255,.55)}
.iwolf-iq__toggle{margin-top:12px;display:flex;align-items:center;gap:10px;font-weight:700;color:#fff}
.iwolf-iq__toggle input{width:18px;height:18px;accent-color:#AC9B52}
.iwolf-iq__included{margin-top:12px;font-size:12px;font-weight:800;color:#22c55e}
.iwolf-iq__section{margin-top:18px;background:#0f1116;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:14px;color:#fff}
.iwolf-iq__section h3{margin:0 0 10px;font-size:15px;color:#fff}
.iwolf-iq__comment{border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:10px;margin:0 0 10px;background:#0b0c10;color:#fff}
.iwolf-iq__comment--staff{border-color:#AC9B52;box-shadow:0 0 0 2px rgba(172,155,82,.18) inset}
.iwolf-iq__commentHead{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:rgba(255,255,255,.60);margin-bottom:6px}
.iwolf-iq__commentMsg{font-size:13px;color:rgba(255,255,255,.88)}
.iwolf-iq__commentForm .iwolf-iq__row{display:flex;gap:10px}
@media (max-width: 640px){.iwolf-iq__commentForm .iwolf-iq__row{flex-direction:column}}
.iwolf-iq__commentForm input,.iwolf-iq__commentForm textarea,.iwolf-iq__approve input{width:100%;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.10);background:#0b0c10;color:#fff;font:inherit}
.iwolf-iq__commentForm textarea{margin-top:10px;resize:vertical}
.iwolf-iq__btn{margin-top:10px;display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#0b0c10;color:#fff;font-weight:800;cursor:pointer}
.iwolf-iq__btn--primary{background:#AC9B52;border-color:#AC9B52;color:#0b0c10}
.iwolf-iq__btn:hover{filter:brightness(1.06)}
.iwolf-iq__approve h4{margin:14px 0 10px;font-size:14px;color:#fff}
.iwolf-iq__check{display:flex;gap:10px;margin-top:10px;font-size:12px;color:rgba(255,255,255,.88)}
.iwolf-iq__check input{margin-top:2px;accent-color:#AC9B52}
.iwolf-iq__hint{margin-top:8px;font-size:12px;color:rgba(255,255,255,.55)}
.iwolf-iq__empty{padding:10px;color:rgba(255,255,255,.60);font-size:13px}

/* Akkoord blok – spacing & leesbaarheid */
.iwolf-iq__approve{margin-top:14px}
.iwolf-iq__approve h4{
  margin:0 0 12px;
  font-size:18px;
  letter-spacing:.02em;
  text-align:left;
}
.iwolf-iq__approve form{display:flex;flex-direction:column;gap:10px}
.iwolf-iq__approve input{margin-top:0}
.iwolf-iq__check{
  align-items:flex-start;
  gap:12px;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:14px;
  background:rgba(255,255,255,.02);
}
.iwolf-iq__check span{line-height:1.35}
.iwolf-iq__btn--primary{width:100%}

/* Print / PDF layout */

/* Print / PDF – clean white layout, only the quote visible */
@media print {
  @page { margin: 12mm; }
  html, body { background:#fff !important; color:#000 !important; }

  /* Hide the rest of the website */
  body * { visibility: hidden !important; }
  .iwolf-iq, .iwolf-iq * { visibility: visible !important; }

  .iwolf-iq { position: absolute; left: 0; top: 0; width: 100%; }

  /* One column for print */
  .iwolf-iq__grid { grid-template-columns: 1fr !important; }
  .iwolf-iq__aside { border: 0 !important; border-top: 1px solid #ddd !important; background:#fff !important; color:#000 !important; }
  .iwolf-iq__main { background:#fff !important; color:#000 !important; }
  .iwolf-iq__header { background:#fff !important; color:#000 !important; border: 0 !important; border-bottom: 1px solid #ddd !important; }

  /* Remove dark cards, keep structure */
  .iwolf-iq__card { background:#fff !important; border: 0 !important; box-shadow: none !important; }
  .iwolf-iq__item, .iwolf-iq__section, .iwolf-iq__comment {
    background:#fff !important;
    color:#000 !important;
    border: 1px solid #ddd !important;
    box-shadow: none !important;
  }

  .iwolf-iq__subtitle, .iwolf-iq__badge { color:#000 !important; opacity: .75 !important; }
  .iwolf-iq__unit, .iwolf-iq__recLine strong { color:#000 !important; }
  .iwolf-iq__included { color:#0a7a2a !important; }

  /* Disable sticky */
  .iwolf-iq__priceCard { position: static !important; top: auto !important; border: 1px solid #ddd !important; background:#fff !important; }

  /* Hide interactive controls */
  .iwolf-iq__btn, .iwolf-iq__toggle, .iwolf-iq__commentForm { display: none !important; }

  /* Better typography */
  .iwolf-iq__title { color:#000 !important; }
  .iwolf-iq__itemName { color:#000 !important; }
  .iwolf-iq__itemDesc, .iwolf-iq__small, .iwolf-iq__companyLines { color:#222 !important; opacity: 1 !important; }

  /* Avoid awkward page breaks */
  .iwolf-iq__item, .iwolf-iq__comment { break-inside: avoid; page-break-inside: avoid; }
}

/* Header spacing tighten */
.iwolf-iq__header{
  padding-top:18px !important;
  padding-bottom:18px !important;
}
.iwolf-iq__titleWrap{display:flex;align-items:center;justify-content:center;gap:12px;margin:10px 0}
.iwolf-iq__subtitle{
  margin-top:4px !important;
}

/* Hard align item text */
.iwolf-iq__itemTop{
  display:grid !important;
  grid-template-columns: 1fr auto !important;
  align-items:flex-start !important;
}
.iwolf-iq__itemTopLeft{
  padding-left:0 !important;
  margin-left:0 !important;
}
.iwolf-iq__itemName{
  margin-left:0 !important;
  padding-left:0 !important;
  text-indent:0 !important;
}

/* Force consistent left alignment for item text */
.iwolf-iq__itemBody{text-align:left}
.iwolf-iq__itemTop{align-items:flex-start}
.iwolf-iq__itemTop > div:first-child{width:100%}

.iwolf-iq__recLine--spaced{margin-top:8px}

/* Recurring spacing */
.iwolf-iq__recSpacer{
  height:8px;
}

.iwolf-iq__recLine{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
}

#iwolf-iq-recurring{padding-left:0;text-align:left}

.iwolf-iq__recLine span{justify-self:start}
.iwolf-iq__recLine strong{justify-self:end}

.iwolf-iq__subtitle{margin-top:6px}

/* Align recurring lines same as totals */
.iwolf-iq__recLine{
  margin-left:0 !important;
  padding-left:0 !important;
  text-align:left !important;
}

.iwolf-iq__printBtn{margin:10px 0 !important}

@media (max-width:640px){
  .iwolf-iq__commentsTitle{
    font-size:20px !important;
    line-height:1.3 !important;
    margin-bottom:10px !important;
  }
}

@media print{
  
}



@media print{
  .iwolf-iq__item--optional-hidden{
    display:none !important;
  }
}

#iwolf-iq-print{
  margin: 20px 15px 0 !important;
}

@media (max-width:640px){
  .iwolf-iq__priceCard span,
  .iwolf-iq__priceCard strong,
  .iwolf-iq__recLine span,
  .iwolf-iq__recLine strong{
    font-size:13px !important;
  }
}