/* HPM Signature layer — client branding remains primary; HPM owns platform chrome. */
:root{
  --hpm-signature-slate:#596671;
  --hpm-signature-blue:#1c9ad6;
  --hpm-signature-navy:#222e67;
  --hpm-signature-orange:#f58220;
}

/* Platform signature in client navigation */
.hpm-platform-signature{display:inline-flex;align-items:center;gap:9px;min-width:0;color:var(--hpm-signature-navy);white-space:nowrap}
.hpm-platform-signature__logo{display:grid;place-items:center;max-width:76px;height:24px;padding:2px 8px;border-left:1px solid color-mix(in srgb,var(--hpm-signature-slate) 24%,transparent)}
.hpm-platform-signature__logo img{display:block;max-width:62px;max-height:20px;object-fit:contain}
.hpm-platform-signature__logo b{font-size:14px;letter-spacing:-.04em;color:var(--hpm-signature-navy)}
.hpm-platform-signature__copy{display:flex;flex-direction:column;line-height:1.02}
.hpm-platform-signature__copy small{font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:var(--hpm-signature-slate)}
.hpm-platform-signature__copy strong{font-size:9px;letter-spacing:.02em;color:var(--hpm-signature-navy)}
.hpm-portal-nav>.hpm-platform-signature{margin-right:auto}
.hpm-portal-nav::after{content:"";position:absolute;left:24px;right:24px;bottom:-1px;height:1px;background:linear-gradient(90deg,var(--hpm-signature-navy),var(--hpm-signature-blue) 42%,transparent 70%);opacity:.22;pointer-events:none}

/* Deliberate HPM geometry beneath premium surfaces */
.hpm-native-shell,.hpm-v3-portal{position:relative}
.hpm-native-shell::before,.hpm-v3-portal::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,transparent 0 7.8%,rgba(89,102,113,.035) 7.8% 7.86%,transparent 7.86% 92.14%,rgba(89,102,113,.035) 92.14% 92.2%,transparent 92.2%),linear-gradient(180deg,transparent 0 18%,rgba(34,46,103,.025) 18% 18.08%,transparent 18.08%)}
.hpm-section-header,.hpm-v3-section-header{position:relative;overflow:hidden}
.hpm-section-header::after,.hpm-v3-section-header::after{content:"";position:absolute;right:0;bottom:0;width:118px;height:3px;background:linear-gradient(90deg,var(--hpm-signature-blue),var(--hpm-signature-orange));opacity:.75}

/* HPM footer used inside each client portal */
.hpm-platform-footer{width:min(100% - 40px,1280px);margin:44px auto 0;padding:24px 2px 28px;display:grid;grid-template-columns:auto minmax(60px,1fr) auto;align-items:center;gap:22px;border-top:1px solid rgba(89,102,113,.18);color:var(--hpm-signature-slate)}
.hpm-platform-footer__brand{display:flex;align-items:center;gap:12px;min-width:0}
.hpm-platform-footer__brand img{max-width:92px;max-height:28px;object-fit:contain}
.hpm-platform-footer__brand>strong{font-size:22px;color:var(--hpm-signature-navy);letter-spacing:-.05em}
.hpm-platform-footer__brand span,.hpm-platform-footer__note{font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.hpm-platform-footer__line{display:flex;align-items:center;gap:0;opacity:.8}
.hpm-platform-footer__line i{height:1px;flex:1;background:rgba(89,102,113,.25)}
.hpm-platform-footer__line b{width:34px;height:2px;background:var(--hpm-signature-orange)}

/* Viewer stays quiet, but unmistakably HPM delivered */
.hpm-experience-chrome__status{display:flex!important;align-items:center;gap:12px}
.hpm-experience-chrome__status .hpm-platform-signature__copy{display:none}
.hpm-experience-chrome__status .hpm-platform-signature__logo{border-left:0;border-right:1px solid rgba(255,255,255,.16);filter:brightness(0) invert(1);opacity:.82}
.hpm-experience-chrome__status em{font-style:normal}

/* My Portals: strongest HPM-owned expression */
.hpm-hub-page{--hpm-brand-primary:var(--hpm-signature-navy);--hpm-brand-secondary:var(--hpm-signature-blue);--hpm-brand-accent:var(--hpm-signature-orange)}
.hpm-hub-page::before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 82% 7%,rgba(28,154,214,.12),transparent 24%),radial-gradient(circle at 12% 82%,rgba(34,46,103,.09),transparent 28%),#f7f8fa}
.hpm-hub-topbar{border-bottom-color:rgba(34,46,103,.11)}
.hpm-hub-brand{position:relative;padding-left:14px}
.hpm-hub-brand::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:3px;border-radius:4px;background:linear-gradient(180deg,var(--hpm-signature-blue),var(--hpm-signature-orange))}
.hpm-hub-brand img{max-width:184px;max-height:52px}
.hpm-hub-kicker{color:var(--hpm-signature-blue)!important}
.hpm-hub-hero h1{color:var(--hpm-signature-navy)}
.hpm-hub-summary{border-color:rgba(34,46,103,.12);box-shadow:0 18px 48px rgba(34,46,103,.09)}
.hpm-portal-card{border-color:rgba(34,46,103,.11)}
.hpm-portal-card:hover{border-color:rgba(28,154,214,.35);box-shadow:0 24px 64px rgba(34,46,103,.15)}
.hpm-enter{color:var(--hpm-signature-navy)}
.hpm-portal-card:hover .hpm-enter span:last-child{background:rgba(28,154,214,.12);color:var(--hpm-signature-blue)}
.hpm-hub-footer{width:min(100% - 40px,var(--hpm-content-max));margin:54px auto 0;padding:24px 0 32px;display:grid;grid-template-columns:auto minmax(80px,1fr) auto;align-items:center;gap:22px;border-top:1px solid rgba(34,46,103,.12);color:var(--hpm-signature-slate)}
.hpm-hub-footer__brand{display:flex;align-items:center;gap:12px}.hpm-hub-footer__brand img{max-width:112px;max-height:32px;object-fit:contain}.hpm-hub-footer__brand strong{font-size:25px;color:var(--hpm-signature-navy)}
.hpm-hub-footer__brand span,.hpm-hub-footer>span{font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.hpm-hub-footer__rule{display:flex;align-items:center}.hpm-hub-footer__rule i{height:1px;flex:1;background:rgba(89,102,113,.24)}.hpm-hub-footer__rule b{width:42px;height:2px;background:var(--hpm-signature-orange)}

/* HPM accent is deliberately scarce. */
.hpm-client-new-badge,.hpm-portal-status.is-new{box-shadow:inset 0 0 0 1px rgba(245,130,32,.24)}

@media(max-width:1120px){.hpm-portal-nav>.hpm-platform-signature{display:none}}
@media(max-width:760px){
  .hpm-platform-footer,.hpm-hub-footer{grid-template-columns:1fr;gap:12px;text-align:left}
  .hpm-platform-footer__line,.hpm-hub-footer__rule{display:none}
  .hpm-platform-footer__note{justify-self:start}
  .hpm-hub-brand img{max-width:145px}
}
@media(prefers-reduced-motion:reduce){.hpm-portal-card:hover{transform:none}}

/* v3.1.4 — disciplined co-branding hierarchy. */
/* Client portal: HPM is a compact delivery signature, never a second hero. */
.hpm-portal-nav > .hpm-platform-signature{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  width:auto!important;
  max-width:132px!important;
  min-height:24px!important;
  margin:0 auto 0 14px!important;
  padding:4px 8px!important;
  overflow:hidden!important;
  border:1px solid rgba(89,102,113,.12)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.58)!important;
  box-shadow:none!important;
  backdrop-filter:blur(10px) saturate(120%);
}
.hpm-portal-nav > .hpm-platform-signature .hpm-platform-signature__logo{
  box-sizing:border-box!important;
  display:flex!important;
  flex:0 0 42px!important;
  width:42px!important;
  max-width:42px!important;
  height:16px!important;
  max-height:16px!important;
  min-height:0!important;
  padding:0 7px 0 0!important;
  margin:0!important;
  overflow:hidden!important;
  border:0!important;
  border-right:1px solid rgba(89,102,113,.18)!important;
}
.hpm-portal-nav > .hpm-platform-signature .hpm-platform-signature__logo img{
  display:block!important;
  width:34px!important;
  max-width:34px!important;
  height:14px!important;
  max-height:14px!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
}
.hpm-portal-nav > .hpm-platform-signature .hpm-platform-signature__copy{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-width:0!important;
  line-height:1!important;
}
.hpm-portal-nav > .hpm-platform-signature .hpm-platform-signature__copy small{
  font-size:6.5px!important;
  letter-spacing:.08em!important;
}
.hpm-portal-nav > .hpm-platform-signature .hpm-platform-signature__copy strong{
  font-size:7.5px!important;
  white-space:nowrap!important;
}

/* HPM-owned All Portals shell: explicit, persistent platform lockup. */
.hpm-hub-topbar .hpm-hub-brand{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-width:210px!important;
  min-height:48px!important;
  opacity:1!important;
  visibility:visible!important;
}
.hpm-hub-brand-logo{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  width:76px!important;
  height:38px!important;
  overflow:hidden!important;
}
.hpm-hub-brand-logo img{
  display:block!important;
  width:72px!important;
  max-width:72px!important;
  height:34px!important;
  max-height:34px!important;
  padding:0!important;
  margin:0!important;
  object-fit:contain!important;
  object-position:left center!important;
  transform:none!important;
}
.hpm-hub-topbar .hpm-hub-brand-copy{display:block!important;line-height:1.08!important}
.hpm-hub-topbar .hpm-hub-brand-copy strong{display:block!important;font-size:.82rem!important;color:var(--hpm-signature-navy)!important}
.hpm-hub-topbar .hpm-hub-brand-copy span{display:block!important;margin-top:3px!important;font-size:.62rem!important;letter-spacing:.07em!important;text-transform:uppercase!important;color:var(--hpm-signature-slate)!important}

@media(max-width:1120px){
  .hpm-portal-nav > .hpm-platform-signature{display:none!important}
}
@media(max-width:760px){
  .hpm-hub-topbar .hpm-hub-brand{min-width:0!important;gap:8px!important}
  .hpm-hub-brand-logo{width:58px!important;height:32px!important}
  .hpm-hub-brand-logo img{width:56px!important;height:28px!important}
  .hpm-hub-topbar .hpm-hub-brand-copy{display:none!important}
}