/* CobrosPago - Custom styles */

body {
  background-color: #0d1117;
  color: #e6edf3;
  min-height: 100vh;
}

.navbar {
  box-shadow: 0 1px 0 rgba(255,255,255,0.05);
}

.navbar-brand {
  font-size: 1.1rem;
  letter-spacing: 0.5px;
}

/* Cards */
.card {
  background-color: #161b22;
  border-color: #30363d !important;
}

.card-header {
  background-color: #1c2128;
  border-bottom-color: #30363d;
  font-size: 0.875rem;
  font-weight: 600;
}

.card-footer {
  background-color: #1c2128;
  border-top-color: #30363d;
}

/* Tables */
.table-dark {
  --bs-table-bg: #161b22;
  --bs-table-hover-bg: #1c2128;
  --bs-table-border-color: #30363d;
}

.table-secondary {
  --bs-table-bg: #1c2128;
  color: #8b949e;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Forms */
.form-control, .form-select {
  background-color: #0d1117;
  border-color: #30363d;
  color: #e6edf3;
}

.form-control:focus, .form-select:focus {
  background-color: #0d1117;
  border-color: #388bfd;
  color: #e6edf3;
  box-shadow: 0 0 0 3px rgba(56,139,253,0.15);
}

.form-control::placeholder {
  color: #484f58;
}

.input-group-text {
  background-color: #1c2128;
  border-color: #30363d;
  color: #8b949e;
}

/* Buttons */
.btn-success {
  background-color: #238636;
  border-color: #238636;
}
.btn-success:hover {
  background-color: #2ea043;
  border-color: #2ea043;
}

/* Badges */
.badge {
  font-weight: 500;
}

/* Code / pre */
code {
  color: #79c0ff;
  background-color: rgba(110,118,129,0.1);
  padding: 0.1em 0.3em;
  border-radius: 4px;
}

pre {
  color: #8b949e;
}

/* Font monospace for textarea */
.font-monospace {
  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;
  font-size: 0.875rem;
}

/* Alerts */
.alert {
  border-radius: 8px;
}

/* Variable insert buttons */
.insert-var {
  transition: background-color 0.1s;
}
.insert-var:hover {
  background-color: rgba(56,139,253,0.15) !important;
  border-color: #388bfd !important;
}

/* Stat cards */
.fs-1.fw-bold {
  font-size: 2.5rem !important;
  line-height: 1;
}

/* Scrollbar */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #0d1117; }
::-webkit-scrollbar-thumb { background: #30363d; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #484f58; }