.km-vattuong-fieldset {
  border: 1px solid #e2e8f0;
  padding: 12px 14px;
  border-radius: 8px;
  margin-top: 12px;
  background: #fff;
}
.km-vattuong-fieldset legend {
  font-weight: 600;
  padding: 0 6px;
}
.km-vt-groups {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.km-vt-group-btn {
  border: 1px solid #cbd5e1;
  background: #f8fafc;
  padding: 6px 10px;
  border-radius: 6px;
  cursor: pointer;
}
.km-vt-group-btn.active {
  background: #2563eb;
  color: #fff;
  border-color: #2563eb;
}
.km-vt-picker { margin-bottom: 10px; }
.km-vt-group-title { font-weight: 600; margin-bottom: 6px; }
.km-vt-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 6px 12px;
}
.km-vt-opt {
  display: flex; align-items: center; gap: 8px;
  padding: 6px 8px; border: 1px dashed #e5e7eb; border-radius: 6px;
}
.km-vt-actions { display: flex; gap: 8px; margin: 6px 0 10px; }
.km-vt-result { overflow-x: auto; }
.km-vt-table { width: 100%; border-collapse: collapse; }
.km-vt-table th, .km-vt-table td { border: 1px solid #e5e7eb; padding: 8px; vertical-align: top; }
.km-vt-key { white-space: nowrap; font-weight: 600; }
.km-vt-empty { color: #64748b; font-style: italic; }
.km-vt-dropdowns {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(220px,1fr));
  gap: 12px;
  margin-bottom: 10px;
}
.km-vt-col label {
  font-weight: 600;
  display: block;
  margin-bottom: 4px;
}
.km-vt-col select {
  width: 100%;
  padding: 4px;
}
/* HÀNG NGANG 4 Ô */
.km-vt-row{
  display:flex;
  gap:12px;
  flex-wrap:nowrap;      /* luôn nằm 1 hàng */
  align-items:center;
}

.km-vt-cell{
  display:flex;
  flex-direction:row;    /* label + select nằm cạnh nhau */
  align-items:center;
  gap:6px;
  flex:0 0 auto;
}

.km-vt-cell label{
  display:inline-block;  /* ghi đè rule 'display:block' cũ */
  white-space:nowrap;
  font-weight:600;
  margin:0;
}

.km-vt-cell select{
  min-width:160px;       /* tùy chỉnh độ rộng mỗi ô */
  padding:4px 6px;
  position:relative;     /* tránh bị lớp khác đè */
  z-index:1;
}

/* Nếu trước đó còn rule lưới cũ thì vô hiệu hóa (phòng quên xóa markup cũ) */
.km-vt-dropdowns, .km-vt-col { display:none !important; }

/* (Tùy chọn) Tự xuống 2 hàng khi màn nhỏ < 900px */
@media (max-width: 900px){
  .km-vt-row{ flex-wrap:wrap; }
}