.wbwf{max-width:760px}
.wbwf h3{margin:0 0 6px;font-size:22px;line-height:1.15}
.wbwf .wbwf-sub{margin:0 0 14px;font-size:15px;opacity:.85}

.wbwf-alert{padding:10px 12px;border-radius:var(--wb-radius,12px);margin:0 0 12px}
.wbwf-alert-error{border:1px solid #d63638}

.wbwf-grid{display:grid;grid-template-columns:1fr;gap:12px}
.wbwf[data-layout="multi"] .wbwf-grid{grid-template-columns:1fr}
@media (min-width:768px){
  .wbwf[data-layout="multi"] .wbwf-grid{grid-template-columns:1fr 1fr}
  .wbwf-field-full{grid-column:1/-1}
}

.wbwf-field label{display:block;font-weight:700;margin:0 0 6px;font-size:14px}
.wbwf-field input,.wbwf-field textarea,.wbwf-field select{
  width:100%;
  padding:12px 12px;
  border:1px solid var(--wb-field-border,#c3c4c7);
  border-radius:var(--wb-radius,12px);
  box-sizing:border-box;
  background:#fff;
}

/* Ensure dropdown gets the same rounded look as inputs (themes often override select defaults). */
.wbwf-field select{
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
}
.wbwf-field input:focus,.wbwf-field textarea:focus,.wbwf-field select:focus{
  outline:2px solid var(--wb-focus,#2271b1);
  outline-offset:2px;
}

.wbwf-actions{margin-top:14px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.wbwf-btn{
  padding:12px 16px;
  border-radius:var(--wb-radius,12px);
  border:1px solid var(--wb-field-border,#c3c4c7);
  background:#fff;
  cursor:pointer;
  font-weight:700;
}
.wbwf-btn-primary{
  background:var(--wb-btn-bg,#2271b1);
  border-color:var(--wb-btn-border,#2271b1);
  color:var(--wb-btn-text,#fff);
}
.wbwf-btn-primary:hover{
  background:var(--wb-btn-hover-bg,#135e96);
  border-color:var(--wb-btn-hover-bg,#135e96);
  color:var(--wb-btn-hover-text,#fff);
}
.wbwf-btn-secondary{background:#f0f0f1}
.wbwf-loading{font-size:13px;opacity:.8}
.wbwf-field-error{color:#d63638;font-size:13px;margin-top:6px}
.wbwf-hp{display:none}

.wbwf-summary{margin:12px 0 10px;padding:12px;border:1px solid var(--wb-field-border,#c3c4c7);border-radius:var(--wb-radius,12px);background:#fff}
.wbwf-summary dl{margin:0}
.wbwf-summary dt{font-weight:700}
.wbwf-summary dd{margin:0 0 8px}
.wbwf-checkbox{display:flex;gap:10px;align-items:flex-start;margin:12px 0}
.wbwf-success-meta{margin-top:10px;font-size:13px;opacity:.9}