:root {
  --svr-primary: #323642;
  --svr-accent: #81bd4a;
  --svr-bg: #e5e3da;
  --svr-surface: #cfcdc4;
  --svr-text: #323642;
  --svr-white: #ffffff;
}

body {
  background-color: var(--svr-bg) !important;
  color: var(--svr-text);
}

.navbar.bg-dark {
  background-color: var(--svr-primary) !important;
}

.navbar-brand,
.navbar-dark .navbar-nav .nav-link {
  color: var(--svr-white) !important;
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
  color: var(--svr-accent) !important;
}

.dropdown-menu {
  border-color: var(--svr-surface);
}

.dropdown-item:active,
.dropdown-item:hover {
  background-color: rgba(129, 189, 74, 0.18);
  color: var(--svr-primary);
}

.card {
  border: 1px solid var(--svr-surface);
  box-shadow: 0 2px 8px rgba(50, 54, 66, 0.08);
}

.table {
  --bs-table-bg: #fff;
}

.table thead th {
  background-color: var(--svr-primary);
  color: var(--svr-white);
  border-color: var(--svr-primary);
}

.form-control:focus,
.form-select:focus {
  border-color: var(--svr-accent);
  box-shadow: 0 0 0 0.2rem rgba(129, 189, 74, 0.25);
}

.btn-primary,
.btn-success,
.btn-dark {
  background-color: var(--svr-primary);
  border-color: var(--svr-primary);
}

.btn-primary:hover,
.btn-success:hover,
.btn-dark:hover {
  background-color: #2b2f38;
  border-color: #2b2f38;
}

.btn-outline-primary,
.btn-outline-secondary,
.btn-outline-dark {
  color: var(--svr-primary);
  border-color: var(--svr-primary);
}

.btn-outline-primary:hover,
.btn-outline-secondary:hover,
.btn-outline-dark:hover {
  background-color: var(--svr-primary);
  border-color: var(--svr-primary);
  color: var(--svr-white);
}

.btn-warning {
  background-color: var(--svr-accent);
  border-color: var(--svr-accent);
  color: var(--svr-primary);
}

.btn-warning:hover {
  background-color: #73a942;
  border-color: #73a942;
  color: var(--svr-primary);
}

.btn-danger {
  background-color: #b23838;
  border-color: #b23838;
}

.badge.bg-success {
  background-color: var(--svr-accent) !important;
  color: var(--svr-primary);
}

.badge.bg-danger {
  background-color: #b23838 !important;
}

footer {
  background-color: var(--svr-surface) !important;
  color: var(--svr-primary) !important;
}

.list-group-item-action:hover {
  background-color: rgba(129, 189, 74, 0.18);
}

.manual-hero {
  background: linear-gradient(135deg, var(--svr-primary) 0%, #454b59 100%);
  color: var(--svr-white);
  border-radius: 0.5rem;
  padding: 1rem 1.25rem;
}

.manual-chip {
  background-color: rgba(129, 189, 74, 0.22);
  color: var(--svr-white);
  border: 1px solid rgba(129, 189, 74, 0.45);
  border-radius: 999px;
  font-size: 0.75rem;
  padding: 0.25rem 0.65rem;
}

.manual-section {
  border: 1px solid var(--svr-surface);
  border-left: 5px solid var(--svr-accent);
  border-radius: 0.5rem;
  background: #fff;
  padding: 0.95rem 1rem;
}

.manual-section h6 {
  color: var(--svr-primary);
  font-weight: 700;
  margin-bottom: 0.6rem;
}

.stock-critico {
  background-color: #f8d7da;
  --bs-table-bg: #f8d7da;
  --bs-table-striped-bg: #f8d7da;
  --bs-table-hover-bg: #f8d7da;
}

.stock-atencion {
  background-color: #fff3cd;
  --bs-table-bg: #fff3cd;
  --bs-table-striped-bg: #fff3cd;
  --bs-table-hover-bg: #fff3cd;
}

.stock-optimo {
  background-color: #d1e7dd;
  --bs-table-bg: #d1e7dd;
  --bs-table-striped-bg: #d1e7dd;
  --bs-table-hover-bg: #d1e7dd;
}

.amount-col {
  text-align: right;
}