.custom-container-current-job {
  height: 180px;
}

.custom-container-active-job {
  height: 1px;
}

/*@media (max-width: 576px) {*/
/*  .custom-container-current-job {*/
/*    height: 140px;*/
/*  }*/
/*}*/

/*@media (max-width: 576px) {*/
/*  .custom-container-active-job {*/
/*    height: 80px;*/
/*  }*/
/*}*/
.clickable {
    cursor: pointer;
}

#reportContainer {
  height: calc(100vh - 80px); /* Adjust 60px to match your header/footer height */
}

/* Export/Import buttons — matches DataTables button style */
.btn-export {
  display: inline-block;
  padding: .5em 1em;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 2px;
  font-size: .88em;
  line-height: 1.6em;
  color: #212529;
  background-color: rgba(0, 0, 0, 0.1);
  background: linear-gradient(to bottom, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
}

.btn-export:hover {
  border: 1px solid #666;
  color: #212529;
  background: linear-gradient(to bottom, rgba(153, 153, 153, 0.25) 0%, rgba(0, 0, 0, 0.2) 100%);
  text-decoration: none;
}

.btn-export:focus {
  outline: 2px solid rgb(53, 132, 228);
  color: #212529;
}

.btn-export.disabled,
.btn-export:disabled {
  cursor: default;
  opacity: .4;
}

/* Ensure edit icons appear black within modals */
.modal .fa-pencil-alt,
.modal .fa-pen-to-square,
.modal .fa-pen {
  color: #000 !important;
}