/* ===== Elegant corner flourishes — subtle, static, professional =====
   Replaces the money-particle animation with quiet decorative corner
   ornaments (paisley/floral motif in brand gold) that sit behind the
   content and don't move around or distract from reading. */

.corner-decor{
  position: fixed;
  width: 180px;
  height: 180px;
  pointer-events: none;
  z-index: 0;
  opacity: 0.14;
  transition: opacity 1.2s ease;
}
.corner-decor.tl{ top: -20px; left: -20px; }
.corner-decor.tr{ top: -20px; right: -20px; transform: scaleX(-1); }
.corner-decor.bl{ bottom: -20px; left: -20px; transform: scaleY(-1); }
.corner-decor.br{ bottom: -20px; right: -20px; transform: scale(-1, -1); }

@media (max-width: 700px){
  .corner-decor{ width: 100px; height: 100px; }
}

.side-flower{
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  width: 90px;
  height: 70vh;
  max-height: 620px;
  pointer-events: none;
  z-index: 0;
  opacity: 0.10;
}
.side-flower.left{ left: -10px; }
.side-flower.right{ right: -10px; transform: translateY(-50%) scaleX(-1); }

@media (max-width: 900px){
  .side-flower{ display: none; }
}

/* High-opacity green/red/pink corner flourishes — agent dashboard only */
.corner-decor-colorful{
  position: fixed;
  width: 180px;
  height: 180px;
  pointer-events: none;
  z-index: 0;
  opacity: 0.55;
}
.corner-decor-colorful.tl{ top: -20px; left: -20px; }
.corner-decor-colorful.tr{ top: -20px; right: -20px; transform: scaleX(-1); }
.corner-decor-colorful.bl{ bottom: -20px; left: -20px; transform: scaleY(-1); }
.corner-decor-colorful.br{ bottom: -20px; right: -20px; transform: scale(-1, -1); }

@media (max-width: 700px){
  .corner-decor-colorful{ width: 110px; height: 110px; }
}