.customer-group-condition-row {
  align-items: end;
  border-bottom: 1px solid var(--border, #e5e7eb);
  display: grid;
  gap: 12px;
  grid-template-columns: 40px minmax(180px, 1fr) minmax(0, 2fr);
  padding: 14px 0;
}

.customer-group-condition-row:last-child { border-bottom: 0; }
.customer-group-date-range { align-items: center; display: flex; gap: 8px; }
.customer-group-date-range input { min-width: 150px; }
.customer-group-condition-remove-wrap { align-self: end; width: 40px; }
.customer-group-condition-remove { height: 36px; min-width: 36px; padding: 0; width: 36px; }

@media (max-width: 640px) {
  .customer-group-condition-row {
    background: #fff;
    border: 1px solid var(--border, #e5e7eb);
    border-radius: 10px;
    display: grid;
    gap: 10px;
    grid-template-columns: 40px minmax(0, 1fr);
    margin-bottom: 12px;
    padding: 14px;
  }
  .customer-group-condition-row .fg { margin-bottom: 0; }
  .customer-group-condition-type-wrap { grid-column: 2; grid-row: 1; }
  .customer-group-condition-value-field { grid-column: 1 / -1; grid-row: 2; }
  .customer-group-date-range { align-items: stretch; flex-direction: column; }
  .customer-group-condition-remove-wrap { grid-column: 1; grid-row: 1; margin: 0; }
}