/* BPP Public Profiles V5.5 — precision pass against locked reference.
   Loaded AFTER V5.4. No controller or route changes. */

html body .bpp54-container{
    width:calc(100% - 32px)!important;
    max-width:1540px!important;
}

/* Reference hero: shallower, tighter, stronger overlap into identity. */
html body .bpp54-hero{
    min-height:154px!important;
    height:154px!important;
}
html body .bpp54-hero>.bpp54-container{
    min-height:154px!important;
    height:154px!important;
}
html body .bpp54-hero-copy{
    right:4px!important;
    width:min(340px,39%)!important;
}
html body .bpp54-hero-copy>strong{
    margin-bottom:4px!important;
    font-size:9px!important;
}
html body .bpp54-hero-copy h1{
    margin:0 0 4px!important;
    font-size:34px!important;
    line-height:.91!important;
}
html body .bpp54-hero-copy p{
    font-size:10px!important;
}
html body .bpp54-owner-hero-copy{
    right:6px!important;
}
html body .bpp54-owner-hero-copy strong{
    font-size:25px!important;
}

/* Reference identity strip: logo overlaps hero by roughly half its height. */
html body .bpp54-profile-strip{
    position:relative!important;
    z-index:3!important;
}
html body .bpp54-profile-row{
    min-height:76px!important;
    padding:8px 0 7px!important;
}
html body .bpp54-avatar{
    width:106px!important;
    height:106px!important;
    margin-top:-72px!important;
    border-width:5px!important;
}
html body .bpp54-company-avatar{
    border-radius:17px!important;
}
html body .bpp54-name-row h2{
    font-size:25px!important;
}
html body .bpp54-role{
    font-size:10px!important;
}
html body .bpp54-identity-copy>p,
html body .bpp54-meta{
    font-size:10px!important;
}
html body .bpp54-actions a{
    min-height:34px!important;
    padding:0 11px!important;
    font-size:9px!important;
}

/* Reference KPI band is compact and visually stronger. */
html body .bpp54-top-kpis{
    padding:0 0 10px!important;
}
html body .bpp54-top-kpis>div,
html body .bpp54-summary>div{
    min-height:52px!important;
    padding:8px 11px!important;
    column-gap:8px!important;
}
html body .bpp54-top-kpis i,
html body .bpp54-summary i{
    width:28px!important;
    height:28px!important;
    font-size:12px!important;
}
html body .bpp54-top-kpis strong,
html body .bpp54-summary strong{
    font-size:16px!important;
}
html body .bpp54-top-kpis span,
html body .bpp54-summary span{
    font-size:9px!important;
}

/* Reference tabs sit immediately beneath the KPI band. */
html body .bpp54-tabs a{
    padding:10px 0!important;
    font-size:10px!important;
}
html body .bpp54-tabs{
    gap:25px!important;
}

/* Tighten main overview to bring developments higher into the first screen. */
html body .bpp54-main{
    padding:11px 0 23px!important;
}
html body .bpp54-overview-grid{
    grid-template-columns:minmax(0,1fr) 290px!important;
    gap:11px!important;
}
html body .bpp54-card{
    padding:14px!important;
}
html body .bpp54-card-title h3{
    font-size:14px!important;
}
html body .bpp54-copy{
    margin:9px 0!important;
    font-size:10px!important;
    line-height:1.45!important;
}
html body .bpp54-feature-grid{
    gap:6px!important;
}
html body .bpp54-feature-grid span{
    padding:7px 8px!important;
    font-size:9px!important;
}
html body .bpp54-contact-card a{
    min-height:33px!important;
    margin-top:6px!important;
    font-size:9px!important;
}

/* Second KPI row and project section closer to the approved composition. */
html body .bpp54-summary{
    margin:9px 0 0!important;
}
html body .bpp54-section{
    margin-top:13px!important;
}
html body .bpp54-section-heading{
    margin-bottom:8px!important;
}
html body .bpp54-section-heading h2{
    font-size:18px!important;
}
html body .bpp54-section-heading small,
html body .bpp54-section-heading>a{
    font-size:8px!important;
}

/* Development cards match the reference's flatter, wider media proportion. */
html body .bpp54-development-grid{
    gap:11px!important;
}
html body .bpp54-development-card .media{
    aspect-ratio:2.45/1!important;
}
html body .bpp54-development-card .details{
    padding:10px!important;
}
html body .bpp54-development-card h3{
    font-size:13px!important;
}
html body .bpp54-development-card p{
    font-size:9px!important;
}
html body .bpp54-development-card .metric,
html body .bpp54-development-card .starting{
    margin-top:7px!important;
    font-size:8px!important;
}
html body .bpp54 .project-actions{
    margin-top:8px!important;
}
html body .bpp54 .project-actions a{
    min-height:31px!important;
    font-size:8px!important;
}

/* Owner cards: keep the locked four-across desktop reference. */
html body .bpp54-property-grid.owner-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
html body .bpp54-property-card .media{
    aspect-ratio:1.72/1!important;
}
html body .bpp54-property-card .details{
    padding:9px!important;
}
html body .bpp54-property-card h3{
    font-size:12px!important;
}
html body .bpp54-property-card .price{
    font-size:11px!important;
}

/* Bottom panels tighter and closer to the locked screenshot. */
html body .bpp54-bottom-grid{
    margin-top:12px!important;
    gap:9px!important;
}
html body .bpp54-location-body{
    grid-template-columns:96px 1fr!important;
}
html body .bpp54-map-symbol{
    min-height:76px!important;
    font-size:34px!important;
}
html body .bpp54-check-list li,
html body .bpp54-company-info dt,
html body .bpp54-company-info dd{
    font-size:9px!important;
}

/* Mobile preserves usability without carrying desktop overlap values. */
@media(max-width:767px){
    html body .bpp54-container{
        width:calc(100% - 18px)!important;
    }
    html body .bpp54-hero,
    html body .bpp54-hero>.bpp54-container{
        min-height:158px!important;
        height:158px!important;
    }
    html body .bpp54-avatar{
        width:80px!important;
        height:80px!important;
        margin-top:-43px!important;
    }
    html body .bpp54-name-row h2{
        font-size:19px!important;
    }
    html body .bpp54-top-kpis>div,
    html body .bpp54-summary>div{
        min-height:56px!important;
    }
    html body .bpp54-development-card .media,
    html body .bpp54-property-card .media{
        aspect-ratio:1.7/1!important;
    }
}
