/**
 * Z Modern Design - Clean Minimal Overlay
 * Applies clean design WITHOUT breaking existing functions
 * Safe to add/remove
 */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

/* Global overrides */
body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
  background: #0a0a0a !important;
  color: #ffffff !important;
}

/* Clean header - keep structure, update style */
.fixed-navbar {
  background: rgba(10, 10, 10, 0.95) !important;
  backdrop-filter: blur(20px) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: none !important;
}

.navbar-logo h1 {
  font-size: 24px !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
}

/* Clean buttons */
.btn,
.wallet-action-btn,
button:not(.query-submit) {
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 18px !important;
  color: #ffffff !important;
  font-weight: 500 !important;
  transition: all 0.2s !important;
}

.btn:hover:not(:disabled),
.wallet-action-btn:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.05) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

.btn-primary {
  background: #3b82f6 !important;
  border-color: #3b82f6 !important;
  color: white !important;
}

.btn-primary:hover:not(:disabled) {
  background: #2563eb !important;
  box-shadow: 0 0 20px rgba(59, 130, 246, 0.2) !important;
}

.btn-success,
.toggle-sniping-btn[data-sniping="true"] {
  background: #10b981 !important;
  border-color: #10b981 !important;
  color: white !important;
}

.btn-success:hover:not(:disabled) {
  background: #059669 !important;
}

/* Clean wallet cards */
.wallet-accordion-item,
.wallet-card {
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 12px !important;
  transition: all 0.2s !important;
}

.wallet-accordion-item:hover {
  background: rgba(255, 255, 255, 0.05) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

/* Clean modals */
.modal-content {
  background: #1a1a1a !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 16px !important;
}

.modal-title {
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
}

/* Clean inputs */
input[type="text"],
input[type="number"],
input[type="password"],
select,
textarea {
  background: rgba(255, 255, 255, 0.02) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 10px !important;
  color: #ffffff !important;
  transition: all 0.2s !important;
}

input:focus,
select:focus,
textarea:focus {
  outline: none !important;
  border-color: #3b82f6 !important;
  background: rgba(255, 255, 255, 0.03) !important;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2) !important;
}

/* Clean tables */
table {
  background: transparent !important;
}

th {
  color: #a3a3a3 !important;
  font-weight: 600 !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

td {
  border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
}

tr:hover {
  background: rgba(255, 255, 255, 0.02) !important;
}

/* Clean stat cards */
.stat-card {
  background: rgba(255, 255, 255, 0.02) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 12px !important;
}

/* Page backgrounds */
.page-content,
#dashboard-page,
#wallet-page,
#snipe-page {
  background: transparent !important;
}

/* Remove heavy shadows */
* {
  box-shadow: none !important;
}

.btn-primary,
.btn-success {
  box-shadow: 0 0 20px rgba(59, 130, 246, 0.2) !important;
}

/* Clean scrollbars */
::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.15);
}

/* Ensure Enable Sniping button is visible and styled */
.toggle-sniping-btn {
  font-weight: 600 !important;
}

.toggle-sniping-btn[data-sniping="false"] {
  background: #3b82f6 !important;
  border-color: #3b82f6 !important;
}

.toggle-sniping-btn[data-sniping="true"] {
  background: #10b981 !important;
  border-color: #10b981 !important;
}