/* Client finish using the existing Bayt Zawaj palette and components. */
input.input-field,select.input-field,textarea.input-field{box-sizing:border-box;max-width:100%;min-height:3.1rem;border:1px solid #d6cbd0;border-radius:1rem;padding:.8rem 1rem;background-color:#fff;line-height:1.5}
.input-field:focus{outline:2px solid #b80049;outline-offset:2px;border-color:#b80049;box-shadow:0 0 0 4px #fff1f6}
select.input-field{appearance:none;padding-right:3rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='%235b3f43' stroke-width='2.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}
.profile-editor section>h2{padding:.8rem 1rem;border-left:4px solid #b80049;border-radius:.75rem;background:linear-gradient(110deg,#fff1f6,#f1f5ff)}
progress{appearance:none;border:0;border-radius:999px;overflow:hidden;height:.65rem;background:#eee6ec;color:#b80049}
progress::-webkit-progress-bar{background:#eee6ec;border-radius:999px}
progress::-webkit-progress-value{background:linear-gradient(90deg,#b80049,#2454a6);border-radius:999px}
progress::-moz-progress-bar{background:linear-gradient(90deg,#b80049,#2454a6);border-radius:999px}
.profile-editor .profile-field{display:flex;flex-direction:column;min-width:0}
.profile-editor .field-label{min-height:3.25rem;display:flex;align-items:flex-end;padding-bottom:.5rem;margin:0}
.profile-editor .input-field{box-sizing:border-box;width:100%;min-width:0;min-height:3.1rem;border:1px solid #d6cbd0;border-radius:1rem;padding:.8rem 1rem;background-color:#fff;line-height:1.5;transition:border-color .15s,box-shadow .15s}
.profile-editor textarea.input-field{min-height:10rem;resize:vertical;flex:1}
.profile-editor .input-field:focus{outline:2px solid #b80049;outline-offset:2px;border-color:#b80049;box-shadow:0 0 0 4px #fff1f6}
.profile-editor .input-field::placeholder{color:#75636b;opacity:1;font-size:.875rem}
.profile-editor select.input-field{appearance:none;padding-right:3rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='%235b3f43' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}
.question-theme{padding:.6rem 1rem;border:1px solid #eed9e1;border-radius:.75rem;background:#fff4f8;color:#713047;font-weight:700;font-size:.9rem;margin-top:.4rem}
.question-theme:nth-of-type(even){background:#f0f5ff;border-color:#dde5f2;color:#35486b}
.privacy-note{display:inline-block;padding:.5rem .8rem;border-radius:.75rem;background:#f0f5ff;font-size:.875rem;color:#35486b}
.dashboard-top{display:grid;gap:1.25rem}.pending-hero{display:grid;gap:1.5rem;align-items:center}
.validation-art{position:relative;width:10rem;height:10rem;justify-self:center;background:#fff;border-radius:2rem;box-shadow:0 10px 30px #5b3f4310;display:grid;place-items:center;transform:rotate(4deg)}
.validation-document{font-size:7rem;color:#bf7e95}.validation-glass{position:absolute;font-size:5rem;right:-.5rem;bottom:-.5rem;color:#52769e;background:#eef4ff;border-radius:50%}
.onboarding-steps{display:grid;gap:1rem;list-style:none;padding:0}.onboarding-steps li{display:flex;gap:.75rem;align-items:center;padding:1rem;border:1px solid #e6e2e4;border-radius:1rem;background:#fff;color:#75636b}
.onboarding-steps li>span{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:50%;background:#f2edef;flex-shrink:0}.onboarding-steps .is-done>span{background:#eaf6ef;color:#166534}.onboarding-steps .is-current{background:#fff1f6;border-color:#d98da9;color:#b80049}.onboarding-steps .is-current>span{background:#b80049;color:#fff}
.dashboard-states{display:grid;gap:.75rem}.dashboard-states>div{display:flex;align-items:center;gap:.75rem}
.causes-hero{display:grid;gap:1rem;align-items:center}.heart-art{height:8rem;width:11rem;position:relative;justify-self:center}.heart-art span{position:absolute;font-size:7rem;color:#e7a0b9;left:0;top:0;transform:rotate(-15deg)}.heart-art span+span{left:4rem;top:1.6rem;color:#9fbde5;font-size:6rem;transform:rotate(18deg)}
.plan-comparison{display:flex;flex-direction:column}.plan-comparison--premium{border:2px solid #d88fa9;background:linear-gradient(145deg,#fff,#fff4f8)}.plan-comparison .icon-tile{align-self:flex-start}
.reassurance-strip{display:grid;gap:1.5rem;background:#f1f5fb;border:1px solid #dfe6f0;border-radius:1.5rem;padding:1.5rem}.reassurance-strip strong{display:block;margin-top:.4rem}
.search-profile-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem}.search-profile-card{padding:1.5rem;min-width:0;min-height:26rem;overflow-wrap:anywhere}.search-profile-card .profile-card-action{font-size:.9rem;white-space:normal;padding:.85rem;min-height:3.5rem}
.delete-account-dialog{border:0;border-radius:1.5rem;padding:0;width:min(32rem,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);overflow:auto}.delete-account-dialog::backdrop{background:#24172288}
.brand-logo{width:clamp(160px,14vw,195px);height:84px;margin-left:clamp(0px,1.5vw,22px);object-position:center}.footer-logo{width:180px;height:80px;margin-left:clamp(0px,1.5vw,22px);object-position:center}
@media(min-width:640px){.pending-hero:has(.validation-art){grid-template-columns:minmax(0,1fr) 10rem}.onboarding-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.causes-hero{grid-template-columns:minmax(0,1fr) 11rem}.reassurance-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:768px){.search-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1024px){.dashboard-top--verified{grid-template-columns:minmax(0,1fr) 14rem}.reassurance-strip{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:1280px){.search-profile-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:639px){.brand-logo{width:155px;height:74px;margin-left:.25rem}.footer-logo{width:160px;height:74px;margin-left:.25rem}.profile-editor .field-label{min-height:0}.validation-art{width:8rem;height:8rem}.validation-document{font-size:5.5rem}.validation-glass{font-size:4rem}.search-profile-card{min-height:0}}
.member-sidebar{top:6.5rem}

@media(min-width:640px) and (max-width:1023px){.profile-editor .field-label{min-height:5rem}}