/* ── PFW Widget 2: Stacked Form ──────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box}
.pfwsf-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}

.pfwsf-wrap{background:#111;padding:32px;display:flex;flex-direction:column;gap:16px}

.pfwsf-fields{display:flex;flex-direction:column;gap:12px}
.pfwsf-field-wrap{display:flex;flex-direction:column;gap:4px}
.pfwsf-field{
	width:100%;display:block;background:#1e1e1e;
	border:1px solid #2e2e2e;border-radius:4px;
	color:#fff;font-size:15px;padding:16px;
	outline:none;transition:border-color .2s,box-shadow .2s;font-family:inherit;
}
.pfwsf-field::placeholder{color:#888}
.pfwsf-field:focus{border-color:#C2FF83;box-shadow:0 0 0 2px rgba(194,255,131,.15)}
.pfwsf-field.pfwsf-error{border-color:#ff4444}
.pfwsf-errmsg{color:#ff4444;font-size:12px;display:none}
.pfwsf-errmsg.visible{display:block}

/* ── Button base ─────────────────────────────────────────────────────────── */
.pfwsf-btn{
	display:inline-flex;align-items:stretch;align-self:flex-start;
	background:#C2FF83;color:#000;border:none;cursor:pointer;
	font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;
	white-space:nowrap;transition:background .2s,color .2s,border-color .2s;
	padding:15px 28px;outline:none;line-height:1;
}
.pfwsf-btn.pfwsf-has-icon{padding:0}
.pfwsf-btn:hover{background:#a8e86a}
.pfwsf-btn:focus-visible{outline:2px solid #C2FF83;outline-offset:2px}
.pfwsf-btn.loading{opacity:.65;pointer-events:none}

/* Label inside icon-mode button */
.pfwsf-btn.pfwsf-has-icon .pfwsf-btn-label{
	display:flex;align-items:center;padding:15px 28px;
}
/* No-icon mode: label is just inline text */
.pfwsf-btn:not(.pfwsf-has-icon) .pfwsf-btn-label{display:inline}

/* ── Icon area ───────────────────────────────────────────────────────────── */
.pfwsf-btn-icon{
	display:flex;align-items:center;justify-content:center;
	padding:0 16px;
}
.pfwsf-btn-icon.pfwsf-icon-divider{border-left:1px solid rgba(0,0,0,.2)}
.pfwsf-icon-left.pfwsf-icon-divider{border-left:none;border-right:1px solid rgba(0,0,0,.2)}
.pfwsf-btn-icon i{font-size:16px;color:#000;transition:color .2s,font-size .2s}

/* Message */
.pfwsf-msg{margin:0;font-size:14px;min-height:18px}
.pfwsf-msg.ok{color:#C2FF83}
.pfwsf-msg.err{color:#ff4444}

@media(max-width:600px){
	.pfwsf-btn,.pfwsf-btn.pfwsf-has-icon{width:100%;justify-content:space-between}
}