/* Thiết lập cơ bản cho body */
body {
  background-color: #f8f9fa;
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0;
}

/* Thiết lập kiểu cho thanh điều hướng */
.navbar {
  background-color: #007bff;
}

.navbar a.navbar-brand {
  color: white;
  font-size: 24px;
}

.navbar a.navbar-brand:hover {
  color: #f8f9fa;
}

/* Thiết lập kiểu cho các cột trong bảng */
.table th, .table td {
  vertical-align: middle;
  text-align: center;
  padding: 10px;
}

/* Thêm khoảng cách giữa các button */
.btn {
  margin-right: 5px;
}

/* Thiết lập độ rộng tối thiểu cho các cột bảng */
.product-table th:nth-child(2), /* Tên sản phẩm */
.product-table td:nth-child(2) {
  min-width: 250px;
  max-width: 400px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.product-table th:nth-child(4), /* Đơn vị tính */
.product-table td:nth-child(4) {
  min-width: 100px;
}

.product-table th:nth-child(5), /* Danh mục */
.product-table td:nth-child(5) {
  min-width: 120px;
}

.product-table th:nth-child(6), /* Thương hiệu */
.product-table td:nth-child(6) {
  min-width: 120px;
}

.product-table th:nth-child(7), /* Giá bán */
.product-table td:nth-child(7) {
  min-width: 120px;
}

.product-table th:nth-child(8), /* Giá nhập */
.product-table td:nth-child(8) {
  min-width: 120px;
}

.product-table th:nth-child(9), /* Tồn kho */
.product-table td:nth-child(9) {
  min-width: 80px;
}

.product-table th:nth-child(10), /* Bảo hành */
.product-table td:nth-child(10) {
  min-width: 100px;
}

/* Thiết lập kiểu cho các bảng */
.product-table th,
.product-table td {
  font-weight: bold;
  text-align: center;
}

/* Định dạng cho các form */
form {
  margin-top: 20px;
}

.form-label {
  font-weight: bold;
}

.form-control {
  border-radius: 5px;
}

.btn-primary {
  background-color: #007bff;
  border-color: #007bff;
}

.btn-primary:hover {
  background-color: #0056b3;
  border-color: #0056b3;
}

/* Phần footer */
footer {
  background-color: #007bff;
  color: white;
  padding: 10px;
  text-align: center;
}

footer a {
  color: white;
  text-decoration: none;
}

footer a:hover {
  text-decoration: underline;
}