/* forms.css — shared styles for every dedicated qualification form (loaded globally). */

/* Status + validation (used by all forms) */
.form-status { padding: 1rem 1.25rem; border-radius: 8px; margin-bottom: 1.5rem; font-weight: 500; }
.form-status.success { background: rgba(16,185,129,.15); color: #6ee7b7; border: 1px solid rgba(16,185,129,.3); }
.form-status.error { background: rgba(239,68,68,.15); color: #fca5a5; border: 1px solid rgba(239,68,68,.3); }

.business-email-notice { background: rgba(239,68,68,.1); color: #fca5a5; border-left: 4px solid #ef4444; padding: 1rem 1.25rem; border-radius: 8px; margin-bottom: 1.5rem; font-size: .925rem; line-height: 1.6; }

.email-validation-info { margin-top: .5rem; font-size: .875rem; padding: .5rem .75rem; border-radius: 8px; }
.email-validation-info.success { color: #059669; background: rgba(16,185,129,.1); }
.email-validation-info.error { color: #dc2626; background: rgba(239,68,68,.1); }

.input-verified { border-color: #10b981 !important; background: rgba(16,185,129,.05); }
.input-error { border-color: #ef4444 !important; background: rgba(239,68,68,.05); }

/* Assessment form layout */
.af-container { max-width: 760px; }
.af-badge { display: inline-block; background: rgba(79,70,229,.15); color: #a5b4fc; border: 1px solid rgba(79,70,229,.35); padding: .4rem .9rem; border-radius: 999px; font-size: .85rem; font-weight: 600; margin-bottom: 1rem; }
.af-badge strong { color: #c7d2fe; }
.af-req { color: #f87171; }

.af-checks { display: grid; grid-template-columns: repeat(2, 1fr); gap: .6rem 1.25rem; }
.af-check { display: flex; align-items: flex-start; gap: .55rem; font-size: .95rem; color: #334155; line-height: 1.4; cursor: pointer; }
.af-check input { margin-top: .2rem; width: 1rem; height: 1rem; accent-color: #4f46e5; flex-shrink: 0; }

@media (max-width: 600px) { .af-checks { grid-template-columns: 1fr; } }

/* Solution/service hero CTA button */
.sol-hero-cta { display: inline-block; margin-top: 1.75rem; }