:root {
  --brand: #2f5d50;
  --brand-dark: #234439;
  --accent: #d98e04;
}

body {
  background-color: #f5f6f5;
  font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
}

.app-navbar {
  background-color: var(--brand-dark);
}

.btn-brand {
  background-color: var(--brand);
  border-color: var(--brand);
  color: #fff;
}
.btn-brand:hover {
  background-color: var(--brand-dark);
  border-color: var(--brand-dark);
  color: #fff;
}

.card {
  border: none;
  border-radius: .6rem;
  box-shadow: 0 1px 4px rgba(0,0,0,.08);
}

.stat-card {
  border-left: 5px solid var(--brand);
}
.stat-card .stat-value {
  font-size: 1.8rem;
  font-weight: 700;
  color: var(--brand-dark);
}

.login-wrapper {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--brand-dark), var(--brand));
}
.login-card {
  width: 100%;
  max-width: 380px;
}

.pos-product-btn {
  cursor: pointer;
  transition: transform .05s ease-in-out;
}
.pos-product-btn:active {
  transform: scale(0.97);
}

.table-low-stock {
  background-color: #fff3cd !important;
}

.badge-credito {
  background-color: var(--accent);
}