/* COMPANY PROFILE — DEFINITIVE FINAL LAYOUT
   One DOM structure, one renderer, one scrollbar. */

/* The full page is the ONLY scroll container. */
#companyProfileModal.app-page-view{
  display:block;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain;
  scroll-behavior:auto!important;
}

/* Closed state must still win. */
#companyProfileModal.app-page-view.hidden{
  display:none!important;
}

/* Do not use the old fixed-height/grid shell for Company Profile. */
#companyProfileModal > .pricing-modal-card.company-profile-card{
  display:block!important;
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  min-height:100%!important;
  max-height:none!important;
  overflow:visible!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
}

/* Header stays visible, content simply flows underneath it. */
#companyProfileModal .pricing-modal-head{
  display:flex!important;
  position:sticky!important;
  top:0!important;
  z-index:30!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:22px 30px 20px!important;
  box-sizing:border-box!important;
  background:#fff!important;
  border-bottom:1px solid #e1e6eb!important;
}

/* Form is ordinary document flow — NEVER a nested scrollbar. */
#companyProfileModal #companyProfileForm.company-profile-form{
  display:block!important;
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  background:#f7f9fb!important;
  transform:none!important;
}

/* The old static loading placeholder is not part of the final UI.
   The single renderer puts the real Company Information inside the confirmed host. */
#companyProfileModal #companyInformationDisplay{
  display:none!important;
}

/* Keep the unused editor shell hidden until the single renderer explicitly opens its editor. */
#companyProfileModal #companyInformationEditor.hidden{
  display:none!important;
}

/* One shared centered column for BOTH sections. */
#companyProfileModal #companyProfileConfirmedIntelligence{
  display:block!important;
  position:relative!important;
  width:min(960px,calc(100% - 56px))!important;
  max-width:960px!important;
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
  margin:0 auto!important;
  padding:34px 0 72px!important;
  box-sizing:border-box!important;
  border:0!important;
  transform:none!important;
}

/* Belt-and-suspenders: the legacy card is no longer loaded, but if stale markup
   survives browser cache it still cannot appear. */
#companyProfileModal .company-intelligence-card,
#companyProfileModal #companyIntelligenceCard{
  display:none!important;
}

/* Remove artifacts from the retired polish system if browser cache briefly
   leaves them in the DOM. */
#companyProfileModal #companyProfileHero,
#companyProfileModal .company-profile-hero{
  display:none!important;
}
#companyProfileModal #companyProfileStack,
#companyProfileModal .company-profile-stack{
  display:contents!important;
}

@media(max-width:820px){
  #companyProfileModal .pricing-modal-head{
    padding:18px 16px 16px!important;
  }
  #companyProfileModal #companyProfileConfirmedIntelligence{
    width:calc(100% - 28px)!important;
    padding:24px 0 54px!important;
  }
}