:root {
  --gaucha-primary: #7a2e2e;
  --gaucha-primary-dark: #5e2222;
  --gaucha-bg: #faf6f2;
}

body {
  background-color: var(--gaucha-bg);
}

.app-navbar {
  background-color: var(--gaucha-primary);
}

.btn-primary {
  background-color: var(--gaucha-primary);
  border-color: var(--gaucha-primary);
}
.btn-primary:hover, .btn-primary:focus {
  background-color: var(--gaucha-primary-dark);
  border-color: var(--gaucha-primary-dark);
}
.btn-outline-primary {
  color: var(--gaucha-primary);
  border-color: var(--gaucha-primary);
}
.btn-outline-primary:hover {
  background-color: var(--gaucha-primary);
  border-color: var(--gaucha-primary);
}
.nav-link.active {
  color: #fff !important;
  font-weight: 600;
  border-bottom: 2px solid #fff;
}

.login-body {
  min-height: 100vh;
  background: linear-gradient(135deg, var(--gaucha-primary) 0%, var(--gaucha-primary-dark) 100%);
}
.login-card {
  border-radius: 16px;
}

.dados-cliente li {
  margin-bottom: 0.5rem;
}
.dados-cliente i {
  width: 20px;
  color: var(--gaucha-primary);
}

.itens-alugados {
  font-size: 1.02rem;
}

.badge-ativo { background-color: #2e7d32; }
.badge-devolvido { background-color: #6c757d; }
.badge-atrasado { background-color: #c62828; }
.badge-cancelado { background-color: #9e9e9e; }

.timeline-item {
  border-left: 3px solid var(--gaucha-primary) !important;
}

.lembrete-atrasado {
  border-left: 3px solid #c62828 !important;
}