/* Mamahood Business Desk — Facebook Profiles, v0.10.334.
 * Share the approved Business Desk hero geometry, exact page-stone veil,
 * global raspberry and status palette. Never restyle the other BD pages.
 */
.mh-profiles-public-page{margin:0 auto;--mh-stone-bg:#f7f3ed;--mh-ink:#012966;--mh-ink-soft:#183f76;--mh-muted:#58709a;--mh-raspberry:#f13f8a;--mh-raspberry-dark:#d82f77;--mh-raspberry-soft:#fff0f6;--mh-line:rgba(1,41,102,.12)}
.mh-profiles-hero{
    position:relative;isolation:isolate;display:flex;align-items:center;min-height:500px;
    width:100%;padding:52px clamp(36px,4vw,58px);margin:0 0 30px;overflow:hidden;
    border:0;border-radius:0;box-shadow:none;
    background-color:var(--mh-stone-bg,#f7f3ed);
    background-image:url('../images/facebook-profiles-hero.webp');
    background-size:cover;background-position:53% center;background-repeat:no-repeat;
    color:var(--mh-ink,#012966);font-family:'DM Sans',Arial,sans-serif;
}
/* The very same stone-to-photo veil as the existing My History banner.
 * The opaque beginning matches the page background exactly, eliminating
 * the visible inset-image edge caused by the previous brown/beige veil. */
.mh-profiles-hero::before{
    content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
    background:linear-gradient(90deg,
        rgb(247,243,237) 0%,rgb(247,243,237) 10%,
        rgba(247,243,237,.96) 18%,rgba(247,243,237,.78) 28%,
        rgba(247,243,237,.55) 38%,rgba(247,243,237,.32) 48%,
        rgba(247,243,237,.16) 56%,rgba(247,243,237,.07) 62%,
        rgba(247,243,237,.02) 66%,rgba(247,243,237,0) 68%);
}
/* Private BD hero uses its existing unified 500px geometry, not an ad-hoc card.
 * Its existing hero pseudo-element consumes this same shared veil token. */
.mh-bd-app .mh-bd-manage-hero.is-profiles-hero{
    --mh-bd-hero-veil:linear-gradient(90deg,
        rgb(247,243,237) 0%,rgb(247,243,237) 10%,
        rgba(247,243,237,.96) 18%,rgba(247,243,237,.78) 28%,
        rgba(247,243,237,.55) 38%,rgba(247,243,237,.32) 48%,
        rgba(247,243,237,.16) 56%,rgba(247,243,237,.07) 62%,
        rgba(247,243,237,.02) 66%,rgba(247,243,237,0) 68%);
    background-image:url('../images/facebook-profiles-hero.webp')!important;
    background-position:53% center!important;
    background-size:cover!important;
    background-color:var(--mh-stone-bg,#f7f3ed)!important;
}
.mh-profiles-hero-content{position:relative;z-index:2;width:min(52%,570px);max-width:570px;padding:0;margin:0}
.mh-profiles-hero h1{font-family:'DM Sans',Arial,sans-serif;color:var(--mh-ink,#012966);font-size:clamp(36px,4vw,56px);font-weight:700;line-height:1.03;letter-spacing:-.045em;margin:0 0 14px}
.mh-profiles-hero p{color:var(--mh-ink-soft,#183f76);font-size:17px;line-height:1.62;margin:0;max-width:500px}
.mh-profiles-hero .mh-profiles-kicker,.mh-profiles-kicker{display:block;color:var(--mh-raspberry,#f13f8a);font-size:10px!important;letter-spacing:.12em;text-transform:uppercase;font-weight:700!important;margin:0 0 11px!important}
.mh-profiles-wrap{max-width:1080px;margin:0 auto 55px;padding:0 clamp(14px,2.2vw,26px);font-family:'DM Sans',Arial,sans-serif;color:var(--mh-ink,#012966)}
.mh-profiles-card{background:#fff;border:1px solid var(--mh-line,rgba(1,41,102,.12));border-radius:14px;padding:clamp(22px,3vw,35px);margin:0 0 19px;box-shadow:0 4px 24px rgba(1,41,102,.025)}
.mh-profiles-card h2{color:var(--mh-ink,#012966);font-size:clamp(21px,2.1vw,27px);line-height:1.3;margin:0 0 12px;font-weight:700}
.mh-profiles-card p{font-size:15px;line-height:1.7;margin:0 0 18px;color:var(--mh-ink-soft,#183f76)}
.mh-profiles-card .mh-profiles-kicker{margin-bottom:9px!important}
.mh-profiles-row{display:flex;align-items:flex-start;justify-content:space-between;gap:25px;border-top:1px solid var(--mh-line,rgba(1,41,102,.12));padding:16px 0;flex-wrap:wrap}
.mh-profiles-row strong{font-size:15px;display:block;color:var(--mh-ink,#012966)}
.mh-profiles-row small{font-size:12px;display:block;color:var(--mh-muted,#58709a);margin-top:4px}
.mh-profiles-identity-link{display:inline-block;color:var(--mh-raspberry,#f13f8a);text-decoration:underline;font-size:12px;margin-top:8px}
.mh-profiles-side{display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.mh-profiles-pill{display:inline-block;background:#f2edf0;color:#625a5f;border-radius:25px;padding:6px 10px;font-size:12px;font-weight:700}
/* Exactly the live/Active colours already used in Advertising Essentials. */
.mh-profiles-pill.is-approved{background:#e7f4f3;color:#186d70}
.mh-profiles-small-action summary{font-size:13px;color:var(--mh-raspberry,#f13f8a);cursor:pointer;font-weight:700;text-align:right}
.mh-profiles-request{display:flex;flex-direction:column;gap:14px;padding:6px 0 10px;max-width:550px}
.mh-profiles-request label{font-weight:700;font-size:13px;color:var(--mh-ink-soft,#183f76);display:flex;flex-direction:column;gap:6px}
.mh-profiles-request input,.mh-profiles-request textarea{font:inherit;font-size:14px;border:1px solid var(--mh-line,rgba(1,41,102,.12));background:#fff;border-radius:8px;min-height:42px;padding:10px 12px;width:100%;box-sizing:border-box}
.mh-profiles-request textarea{min-height:70px}
.mh-profiles-request input:focus,.mh-profiles-request textarea:focus{outline:2px solid var(--mh-raspberry,#f13f8a);outline-offset:1px}
.mh-profiles-button{background:var(--mh-raspberry,#f13f8a);color:#fff!important;border:1px solid var(--mh-raspberry,#f13f8a);border-radius:7px;text-decoration:none!important;padding:13px 19px;font-size:14px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;line-height:1.35;cursor:pointer;font-family:inherit}
.mh-profiles-button:hover,.mh-profiles-button:focus{background:var(--mh-raspberry-dark,#d82f77);border-color:var(--mh-raspberry-dark,#d82f77);color:#fff!important}
.mh-profiles-button.is-small{padding:10px 14px;font-size:12px;white-space:normal}
.mh-profiles-button.is-outline{background:#fff;color:var(--mh-raspberry,#f13f8a)!important;border-color:rgba(241,63,138,.35)}
.mh-profiles-button.is-outline:hover{background:var(--mh-raspberry-soft,#fff0f6);color:var(--mh-raspberry-dark,#d82f77)!important}
.mh-profiles-actions,.mh-profiles-inline{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.mh-profiles-textlink{font-weight:700;color:var(--mh-raspberry,#f13f8a);text-decoration:underline}
.mh-profiles-notice{border-left:4px solid var(--mh-raspberry,#f13f8a);background:var(--mh-raspberry-soft,#fff0f6);padding:16px 20px;margin:0 0 20px;border-radius:6px;font-size:14px}
.mh-profiles-confirm-details{display:grid;gap:5px;background:var(--mh-stone-bg,#f7f3ed);border:1px solid var(--mh-line,rgba(1,41,102,.12));padding:18px 22px;border-radius:10px;margin:17px 0 24px}
.mh-profiles-confirm-details span{font-size:10px;color:var(--mh-muted,#58709a);font-weight:700;letter-spacing:.1em;margin-top:10px}
.mh-profiles-confirm-details strong{font-size:18px;color:var(--mh-ink,#012966)}
.mh-profiles-small{font-size:12px!important;color:var(--mh-muted,#58709a)}
.mh-profiles-warning{font-size:13px!important;color:#624953!important}
@media(max-width:1100px){.mh-profiles-hero{min-height:455px;padding:44px 36px}.mh-profiles-hero-content{width:min(58%,540px);max-width:540px}}
@media(max-width:760px){
    .mh-profiles-hero{min-height:560px;align-items:flex-start;padding:40px 24px 44px;background-position:64% center;border-radius:0}
    .mh-profiles-hero::before{background:linear-gradient(180deg,rgba(247,243,237,.95) 0%,rgba(247,243,237,.90) 36%,rgba(247,243,237,.72) 56%,rgba(247,243,237,.46) 74%,rgba(247,243,237,.20) 90%,rgba(247,243,237,0) 100%)}
    .mh-profiles-hero-content{width:100%;max-width:540px}
    .mh-profiles-hero h1{font-size:clamp(36px,9vw,48px)}
    .mh-profiles-side{align-items:flex-start}.mh-profiles-row{gap:12px}.mh-profiles-inline{width:100%}
}
@media(max-width:520px){.mh-profiles-hero{min-height:535px;padding:34px 20px 38px;background-position:66% center}}