/* modules/asset/styles.css — สไตล์เฉพาะโมดูลทะเบียนพัสดุรายชิ้น */

/* ป้ายสถานะ — สีตามค่าใน ASSET_STATUS (0-7) */
.asset-status {
  display: inline-block;
  padding: 2px 8px;
  border-radius: var(--radius-sm, 4px);
  color: #fff;
  white-space: nowrap;
  background-color: #6b7280;
}
.asset-status.status0 { background-color: #16a34a; }
.asset-status.status1 { background-color: #2563eb; }
.asset-status.status2 { background-color: #9333ea; }
.asset-status.status3 { background-color: #ea580c; }
.asset-status.status4 { background-color: #dc2626; }
.asset-status.status5 { background-color: #111827; }
.asset-status.status6 { background-color: #a16207; }
.asset-status.status7 { background-color: #6b7280; }

.asset-detail-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: var(--space-3, 12px);
}

.asset-detail-item label {
  display: block;
  font-weight: 600;
  opacity: 0.75;
}

.asset-detail-item span,
.asset-detail-item a {
  overflow-wrap: anywhere;
}

.asset-head {
  display: flex;
  gap: var(--space-3, 12px);
  align-items: center;
  flex-wrap: wrap;
}

.asset-head img.asset-image {
  width: 96px;
  height: 96px;
  object-fit: cover;
  border-radius: var(--radius-sm, 4px);
}

.asset-barcode img {
  max-width: none;
  height: 40px;
  display: block;
}

.asset-expired {
  color: #dc2626;
  font-weight: 600;
}