/* Property Home shell corrections: Dashboard-matched menu, clean profile, working notifications. */

/* The slide-out navigation now follows the Dashboard shell exactly: white panel, compact links, no navy slab. */
.hm27-nav{position:fixed!important;inset:0!important;z-index:14000!important;pointer-events:none!important;visibility:visible!important}
.hm27-nav.open{pointer-events:auto!important}
.hm27-nav-backdrop{position:absolute!important;inset:0!important;border:0!important;background:rgba(14,27,50,.28)!important;backdrop-filter:blur(3px)!important;opacity:0!important;transition:opacity .18s ease!important}
.hm27-nav.open .hm27-nav-backdrop{opacity:1!important}
.hm27-nav-panel{position:absolute!important;left:14px!important;top:14px!important;bottom:14px!important;width:min(310px,calc(100vw - 28px))!important;background:#fff!important;border:1px solid #e2e7ef!important;border-radius:18px!important;box-shadow:0 28px 80px rgba(18,34,60,.18)!important;transform:translateX(calc(-100% - 30px))!important;transition:transform .24s cubic-bezier(.2,.8,.2,1)!important;padding:18px!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
.hm27-nav.open .hm27-nav-panel{transform:none!important}
.hm27-nav-head{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0!important;margin:0 0 18px!important;border:0!important;background:#fff!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;color:#111d38!important}
.hm27-nav-head .hm27-brand-copy small{display:block!important;font-size:8px!important;color:#8692a6!important;letter-spacing:.11em!important}
.hm27-nav-close{width:34px!important;height:34px!important;border:0!important;border-radius:50%!important;background:#f1f4f8!important;color:#53657d!important;cursor:pointer!important}
.hm27-nav-links{display:grid!important;gap:5px!important;padding:0!important;background:#fff!important;overflow:auto!important}
.hm27-nav-links a{display:flex!important;align-items:center!important;gap:10px!important;min-height:0!important;border-radius:9px!important;padding:11px 12px!important;text-decoration:none!important;color:#43556d!important;font:600 11px/1.2 Inter,"Source Sans 3",sans-serif!important;background:transparent!important}
.hm27-nav-links a i{width:17px!important;text-align:center!important;color:#7589a3!important;font-size:13px!important}
.hm27-nav-links a:hover,.hm27-nav-links a.active{background:#eef4ff!important;color:#244f9d!important}
.hm27-nav-links a.active i{color:#2f6df6!important}
.hm27-nav-foot{margin-top:auto!important;padding:12px 0 0!important;border-top:1px solid #edf1f6!important;background:#fff!important}
.hm27-nav-foot button{width:100%!important;height:38px!important;border:0!important;border-radius:9px!important;background:#f4f6f9!important;color:#53657b!important;font:600 10px Inter,"Source Sans 3",sans-serif!important;cursor:pointer!important}

/* Shared popover shell. */
.hm27-pop{position:fixed!important;right:24px!important;top:76px!important;z-index:14500!important;width:min(390px,calc(100vw - 28px))!important;background:#fff!important;border:1px solid #e2e7ef!important;border-radius:16px!important;box-shadow:0 20px 55px rgba(20,36,63,.15)!important;padding:10px!important;opacity:0!important;visibility:hidden!important;transform:translateY(-7px)!important;pointer-events:none!important;transition:opacity .16s ease,transform .16s ease!important;color:#111d38!important}
.hm27-pop.open{opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:auto!important}
.hm27-pop header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:11px 10px 12px!important;margin:0!important;border:0!important;border-bottom:1px solid #edf1f6!important;background:#fff!important;box-shadow:none!important}
.hm27-pop header b{display:block!important;font:700 14px/1.25 Inter,"Plus Jakarta Sans",sans-serif!important;color:#111d38!important}
.hm27-pop header small{display:block!important;margin-top:3px!important;font-size:10px!important;color:#748198!important}

/* Profile: remove the boxed/shadowed inner navigation seen in the screenshot. */
#hm27-profile-pop{border:0!important;box-shadow:0 18px 50px rgba(20,36,63,.12)!important;padding:10px!important}
#hm27-profile-pop nav{display:grid!important;gap:3px!important;margin:0!important;padding:7px 0!important;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important}
#hm27-profile-pop nav a,#hm27-profile-pop nav .hm27-menu-row{display:flex!important;align-items:center!important;gap:11px!important;width:100%!important;min-height:52px!important;margin:0!important;padding:8px 9px!important;border:0!important;border-radius:10px!important;background:transparent!important;box-shadow:none!important;color:#263954!important;text-align:left!important;text-decoration:none!important;cursor:pointer!important}
#hm27-profile-pop nav a:hover,#hm27-profile-pop nav .hm27-menu-row:hover{background:#f4f7fb!important}
#hm27-profile-pop nav a>i,#hm27-profile-pop nav .hm27-menu-row>i{width:34px!important;height:34px!important;flex:0 0 34px!important;border-radius:9px!important;background:#e9f0ff!important;color:#2f6df6!important;display:grid!important;place-items:center!important;font-size:13px!important}
#hm27-profile-pop nav span b{font:700 12px/1.2 Inter,"Source Sans 3",sans-serif!important;color:#263954!important}
#hm27-profile-pop nav span small{font-size:10px!important;line-height:1.3!important;color:#7f8da1!important}
.hm27-pop-signout{width:100%!important;height:38px!important;margin-top:4px!important;border:0!important;border-radius:9px!important;background:#f4f6f9!important;color:#53657b!important;font:600 10px Inter,"Source Sans 3",sans-serif!important;cursor:pointer!important}

/* Notifications: always render as a real popover and never inherit profile/menu styling. */
#hm27-notice-pop{width:min(420px,calc(100vw - 28px))!important}
.hm27-read{border:0!important;background:transparent!important;color:#2f6df6!important;font-size:10px!important;font-weight:700!important;cursor:pointer!important;padding:6px!important}
.hm27-notice-list{max-height:430px!important;overflow:auto!important;padding:4px 0!important;scrollbar-width:thin!important}
.hm27-notice{position:relative!important;display:grid!important;grid-template-columns:34px minmax(0,1fr) 7px!important;gap:10px!important;align-items:start!important;padding:10px!important;margin:0!important;border:0!important;border-bottom:1px solid #edf1f6!important;border-radius:9px!important;background:#fff!important;color:#263954!important;text-decoration:none!important;box-shadow:none!important}
.hm27-notice:hover{background:#f7f9fc!important}
.hm27-notice>i{width:34px!important;height:34px!important;border-radius:9px!important;background:#e9f0ff!important;color:#2f6df6!important;display:grid!important;place-items:center!important;font-size:12px!important}
.hm27-notice span{min-width:0!important}.hm27-notice span b{display:block!important;font-size:11px!important;line-height:1.25!important;color:#263954!important}.hm27-notice span small{display:block!important;margin-top:3px!important;font-size:9px!important;line-height:1.25!important;color:#7e8b9d!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.hm27-notice span em{display:block!important;margin-top:4px!important;font-size:8px!important;font-style:normal!important;color:#9aa5b5!important}
.hm27-notice u{width:6px!important;height:6px!important;border-radius:50%!important;background:#2f6df6!important;margin-top:8px!important;text-decoration:none!important}
.hm27-notice-empty{display:grid!important;place-items:center!important;gap:5px!important;padding:34px 16px!important;color:#8090a4!important;text-align:center!important}.hm27-notice-empty i{font-size:22px!important}.hm27-notice-empty b{font-size:12px!important;color:#3f526c!important}.hm27-notice-empty small{font-size:9px!important}
.hm27-notice-foot{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:11px 10px 4px!important;color:#2f6df6!important;text-decoration:none!important;font-size:10px!important;font-weight:700!important}

/* Keep the weather chip readable when the live temperature replaces the placeholder. */
.hm27-weather-temp,#hm27-weather-temp{font-variant-numeric:tabular-nums!important}

@media(max-width:820px){
  .hm27-nav-panel{left:8px!important;top:8px!important;bottom:8px!important;width:calc(100vw - 16px)!important}
  .hm27-pop{right:8px!important;top:68px!important;width:calc(100vw - 16px)!important;max-width:390px!important}
  #hm27-notice-pop{max-width:430px!important}
}