.modal {
  position: fixed;
  bottom: 0;
  right: 50px;
  background: transparent;
  z-index: 1000;
  overflow: visible;
  
  /* Startläge: gömd utanför nederkant */
  transform: translateY(100%);
  opacity: 0;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out;
}

.modal.show {
  transform: translateY(0); /* glid upp */
  bottom: 50px;
  opacity: 1;
}

.modal-content {
  display: inline-block;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}

#openModalBtn {
    height: 40px;             /* 80% av footern */
    width: 40px;              /* behåll proportioner */
    background: url('/static/admin/svg/calc.svg') no-repeat center center;
    background-size: contain;
    border: none;
    cursor: pointer;
}

#openModalBtn.inactive {
    opacity: 0;           /* gör knappen osynlig */
    pointer-events: none; /* gör den oklickbar */
}