.refah-form {
	position: relative;
	padding: clamp(26px, 4vw, 52px);
	border: 1px solid rgba(255,255,255,.68);
	border-radius: 24px;
	color: var(--refah-body,#405964);
	background: rgba(255,255,255,.97);
	box-shadow: 0 28px 80px rgba(0,0,0,.22);
}
.refah-form::before {
	content: 'نموذج آمن ومشفّر أثناء النقل';
	display: inline-flex;
	align-items: center;
	margin-block-end: 30px;
	padding: 7px 12px;
	border-radius: 999px;
	color: var(--refah-teal-deep,#247a6d);
	background: #eaf7f4;
	font-size: 12px;
	font-weight: 800;
}
.refah-form__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px 18px; }
.refah-field { position: relative; display: flex; flex-direction: column; gap: 9px; }
.refah-field--wide { grid-column: 1/-1; }
.refah-field label { display: flex; align-items: center; gap: 9px; color: var(--refah-ink,#173c4d); font-size: 14px; font-weight: 800; }
.refah-field label i { display: grid; place-items: center; width: 31px; height: 31px; border-radius: 50%; color: var(--refah-blue,#5081bc); background: var(--refah-bg-blue,#eef4fb); font-size: 13px; transition: color .25s,background .25s,transform .3s; }
.refah-field:focus-within label i { color: #fff; background: var(--refah-blue,#5081bc); transform: rotate(-7deg); }
.refah-field label span { color: #b42318; }
.refah-field input,.refah-field textarea,.refah-field select {
	width: 100%;
	min-height: 58px;
	padding: 15px 17px;
	border: 1px solid #d8e4e7;
	border-radius: 12px;
	outline: 0;
	color: var(--refah-ink,#173c4d);
	background: #f7fafb;
	font: inherit;
	transition: border-color .25s,box-shadow .25s,background .25s,transform .25s;
}
.refah-field textarea { min-height: 150px; resize: vertical; }
.refah-field input:hover,.refah-field textarea:hover,.refah-field select:hover { border-color: #aec8cf; background: #fff; }
.refah-field input:focus,.refah-field textarea:focus,.refah-field select:focus { border-color: var(--refah-teal,#4faf9c); background: #fff; box-shadow: 0 0 0 4px rgba(79,175,156,.13),0 12px 30px rgba(23,60,77,.07); transform: translateY(-1px); }
.refah-field small { color: #687c84; font-size: 12px; }
.refah-field__error { min-height: 18px; color: #b42318; font-size: 13px; }
.refah-file-native { position: absolute!important; width: 1px!important; height: 1px!important; padding: 0!important; opacity: 0; overflow: hidden; }
.refah-file-native:focus + .refah-file-picker { border-color: var(--refah-teal,#4faf9c); box-shadow: 0 0 0 4px rgba(79,175,156,.14); }
.refah-file-picker { display: flex!important; align-items: center!important; justify-content: space-between; gap: 16px; min-height: 76px; padding: 12px 14px; border: 1px dashed #adc7cd; border-radius: 14px; color: var(--refah-body,#405964); background: #f6fafb; cursor: pointer; transition: border-color .25s,background .25s; }
.refah-file-picker:hover { border-color: var(--refah-teal,#4faf9c); background: #eef8f6; }
.refah-file-picker span { display: inline-flex; align-items: center; gap: 9px; padding: 10px 14px; border-radius: 9px; color: #fff!important; background: var(--refah-ink,#173c4d); }
.refah-file-picker b { min-width: 0; overflow: hidden; color: #687c84; font-size: 13px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
.refah-consent { display: flex; align-items: flex-start; gap: 12px; margin: 28px 0 8px; padding: 16px; border-radius: 12px; color: #40565f; background: #f4f8f9; font-size: 14px; }
.refah-consent input { width: 19px; height: 19px; margin-top: 4px; flex: 0 0 auto; accent-color: var(--refah-teal,#4faf9c); }
.refah-consent a { color: var(--refah-blue-deep,#2f5f98); font-weight: 700; text-underline-offset: 3px; }
.refah-consent-error { display: block; margin-block-end: 14px; }
.refah-form__status { display: none; margin-block-end: 22px; padding: 15px 17px; border-radius: 12px; font-weight: 700; }
.refah-form__status.is-loading,.refah-form__status.is-success,.refah-form__status.is-error { display: block; }
.refah-form__status.is-loading { color: #285c6e; background: #eef8fa; }
.refah-form__status.is-success { color: #067647; background: #ecfdf3; }
.refah-form__status.is-error { color: #b42318; background: #fef3f2; }
.refah-form__notice { display: flex; gap: 9px; align-items: flex-start; margin-block-start: 17px; color: #687c84; font-size: 13px; }
.refah-form__notice i { margin-block-start: 5px; color: var(--refah-blue,#5081bc); }
.refah-form__submit { width: 100%; min-height: 60px; margin-block-start: 18px; border-radius: 12px; }
.refah-form__submit[disabled] { opacity: .65; cursor: wait; }
.refah-honeypot { position: absolute!important; inset-inline-start: -10000px!important; width: 1px!important; height: 1px!important; overflow: hidden!important; }
@media(max-width:700px){
	.refah-form { padding: 24px 18px; border-radius: 17px; }
	.refah-form__grid { grid-template-columns: 1fr; gap: 18px; }
	.refah-field--wide { grid-column: auto; }
	.refah-file-picker { align-items: flex-start!important; flex-direction: column; }
	.refah-file-picker b { max-width: 100%; }
}
@media(prefers-reduced-motion:reduce){
	.refah-field input,.refah-field textarea,.refah-field select,.refah-field label i { transition: none!important; }
}
