/* Custom Bootstrap overrides and theme */
:root {
  --bs-body-bg: #0f172a;
  --bs-body-color: #e5e7eb;
}

body {
  background: linear-gradient(135deg, #0f172a 0%, #1a202c 100%);
  color: #e5e7eb;
  font-family: system-ui, -apple-system, sans-serif;
}

.card {
  border-color: #334155 !important;
  background-color: #1a202c !important;
}

.form-control, .form-control:focus {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #334155 !important;
  color: #e6eef8 !important;
}

.form-control::placeholder {
  color: #9aa8bd;
}

.form-control:focus {
  box-shadow: 0 0 0 0.25rem rgba(37, 99, 235, 0.25) !important;
}

.table {
  border-color: #334155;
}

.table-dark {
  border-color: #334155;
}

.table-hover tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
}

.btn-primary {
  background-color: #2563eb !important;
  border-color: #2563eb !important;
}

.btn-primary:hover {
  background-color: #1d4ed8 !important;
  border-color: #1d4ed8 !important;
}

.btn-primary:focus {
  box-shadow: 0 0 0 0.25rem rgba(37, 99, 235, 0.5) !important;
}

.btn-danger {
  background-color: #dc2626 !important;
  border-color: #dc2626 !important;
}

.btn-danger:hover {
  background-color: #b91c1c !important;
  border-color: #b91c1c !important;
}

.btn-outline-light:hover {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #fff !important;
}

.text-muted {
  color: #9aa8bd !important;
}

code {
  background-color: rgba(37, 99, 235, 0.1);
  padding: 2px 6px;
  border-radius: 4px;
  color: #93c5fd;
}

.shadow {
  box-shadow: 0 8px 30px rgba(2, 6, 23, 0.6) !important;
}

.table-secondary {
  background-color: #475569 !important;
}

.table-secondary th {
  color: #0f172a !important;
  font-weight: 600;
}

.alert-danger {
  background-color: rgba(220, 38, 38, 0.1) !important;
  border-color: #dc2626 !important;
  color: #fca5a5 !important;
}

.btn-close-white {
  filter: brightness(0) invert(1);
}

h1, h5 {
  font-weight: 600;
  letter-spacing: -0.5px;
}

/* Responsive improvements */
@media (max-width: 992px) {
  .container-fluid {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

/* Copy button styling */
.copy-btn {
  background-color: #10b981 !important;
  border-color: #10b981 !important;
  transition: all 0.3s ease;
  font-weight: 500;
}

.copy-btn:hover {
  background-color: #059669 !important;
  border-color: #059669 !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.4) !important;
}

.copy-btn:active {
  transform: translateY(0);
}

.copy-text {
  display: inline-block;
  transition: all 0.2s ease;
}