/* Property Home navigation: match Dashboard menu dimensions and remove nested box treatment. */
.hm27-nav-panel{
  left:14px!important;
  top:14px!important;
  bottom:14px!important;
  width:min(310px,calc(100vw - 28px))!important;
  padding:18px!important;
  border:1px solid #e2e7ef!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 28px 80px rgba(18,34,60,.18)!important;
  overflow:hidden!important;
}
.hm27-nav-head{
  padding:0!important;
  margin:0 0 18px!important;
  border:0!important;
  min-height:auto!important;
}
.hm27-nav-head .hm27-brand{gap:10px!important}
.hm27-nav-head .hm27-brand-mark{
  width:42px!important;
  height:42px!important;
  border-radius:12px!important;
  font-size:17px!important;
}
.hm27-nav-head .hm27-brand-copy b{font-size:21px!important}
.hm27-nav-head .hm27-brand-copy small{font-size:8px!important;margin-top:3px!important}
.hm27-nav-close{
  width:34px!important;
  height:34px!important;
  border:0!important;
  border-radius:50%!important;
  background:#f1f4f8!important;
  color:#53657d!important;
  box-shadow:none!important;
}
.hm27-nav-links{
  display:grid!important;
  gap:5px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:auto!important;
}
.hm27-nav-links::before,.hm27-nav-links::after{display:none!important;content:none!important}
.hm27-nav-links a{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-height:0!important;
  padding:11px 12px!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#43556d!important;
  font-size:11px!important;
  font-weight:600!important;
  line-height:1.25!important;
}
.hm27-nav-links a i{
  width:17px!important;
  color:#7589a3!important;
  text-align:center!important;
  font-size:13px!important;
}
.hm27-nav-links a:hover,.hm27-nav-links a.active{
  background:#eef4ff!important;
  color:#244f9d!important;
  box-shadow:none!important;
}
.hm27-nav-links a.active i{color:#244f9d!important}
.hm27-nav-foot{
  margin-top:auto!important;
  padding:12px 0 0!important;
  border-top:1px solid #edf1f6!important;
}
.hm27-nav-foot button{
  width:100%!important;
  height:38px!important;
  border:0!important;
  border-radius:9px!important;
  background:#f4f6f9!important;
  color:#53657b!important;
  box-shadow:none!important;
  font-size:10px!important;
  font-weight:600!important;
}
@media(max-width:820px){
  .hm27-nav-panel{left:8px!important;top:8px!important;bottom:8px!important;width:calc(100vw - 16px)!important;padding:18px!important}

  /* NJW-246: the Property Dashboard module must not inherit desktop microcopy on phones. */
  body.hm-dashboard-page .wdpd-kicker,
  body.hm-dashboard-page .wdpd-metric small,
  body.hm-dashboard-page .wdpd-fact small,
  body.hm-dashboard-page .wdpd-paid-module header small,
  body.hm-dashboard-page .wdpd-gated-card small,
  body.hm-dashboard-page .wdpd-filters label>span,
  body.hm-dashboard-page .wdpd-tier,
  body.hm-dashboard-page .wdpd-marker-tags>span,
  body.hm-dashboard-page .wdpd-provider,
  body.hm-dashboard-page .wdpd-legacy-divider span{
    font-size:12px!important;
    line-height:1.35!important;
  }

  body.hm-dashboard-page .wdpd-hero-copy>p,
  body.hm-dashboard-page .wdpd-panel-head p,
  body.hm-dashboard-page .wdpd-section-head p,
  body.hm-dashboard-page .wdpd-marker-main p{
    font-size:14px!important;
    line-height:1.5!important;
  }

  body.hm-dashboard-page .wdpd-metric em,
  body.hm-dashboard-page .wdpd-fact em,
  body.hm-dashboard-page .wdpd-marker-value small,
  body.hm-dashboard-page .wdpd-marker-state small,
  body.hm-dashboard-page .wdpd-access-note small,
  body.hm-dashboard-page .wdpd-explorer-summary{
    font-size:12px!important;
    line-height:1.4!important;
  }

  body.hm-dashboard-page .wdpd-fact b,
  body.hm-dashboard-page .wdpd-access-note b,
  body.hm-dashboard-page .wdpd-marker-state b{
    font-size:13px!important;
    line-height:1.35!important;
  }

  body.hm-dashboard-page .wdpd-marker-title>b{
    font-size:14px!important;
    line-height:1.35!important;
  }

  body.hm-dashboard-page .wdpd-filters select,
  body.hm-dashboard-page .wdpd-filters input{
    min-height:44px!important;
    height:44px!important;
    font-size:16px!important;
    line-height:1.3!important;
  }

  body.hm-dashboard-page .wdpd-explorer-actions button,
  body.hm-dashboard-page .wdpd-explorer-actions a,
  body.hm-dashboard-page .wdpd-marker-state.locked>a,
  body.hm-dashboard-page .wdpd-load-marker,
  body.hm-dashboard-page .wdpd-show-more{
    min-height:44px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:13px!important;
    line-height:1.3!important;
    touch-action:manipulation;
  }

  body.hm-dashboard-page .wdpd-marker-icon{
    width:44px!important;
    height:44px!important;
  }

  body.hm-dashboard-page .wdpd-marker-main{
    grid-template-columns:44px minmax(0,1fr)!important;
    gap:11px!important;
  }

  body.hm-dashboard-page .wdpd-marker-result{
    padding-left:55px!important;
  }

  body.hm-dashboard-page .wdpd-marker-main p{
    display:block!important;
    -webkit-line-clamp:unset!important;
    overflow:visible!important;
    white-space:normal!important;
  }

  body.hm-dashboard-page .wdpd-explorer-summary b{
    font-size:14px!important;
  }

  body.hm-dashboard-page .wdpd-legacy-divider{
    font-size:12px!important;
    line-height:1.35!important;
  }
}

@media(max-width:430px){
  body.hm-dashboard-page .wdpd-marker-result{
    padding-left:0!important;
  }
}
