/* =====================================================
   TRANG THIẾT BỊ – LIST VIEW
   Luôn 2 cột (Mobile + Desktop)
   Cột 1 co giãn | Cột 2 cố định ngày
===================================================== */

.equipment-list {
  display: flex;
  flex-direction: column;
  margin-top: 12px;
}

/* Header bảng */
.equipment-header {
  display: grid;
  grid-template-columns: 1fr 110px; /* Tên | Ngày */
  padding: 10px 12px;
  font-weight: 600;
  font-size: 13px;
  color: #555;
  border-bottom: 2px solid #e5e7eb;
}

/* Item */
.equipment-item {
  display: grid;
  grid-template-columns: 1fr 110px;
  gap: 12px;
  align-items: center;
  padding: 12px;
  border-bottom: 1px solid #eee;
  background: #fff;
  font-size: 14px;
}

/* Cột tên thiết bị */
.equipment-item div:first-child {
  word-break: break-word; /* Tên dài tự xuống dòng */
}

.equipment-item div:last-child {
  text-align: left;      /* 🔥 đổi từ right → left */
  white-space: nowrap;
  color: #555;
  font-weight: 500;
}


/* Ẩn label phụ vì luôn hiển thị dạng bảng */
.equipment-label {
  display: none;
}


/* ================= DESKTOP TINH CHỈNH ================= */
@media (min-width: 1024px) {

  .equipment-header {
    grid-template-columns: 1fr 140px;
    font-size: 14px;
  }

  .equipment-item {
    grid-template-columns: 1fr 140px;
    padding: 14px 12px;
  }
}