/* NestPortal official brand integration — v1.2.4 */
.np-brand-lockup{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 1 auto;
  min-width:0;
  line-height:0;
  text-decoration:none!important;
}
.np-brand-lockup img{
  display:block;
  max-width:100%;
  height:auto;
  object-fit:contain;
}
.np-brand-lockup--header{
  width:clamp(172px,24vw,250px);
  max-width:calc(100vw - 112px);
  height:clamp(48px,6vw,70px);
  overflow:visible;
}
.np-brand-lockup--header img{
  width:100%;
  max-height:70px;
  filter:drop-shadow(0 5px 14px rgba(5,22,54,.10));
}
.np-brand-lockup--hero{
  display:flex;
  width:min(88vw,390px);
  margin:0 auto;
}
.np-brand-lockup--hero img{
  width:100%;
  filter:drop-shadow(0 10px 26px rgba(5,22,54,.12));
}
.np-brand-fallback{
  position:relative;
  z-index:2;
  display:flex;
  justify-content:flex-start;
  align-items:center;
  width:auto;
  max-width:calc(100% - 92px);
  padding:8px 14px;
}
[data-np-legacy-logo-removed]{display:none!important}
.np-admin-version{
  position:fixed;
  right:max(12px,env(safe-area-inset-right));
  bottom:max(12px,env(safe-area-inset-bottom));
  z-index:2147483000;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:8px 11px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  color:#eef8ff;
  background:rgba(7,27,62,.92);
  box-shadow:0 10px 28px rgba(0,0,0,.24);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  font:700 12px/1.1 system-ui,-apple-system,"Segoe UI",sans-serif;
  letter-spacing:.02em;
}
.np-admin-version::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:#16c7d9;
  box-shadow:0 0 0 4px rgba(22,199,217,.16);
}
@media (max-width:640px){
  .np-brand-lockup--header{
    width:clamp(182px,52vw,228px);
    max-width:calc(100vw - 96px);
    height:58px;
  }
  .np-brand-lockup--header img{max-height:58px}
  .np-brand-lockup--hero{width:min(82vw,330px)}
  .np-brand-fallback{padding:6px 10px;max-width:calc(100% - 84px)}
}
@media (max-width:390px){
  .np-brand-lockup--header{width:190px;max-width:calc(100vw - 88px)}
}
@media (prefers-reduced-motion:no-preference){
  .np-brand-lockup img{transition:transform .22s ease,filter .22s ease}
  .np-brand-lockup:hover img{transform:translateY(-1px)}
}
