:root {
 --green: #2e7d32;
 --bg: #f7fff7;
}
body {
 font-family: Inter, Arial, sans-serif;
 background: var(--bg);
}
/* Card styling */
.card {
 border-radius: 10px;
}
/* Product tile images */
.pos-tile img {
 height: 140px;
 object-fit: cover;
}
/* Sidebar styling */
.nav-link {
 color: #000; /* default text color for links */
 font-weight: 500;
 padding: 0.5rem 0.75rem;
 border-radius: 6px;
 margin-bottom: 0.25rem;
 transition: background 0.2s, color 0.2s;
}
.nav-link:hover {
 background-color: var(--green);
 color: #fff;
 text-decoration: none;
}
.nav-link.active {
 background-color: var(--green);
 color: #fff;
 font-weight: 600;
}
/* Sidebar container */
.col-md-2 {
 background-color: #fff;
 border-right: 1px solid #dee2e6;
}
/* Sidebar header */
.col-md-2 h5 {
 font-weight: 600;
}
/* Full-height sidebar */
.col-md-2.vh-100 {
 height: 100vh;
 position: sticky;
 top: 0;
}
/* Scroll if menu grows too tall */
.nav.flex-column {
 overflow-y: auto;
 max-height: calc(100vh - 60px); /* leave space for header */
 padding-right: 0.25rem;
}
/* Scrollbar styling */
.nav.flex-column::-webkit-scrollbar {
 width: 6px;
}
.nav.flex-column::-webkit-scrollbar-thumb {
 background-color: rgba(46, 125, 50, 0.6);
 border-radius: 3px;
}