/* ===============================
   POPUP & TABLE CSS
================================ */

/* MODAL BACKGROUND */
.modal{
  display:none;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.6);
  justify-content:center;
  align-items:center;
  z-index:1000;
}

/* MODAL CONTENT */
.modal-content{
  background:#fff;
  width:90%;
  max-width:900px;
  padding:25px;
  border-radius:10px;
  max-height:80vh;
  overflow-y:auto;
}

/* CLOSE BUTTON */
.close-btn{
  float:right;
  font-size:20px;
  cursor:pointer;
  color:#999;
}

/* TABLE */
table{
  width:100%;
  border-collapse:collapse;
  margin-top:20px;
}

th,td{
  padding:12px;
  border-bottom:1px solid #ddd;
  text-align:center;
}

th{
  background:#0d6efd;
  color:white;
}

tr:nth-child(even){
  background:#f8f9fa;
}

.open-link{
  color:#0d6efd;
  font-weight:600;
  cursor:pointer;
  text-decoration:none;
}

.open-link:hover{
  text-decoration:underline;
}
/* DELETE COLUMN HIDDEN BY DEFAULT */
.admin-col,
.admin-only{
  display:none;
}

/* DELETE BUTTON */
.delete-btn{
  color:red;
  cursor:pointer;
  font-weight:bold;
}