:root {
  --primary: #0d6efd;
  --success: #198754;
  --danger: #dc3545;
  --warning: #ffc107;
}

body {
  background-color: #f8f9fa;
  padding-bottom: 70px;
  padding-top: env(safe-area-inset-top);
}

.navbar.sticky-top {
  top: 0;
  padding-top: env(safe-area-inset-top);
  z-index: 1030;
}

@media (max-width: 991px) {
  .navbar-collapse {
    max-height: 70vh;
    overflow-y: auto;
  }
  main.container {
    padding-top: 1rem;
  }
}

.section { animation: fadeIn 0.2s ease; }

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: none; }
}

.bottle-card {
  transition: transform 0.15s;
}
.bottle-card:hover { transform: translateY(-2px); }

.progress { height: 8px; }

.low-stock { border-left: 4px solid var(--danger) !important; }
.medium-stock { border-left: 4px solid var(--warning) !important; }
.good-stock { border-left: 4px solid var(--success) !important; }

.stat-card {
  border-radius: 12px;
  border: none;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.nav-link.active {
  font-weight: 600;
  background: rgba(255,255,255,0.15);
  border-radius: 6px;
}

@media (max-width: 576px) {
  .navbar-brand { font-size: 1rem; }
}