/* Professional White Luxury Theme for My Home Bengaluru */

.dropzone.dragover {
  border-color: #0B192C !important;
  background-color: #F1F5F9 !important;
  transform: scale(1.005);
}

/* Scrollbar */
::-webkit-scrollbar {
  width: 7px;
}
::-webkit-scrollbar-track {
  background: #F1F5F9;
}
::-webkit-scrollbar-thumb {
  background: #CBD5E1;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #94A3B8;
}

/* Print Stylesheet for Executive Acknowledgement Receipt */
@media print {
  body {
    background: #FFFFFF !important;
    color: #000000 !important;
  }

  header, aside, footer, #eoiForm, .dropzone, #submitBtn, div.bg-brand-navy {
    display: none !important;
  }

  #successModal {
    position: static !important;
    display: block !important;
    background: transparent !important;
    padding: 0 !important;
  }

  #successModal > div {
    border: 2px solid #0B192C !important;
    border-radius: 8px !important;
    background: #FFFFFF !important;
    color: #000000 !important;
    box-shadow: none !important;
    max-width: 100% !important;
    width: 100% !important;
    padding: 24px !important;
  }

  #successModal button, #successModal p.text-slate-500 {
    display: none !important;
  }

  #successModal .bg-slate-50 {
    background: #FAFAFA !important;
    border: 1px solid #E2E8F0 !important;
  }
}

/* Configuration Selector Card Styles */
.config-card {
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.config-card.selected,
.config-card:has(input:checked) {
  border-color: #0B192C !important;
  background-color: #F8FAFC !important;
  box-shadow: 0 4px 12px -2px rgba(11, 25, 44, 0.08);
}

.config-card.selected .config-checkbox,
.config-card:has(input:checked) .config-checkbox {
  background-color: #0B192C !important;
  border-color: #0B192C !important;
}

.config-card.selected .config-check-icon,
.config-card:has(input:checked) .config-check-icon {
  display: block !important;
}