/* 모달 배경 오버레이 */
.report-modal-overlay {
    display: none !important;
    position: fixed !important;
    z-index: 9999 !important;
    inset: 0 !important;
    background: rgba(0, 0, 0, 0.5) !important;
    justify-content: center !important;
    align-items: center !important;
    transform: scale(0.95) !important;
    opacity: 0 !important; /* ✅ 이거 꼭 필요함 */
    transition: opacity 0.3s ease, transform 0.3s ease !important;
}

/* 모달이 활성화될 때 */
.report-modal-overlay.active {
    display: flex !important;
    opacity: 1 !important;
    transform: scale(1) !important;
}
  
  /* 모달 본문 */
  .report-modal-content {
    padding: 24px !important;
    border-radius: 8px !important;
    width: 90% !important;
    max-width: 400px !important;
    box-shadow: 0 10px 20px rgba(0,0,0,0.3) !important;
  }
  
  .report-modal-content h2 {
    margin-top: 0 !important;
    margin-bottom: 16px !important;
  }
  
  .report-modal-content label {
    display: block !important;
    font-size: 14px !important;
    margin-bottom: 4px !important;
    margin-top: 12px !important;
  }
  
  .report-modal-content input,
  .report-modal-content select {
    width: 95% !important;
    padding: 10px !important;
    margin-bottom: 4px !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    font-size: 14px !important;
  }



  .report-modal-actions {
    margin-top: 20px !important;
    display: flex !important;
    justify-content: flex-end !important;
    gap: 12px !important;
  }

  
.report-modal-actions button {
    padding: 8px 16px !important;
    font-size: 14px !important;
    border-radius: 6px !important;
    border: none !important;
    cursor: pointer !important;
  }
  
/* 닫기 버튼 스타일 */
#reportcloseModal {
    background-color: #e5e7eb !important; /* 연한 회색 */
    color: #333 !important;
  }
  
  #reportcloseModal:hover {
    background-color: #d1d5db !important; /* hover 시 조금 더 진한 회색 */
  }
  
  /* 제보하기 버튼 스타일 */
  .report-modal-actions button[type="submit"] {
    background-color: #ef4444 !important; /* 빨강 */
    color: white !important;
  }
  
  .report-modal-actions button[type="submit"]:hover {
    background-color: #dc2626 !important; /* hover 시 더 진한 빨강 */
  }

  #confirmSubmit{
    background-color: #ef4444 !important; /* 빨강 */
    color: white !important;
  }

  #confirmSubmit:hover {
    background-color: #dc2626 !important; /* hover 시 더 진한 빨강 */
  }

  #reportsummit{
    background-color: #ef4444 !important; /* 빨강 */
    color: white !important;
  }

  #reportsummit:hover {
    background-color: #dc2626 !important; /* hover 시 더 진한 빨강 */
  }