body {
    font-family: 'Poppins', sans-serif;
}
aside {
    transition: width 0.3s;
}
.low-stock {
    background-color: #fecdca;
}

/*
  IMPORTANT:
  We DO NOT hide sidebar text on mobile.
  Mobile sidebar behavior (slide-in drawer) is handled in views/layouts/main.php
  via the `aside.open` class + transform.
*/

@media (max-width: 768px) {
    aside {
        /* keep full width so menu labels remain visible */
        width: 12rem; /* 192px */
    }
    aside span {
        display: inline; /* ensure labels show on mobile */
    }
    main {
        margin-left: 0;
    }
}