body {
  
    background-color: #f2f7ff;
}
.custom-navbar {
    background: #005C97;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #363795, #005C97);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #363795, #005C97); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}
.custom-navbar .nav-link {
    color: #fff !important;
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
    font-size: large;
}
.custom-navbar .nav-link:hover,.custom-navbar .nav-link.active {
    color: #ffd166 !important;
}
.custom-sidebar{
    
    right: 0;
}

.card-hover {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card-hover:hover {
  transform: translateY(-8px) scale(1.03);
  box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.2);
}
.img-uniform {
  height: 150px;      /* Adjust as needed */
  object-fit: cover;   /* Keep image aspect ratio */
}
.product-search-container,
.supplier-search-container {
  position: relative;
  max-width: 100%;
}
.product-list .list-group-item,
.supplier-list .list-group-item {
  border: none;
  padding: 0.65rem 1rem;
  transition: background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  display: flex;
  align-items: center;
  gap: 10px;
  overflow: hidden; /* prevents inner text from leaking */
  border-radius: 0.375rem; /* slight rounding for each item */
}

.product-list .list-group-item:hover,
.supplier-list .list-group-item:hover {
  background-color: #f8f9fa;
  box-shadow: inset 0 0 0 1px #e9ecef; /* subtle hover border instead of scale */
  cursor: pointer;
}

.product-list .avatar,
.supplier-list .avatar {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #0d6efd;
  color: white;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.product-list .flex-grow-1,
.supplier-list .flex-grow-1 {
  min-width: 0; /* necessary for text truncation in flex layouts */
}

.product-list .fw-semibold,
.supplier-list .fw-semibold {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.product-list small,
.supplier-list small {
  display: block;
  color: #6c757d;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}