/* 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}
.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:3.25rem}}

/* A grid item must shrink below its text's intrinsic width on mobile. */
.messages-layout>section{min-width:0;overflow-wrap:anywhere}
.messages-layout .space-y-3>a{max-width:100%}

/* Final client gaps: presentation only; forms and account actions unchanged. */
.settings-hero{display:grid;grid-template-columns:minmax(0,1fr) 7rem;gap:1rem;align-items:center}
.settings-hero-art{width:100%;height:9rem;object-fit:contain;mix-blend-mode:multiply}
.security-card{min-width:0;border:1px solid #eedee5;overflow-wrap:anywhere}.security-card--rose{background:#fff3f7}.security-card--blue{background:#f0f5fd;border-color:#dfe7f3}
.security-card .btn{white-space:normal;max-width:100%}
.profile-completion-ribbon{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1rem;border:1px solid #edc6d5;border-radius:1rem;background:#fff0f5;color:#713047;font-size:.875rem}
.profile-completion-ribbon p{font-size:.8rem;margin-top:.15rem}.profile-completion-ribbon .btn{padding:.65rem 1rem;font-size:.8rem}.profile-completion-note{background:#fff4f8;color:#713047}
.contact-state{cursor:default;white-space:normal}
.messages-navigation{display:flex;flex-wrap:wrap;gap:.5rem;padding:.65rem;margin-bottom:1.5rem;border-radius:1.2rem;background:#f3edf1;border:1px solid #e9dfe5}
.messages-navigation a{display:flex;align-items:center;gap:.5rem;flex:1;justify-content:center;padding:.7rem;border-radius:.85rem;background:#fff;color:#713047;font-size:.875rem;font-weight:700}
.messages-navigation a:hover,.messages-navigation a:focus-visible{background:#fff0f5;outline:2px solid #d88fa9;outline-offset:1px}.messages-count{border-radius:1rem;padding:.1rem .5rem;background:#f1f5fb;color:#35486b}
.messages-layout>section{scroll-margin-top:7rem}.messages-empty{min-height:21rem;background:linear-gradient(145deg,#fff9fb,#f5f8fd);border-style:solid;border-color:#f0e7ed}
.messages-empty-art{position:relative;display:grid;place-items:center;width:9rem;height:9rem;margin:0 auto 1.25rem;border-radius:5rem 5rem 2rem 2rem;background:#f7e2eb;color:#be718e;flex-shrink:0}
.messages-empty-art>span:first-child{font-size:5rem}.messages-empty-art>span+span{position:absolute;right:-.3rem;bottom:.4rem;font-size:2.5rem;background:#fff;border-radius:50%;padding:.65rem;color:#c5698c;transform:rotate(-12deg)}
.messages-empty-art--blue{background:#e5edf9;color:#7597c0}
.subscription-final-cta{display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem;border-radius:1.5rem;padding:1.5rem;background:linear-gradient(120deg,#8b204c,#ae3f69);color:#fff}
.subscription-final-cta p{color:#fff0f5}.subscription-final-cta .btn{background:#fff;color:#8b204c;flex-shrink:0;white-space:normal;max-width:100%;box-shadow:0 6px 20px #50102d22}
@media(min-width:640px){.settings-hero{grid-template-columns:minmax(0,1fr) 10rem}.settings-hero-art{height:11rem}.subscription-final-cta{flex-direction:row;align-items:center;justify-content:space-between;padding:2rem}.subscription-final-cta>div{min-width:0}.subscription-final-cta .btn{max-width:45%}}
@media(max-width:639px){.settings-hero{grid-template-columns:minmax(0,1fr)}.settings-hero-art{width:6rem;height:7rem;justify-self:end;margin-top:-1rem}.messages-navigation a{flex-basis:100%}.messages-empty{padding:1.5rem}.subscription-final-cta .btn{width:100%}}
/* Final reference alignment: independent profile blocks and compact dashboards. */
.profile-section{scroll-margin-top:7rem}.profile-section-band{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-left:4px solid #c93272;border-radius:.85rem;background:linear-gradient(110deg,#fce8f1,#eaf1ff);color:#392d38;font-weight:700;line-height:1.25}
.profile-section-band>.material-symbols-outlined{color:#bf3673;font-size:1.5rem;flex-shrink:0}.profile-section .section-save{display:flex;justify-content:flex-end;margin-top:1.5rem}.profile-section .section-save--full .btn{width:100%}.section-save .btn{white-space:normal;gap:1rem;max-width:100%;font-size:.9rem}
.profile-subband{display:flex;align-items:center;gap:.6rem;padding:.85rem 1rem;background:#fcebf2;border:1px solid #f2dce6;color:#813b5b}.profile-subband--blue{background:#edf3fd;border-color:#dce7f8;color:#47668d}.profile-subband .material-symbols-outlined{font-size:1.35rem}
.profile-editor .polygamy-check{align-self:end;display:flex;align-items:center;gap:.75rem;min-height:3.1rem;margin:0;padding:.7rem 1rem;background:#fff5f9;border:1px solid #efdce4;border-radius:1rem;font-size:.875rem;line-height:1.4}.polygamy-check input{flex-shrink:0;margin-top:0}
.religious-learning-grid{display:grid;gap:1.25rem}.religious-learning-left{display:flex;flex-direction:column;gap:1.25rem}.profile-editor .religious-learning-grid .field-label{min-height:0}.profile-editor .relocation-field{min-width:0}.relocation-options{display:flex;flex-wrap:nowrap;gap:clamp(.4rem,2vw,1.5rem);background:#fbf7fa;border:1px solid #eee2e9;padding:.8rem 1rem;border-radius:1rem}.relocation-options .form-check{display:inline-flex;gap:.5rem;align-items:center;padding:0;margin:0;border:0;background:none;min-height:0;white-space:nowrap}.relocation-options input{accent-color:#c32268;width:1.15rem;height:1.15rem}.relocation-options label:has(input:checked){color:#b80049;font-weight:800}
.contact-success-banner{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;margin-bottom:1.5rem;background:#eaf8ee;border:1px solid #8acaa1;border-radius:1rem;color:#215c37;font-weight:700}.contact-success-banner>span{flex-shrink:0}.contact-success-banner p{flex:1;min-width:0}.contact-success-banner button{display:grid;place-items:center;min-width:2.75rem;min-height:2.75rem;border-radius:50%;color:#215c37}.contact-success-banner button:hover{background:#d4efde}
.filter-input-icon{position:relative}.filter-input-icon .input-field{padding-right:3rem}.filter-input-icon>.material-symbols-outlined{position:absolute;right:1rem;top:50%;transform:translateY(-50%);pointer-events:none;color:#a18c9d;font-size:1.2rem}.filter-input-icon input::placeholder{color:#8f8390}
.search-profile-card{border:1px solid #e4c8d7;background:linear-gradient(145deg,#fff5f9,#f2f6ff);box-shadow:0 8px 24px #7844650b}.search-profile-card:nth-child(even){border-color:#cfdcf0;background:linear-gradient(145deg,#f1f6ff,#fff5f9)}.search-profile-card .badge{border:1px solid #dfd3e3}.search-profile-card .contact-state{background:#e9f4ed;border:1px solid #b9d9c5;color:#315c41}
.conversation-security-band{display:flex;align-items:center;gap:.7rem;padding:1rem 1.25rem;background:#edf5fe;border:1px solid #d9e6f6;border-radius:1rem;color:#375d87;font-size:.875rem}.conversation-security-band span{flex-shrink:0}.conversation-member-header h1{overflow-wrap:anywhere}.close-exchange-trigger{border:1px solid #d789aa;background:#fff7fb}.conversation-member-header+button{max-width:100%;white-space:normal}
.plan-comparison--essential{border:1px solid #c9d9f0}.plan-comparison--essential .badge,.plan-comparison--essential .plan-label{background:#eaf1ff;color:#3c5e9e;border:1px solid #cad9f1}.plan-comparison--essential .text-gradient,.plan-comparison--essential .text-primary{background:none;-webkit-text-fill-color:currentColor;color:#4864a1}.plan-comparison--essential a.btn{background:#fff;color:#5361a5;border:1px solid #7c85c0;box-shadow:none}.plan-comparison--premium .plan-label,.plan-comparison--premium .badge-premium{background:#fae7f3;color:#a62a6a;border:1px solid #e7b8d1}.plan-comparison--premium .text-gradient,.plan-comparison--premium .text-primary{background:none;-webkit-text-fill-color:currentColor;color:#bf246c}.plan-comparison--premium .icon-tile{background:#fbe8f3;color:#bf246c}.reassurance-strip>.material-symbols-outlined,.reassurance-strip>div>.material-symbols-outlined{color:#9c508f}
.dashboard-eyebrow{font-size:.75rem;letter-spacing:.12em;font-weight:800;color:#b22c67}.dashboard-name{font-size:clamp(2.2rem,3.8vw,3.5rem);font-weight:700;line-height:1.1;margin-top:.5rem;overflow-wrap:anywhere}.dashboard-completion{padding-top:1.3rem;margin-top:1.3rem;border-top:1px solid #e5dce7}.dashboard-completion strong{white-space:nowrap}.dashboard-completion .btn{font-size:.85rem;white-space:normal}
.dashboard-states{align-content:start;gap:.85rem}.dashboard-state{padding:1rem;border-radius:1rem;border:1px solid #dfe8e0;min-width:0;font-size:.85rem;line-height:1.5}.dashboard-state--green{background:#eff8f0;color:#326747}.dashboard-state--orange{background:#fff3e7;color:#8e591e;border-color:#f1dfc7}.dashboard-state--blue{background:#edf4fc;color:#42668d;border-color:#d4e1f2}.dashboard-state>span{flex-shrink:0}.availability-toggle{display:flex;align-items:center;gap:.4rem;margin-top:.4rem;color:#4667aa;font-size:.8rem}.availability-toggle span{font-size:2rem}.pending-actions{display:grid;gap:1.25rem}.pending-progress-row{display:flex;align-items:center;gap:1.5rem;margin-top:1.5rem}.completion-ring{width:6rem;height:6rem;flex-shrink:0;border-radius:50%;background:conic-gradient(#b83b7d var(--completion),#ede7f0 0);padding:.5rem;display:grid;place-items:center}.completion-ring strong{display:grid;place-items:center;width:100%;height:100%;background:#fff;border-radius:50%;font-size:1.2rem;color:#9d3a70}.pending-subscription{background:linear-gradient(135deg,#f4f7fd,#fff)}.pending-actions .btn{font-size:.85rem;white-space:normal}.pending-progress-row>div:last-child{flex:1;min-width:10rem}.onboarding-steps li{font-size:.85rem;padding:1rem .8rem}.onboarding-steps li p{font-size:.75rem;margin-top:.3rem}
.causes-hero{grid-template-columns:minmax(0,1fr);gap:1rem}.causes-hero .btn{font-size:.85rem;white-space:normal}.causes-hero h2{font-size:clamp(1.65rem,2.5vw,2rem)}.causes-hero .heart-art{width:7rem;height:6rem}.causes-hero .heart-art span{font-size:4.8rem}.causes-hero .heart-art span+span{left:2.8rem;top:1.2rem;font-size:4rem}.dashboard-benefits h3{font-size:1rem;line-height:1.45}
@media(min-width:640px){.religious-learning-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.causes-hero{grid-template-columns:auto minmax(0,1fr) auto}.causes-hero .heart-art{grid-column:3;grid-row:1}.causes-hero .btn{grid-column:2;justify-self:start}.pending-actions{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}}
@media(min-width:1024px){.dashboard-top--verified{grid-template-columns:minmax(0,1fr) 14rem}.causes-hero{grid-template-columns:auto minmax(0,1fr) auto}.causes-hero .heart-art{grid-column:3;grid-row:1}.causes-hero .btn{grid-column:2}.pending-progress-row{gap:1rem}}
@media(min-width:1280px){.causes-hero{grid-template-columns:auto minmax(0,1fr) auto 7rem}.causes-hero .btn{grid-column:3;grid-row:1}.causes-hero .heart-art{grid-column:4;grid-row:1}}
@media(max-width:639px){.profile-section-band{font-size:1.55rem;padding:.9rem}.section-save .btn{width:100%}.pending-progress-row{flex-wrap:wrap}.causes-hero .heart-art{display:none}.causes-hero>.btn{width:100%}.contact-success-banner{padding:1rem;gap:.65rem;font-size:.875rem}}

/* Buttons requested by the final member reference: rose to violet. */
.profile-editor .btn-primary,.member-shell .btn-primary,.search-page .btn-primary,.member-conversation .btn-primary,.plan-comparison--premium .btn-primary{background:linear-gradient(110deg,#c12b73,#7b55ad);box-shadow:0 8px 20px #97487324}
.profile-field:has(.field-counter){position:relative}
.profile-editor textarea[maxlength]{padding-bottom:2rem}
.field-counter{position:absolute;right:1.1rem;bottom:.65rem;padding-left:.5rem;background:#fff;font-size:.75rem;color:#75636b;font-variant-numeric:tabular-nums;pointer-events:none}
.relocation-options input[type=radio]{border-radius:50%;margin-top:0;color:#c32268;flex-shrink:0}
.relocation-options label:has(input:checked){background:#fce5ef;border-radius:.65rem;box-shadow:0 0 0 .35rem #fce5ef}
.contact-state:disabled{opacity:1;cursor:default;transform:none}
.profile-completion-ribbon .btn-primary{box-shadow:none}
.pricing-guarantees .material-symbols-outlined{color:#9c508f}

/* Tailwind's runtime text size must not enlarge the compact mobile bands. */
.profile-editor .profile-section-band{min-width:0;overflow-wrap:anywhere}
.profile-editor .sm\:col-span-2>.profile-field>.field-label{min-height:0}
@media(max-width:639px){.profile-editor .profile-section-band{font-size:1.55rem}}

/* Keep the member cards proportionate at each screen size. */
.member-shell .pending-title{font-size:clamp(1.65rem,2.5vw,2.25rem);line-height:1.25;max-width:28ch}
.pending-hero>div>p.text-muted{font-size:.9rem;line-height:1.75;max-width:62ch}
.dashboard-activities>article{display:flex;flex-direction:column;align-items:flex-start;border-color:#e6d4df}
.dashboard-activities>article>p:last-of-type{margin-bottom:auto}
.dashboard-activities>article:nth-child(2),.dashboard-benefits>article:nth-child(2){background:#f1f5fd;border-color:#d9e3f2}
.dashboard-activities>article:nth-child(3),.dashboard-benefits>article:nth-child(3){background:#fff3f8;border-color:#efdae4}
@media(max-width:639px){.profile-editor .relocation-options{gap:.65rem;padding:.75rem}.profile-editor .relocation-options .form-check{gap:.3rem;font-size:.75rem}.relocation-options input{width:1rem;height:1rem}}