/* Injected restyle for file input and SQL Query button (no icon) */
/* Purpose: make the #csvFile and #toggle-sql-main-btn controls more visually appealing
   without modifying HTML or JS. This file was generated from a running-edit injection.
*/

#csvFile {
  display: inline-flex !important;
  align-items: center;
  gap: 10px;
  padding: 10px 14px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(59,130,246,0.18) !important;
  background: linear-gradient(90deg, rgba(59,130,246,0.04), rgba(99,102,241,0.02)) !important;
  box-shadow: 0 6px 18px rgba(14,165,233,0.04) !important;
  cursor: pointer !important;
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease !important;
}
#csvFile:hover { transform: translateY(-2px) !important; box-shadow: 0 10px 30px rgba(14,165,233,0.07) !important; border-color: rgba(59,130,246,0.38) !important; }
#csvFile:focus { outline: none !important; box-shadow: 0 0 0 4px rgba(59,130,246,0.10) !important; }

/* Modern, bold file-button */
#csvFile::file-selector-button, #csvFile::-webkit-file-upload-button {
  padding: 8px 12px !important;
  margin-right: 8px !important;
  border-radius: 10px !important;
  border: none !important;
  background: linear-gradient(90deg,#3b82f6,#1d4ed8) !important;
  color: white !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: transform .12s ease, box-shadow .12s ease, filter .12s ease !important;
}
#csvFile::file-selector-button:hover, #csvFile::-webkit-file-upload-button:hover { transform: translateY(-1px) !important; filter: brightness(.98) !important; box-shadow: 0 8px 20px rgba(29,78,216,0.28) !important; }

/* Make filename text slightly darker and ellipsize long names */
#csvFile::-webkit-file-upload-text, #csvFile::placeholder { color: #1f2937 !important; }

/* SQL Query toggle button: visible, prominent, compact */
#toggle-sql-main-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 12px !important;
  border-radius: 10px !important;
  background: linear-gradient(90deg,#7c3aed,#6d28d9) !important;
  color: white !important;
  border: none !important;
  font-weight: 600 !important;
  box-shadow: 0 8px 24px rgba(99,102,241,0.16) !important;
  transition: transform .12s ease, box-shadow .12s ease, opacity .12s ease !important;
}
#toggle-sql-main-btn:hover { transform: translateY(-2px) !important; box-shadow: 0 14px 40px rgba(99,102,241,0.18) !important; }
#toggle-sql-main-btn:focus { outline: none !important; box-shadow: 0 0 0 4px rgba(124,58,237,0.10) !important; }

/* When SQL button is hidden by class 'hidden', still render visually in a non-invasive way */
#toggle-sql-main-btn.hidden { display: inline-flex !important; opacity: 0.95 !important; }

/* Small responsive tweaks */
@media (max-width: 640px) {
  #csvFile { width: 100% !important; }
  #toggle-sql-main-btn { padding: 8px 10px !important; }
}