/* popup.css */
.popup-overlay {
  position: fixed;
  top: 0; left: 0; width: 100%; height: 100%;
  background: rgba(30, 30, 30, 0.7);
  display: flex; justify-content: center; align-items: center;
  z-index: 1000;
}

.popup-box {
  background: #fff;
  padding: 25px;
  border-radius: 10px;
  width: 90%; max-width: 400px;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
  position: relative;
  font-family: sans-serif;
}

.popup-close {
  position: absolute; top: 10px; right: 15px;
  font-size: 22px; font-weight: bold; color: #666;
  cursor: pointer;
}

/* Popup Types */
.popup-success { background-color: #e6fff1; color: #065f46; }
.popup-danger  { background-color: #ffe6e6; color: #991b1b; }
.popup-warning { background-color: #fffbe6; color: #92400e; }

/* Action Buttons */
.btn-confirm {
  background: #22c55e; border: none; padding: 8px 14px;
  color: white; border-radius: 4px; cursor: pointer;
}
.btn-cancel {
  background: #ef4444; border: none; padding: 8px 14px;
  color: white; border-radius: 4px; cursor: pointer;
  margin-left: 10px;
}