/* Desktop: nhóm nằm sát trái .filter-btns, giữ nguyên vị trí như cũ */
.gc-manual-chidinh-group {
  display: flex;
  align-items: flex-end;
  gap: 10px;
  margin-left: auto;
}

.gc-manual-chidinh-group[hidden] {
  display: none;
}

/* .filter-btns vốn có margin-left:auto để dạt phải; khi có nhóm Lấy CĐ
   thì nhóm giữ vai trò đó, tránh sinh khoảng trống giữa hai cụm */
.gc-manual-chidinh-group:not([hidden]) ~ .filter-btns {
  margin-left: 0;
}

.filter .gc-manual-chidinh-group input.gc-manual-chidinh-input[type="text"] {
  width: 180px;
  height: 35px;
  border: 1px solid var(--bd);
  border-radius: 8px;
  padding: 0 10px;
  font-weight: 600;
}

.filter input[type="text"][data-additional-field-input="AdditionalField1"] {
  width: 156px;
}

.gc-manual-chidinh-group .gc-manual-chidinh-btn {
  min-width: 90px;
  background: #0f766e;
  border-color: #0f766e;
  color: #fff;
  font-weight: 700;
}

.gc-manual-chidinh-group .gc-manual-chidinh-btn:hover {
  background: #0d665f;
  border-color: #0d665f;
}

.gc-manual-chidinh-group .gc-manual-chidinh-btn:disabled {
  background: #6b908b;
  border-color: #6b908b;
  color: #fff;
}

/* Mobile/tablet: nhóm chiếm trọn một hàng riêng ở đầu bộ lọc,
   giống cách .quick-range làm (grid-column: 1 / -1) */
@media (max-width: 900px),
  (pointer: coarse) and (max-width: 1180px),
  (min-aspect-ratio: 4/5) and (max-aspect-ratio: 5/4) and (max-width: 1180px) {
  .filter .row .gc-manual-chidinh-group {
    grid-column: 1 / -1;
    order: -11;
    width: 100%;
    min-width: 0;
    margin-left: 0;
    align-items: stretch;
    gap: 8px;
  }

  .filter .gc-manual-chidinh-group input.gc-manual-chidinh-input[type="text"] {
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    height: 46px;
    border-radius: 12px;
    padding: 0 11px;
  }

  .filter .gc-manual-chidinh-group .gc-manual-chidinh-btn {
    flex: 0 0 auto;
    width: auto;
    min-width: 120px;
    height: 46px;
    border-radius: 12px;
  }
}