/* Monteiro One Finance — Global Watermark Branding v1.0.2
   The approved Monteiro One Finance logo is displayed as a subtle global
   watermark behind the content of every authenticated module/page.
   It never intercepts pointer/touch events. */

#page{
  position:relative;
  isolation:isolate;
  min-height:calc(100vh - 88px);
}

#page::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:clamp(300px,42vw,620px);
  aspect-ratio:1 / 1;
  transform:translate(-50%,-50%);
  background-image:url("../images/monteiro-one-finance-mark.png");
  background-position:center;
  background-repeat:no-repeat;
  background-size:contain;
  opacity:.040;
  pointer-events:none;
  user-select:none;
  -webkit-user-select:none;
  z-index:0;
  filter:saturate(.88) contrast(.96);
}

/* All rendered page content stays above the watermark. */
#page > *{
  position:relative;
  z-index:1;
}

/* Avoid the former dashboard-only watermark being rendered twice. */
.dashboard-premium::before{
  content:none !important;
  display:none !important;
}

body.theme-dark #page::before{
  opacity:.030;
  filter:saturate(.72) brightness(1.22) contrast(.92);
}

@media (max-width:1100px){
  #page::before{
    width:clamp(280px,54vw,520px);
    opacity:.036;
  }
}

@media (max-width:760px){
  #page{
    min-height:calc(100vh - 72px);
  }
  #page::before{
    position:fixed;
    left:50%;
    top:52%;
    width:min(76vw,360px);
    opacity:.030;
  }
  body.theme-dark #page::before{opacity:.024;}
}

@media (max-width:420px){
  #page::before{
    width:min(82vw,310px);
    opacity:.027;
  }
}

@media (prefers-reduced-transparency:reduce){
  #page::before{opacity:.022;}
}

@media print{
  #page::before{display:none !important;}
}